Android中自定义Dialog布局的两种方式比较

Android中自定义Dialog布局的两种方式比较

在百度里搜索了自定义Dialog布局的方法，方法几乎一致，按照那个方法最终得到的效果总是不理想。一度狂躁不已，然后刷了会知乎，心情平静下来后，Google一番，终于找到了解决方法。特地分享给大家。

方式一：使用Dialog.getWindow().setContentView()函数自定义布局。

先给出自定义的布局my_dialog_layout.xml：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="vertical" >        <TextView            android:id="@+id/textView1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_margin="20dp"            android:paddingLeft="10dp"            android:text="请选择"            android:textColor="#ff2525"            android:textSize="20sp" />        <View            android:layout_width="match_parent"            android:layout_height="1dp"            android:layout_marginLeft="20dp"            android:layout_marginRight="20dp"            android:background="#969696" />        <Button            android:id="@+id/button1"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginLeft="20dp"            android:layout_marginRight="20dp"            android:gravity="left|center_vertical"            android:padding="10dp"            android:text="第一个功能"            android:textColor="#2a2a2a"            android:textSize="15sp" />        <View            android:layout_width="match_parent"            android:layout_height="1px"            android:layout_marginLeft="20dp"            android:layout_marginRight="20dp"            android:background="#a6a6a6" />        <Button            android:id="@+id/button2"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginLeft="20dp"            android:layout_marginRight="20dp"            android:gravity="left|center_vertical"            android:padding="10dp"            android:text="第二个功能"            android:textColor="#2a2a2a"            android:textSize="15sp" />        <View            android:layout_width="match_parent"            android:layout_height="1px"            android:layout_marginLeft="20dp"            android:layout_marginRight="20dp"            android:background="#a6a6a6" />        <Button            android:id="@+id/button3"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginLeft="20dp"            android:layout_marginRight="20dp"            android:gravity="left|center_vertical"            android:padding="10dp"            android:text="第三个功能"            android:textColor="#2a2a2a"            android:textSize="15sp" />    </LinearLayout></LinearLayout>  

该布局在androidStudio的视图预览器中显示效果如下：

ok,方式一的做法是这样的：

AlertDialog alertDialog = new AlertDialog.Builder(MainActivity.this).create();  alertDialog.show();  //新建alertDialog 实例，注意：！！！//alertDialog.show()在setContentView()之前调用！！！Window window = alertDialog.getWindow();  window.setContentView(R.layout.my_dialog_layout); //获取自定义布局的相关控件，定义相关操作。 Button button1 = (Button ) window.findViewById(R.id.button1);  Button button1 = (Button ) window.findViewById(R.id.button1); wButton button1 = (Button ) window.findViewById(R.id.button1); 

嗯，方式一大致就是这样。简化其他操作，代码就是这样：

public void createDialog(){AlertDialog dialog = new AlertDialog.Builder(MainActivity.this).create();//创建一个AlertDialog对象dialog.show();//自定义布局View view = getLayoutInflater().inflate(R.layout.my_dialog_layout, null);//设置自定义的布局dialog.getWindow().setContentView(view);}

最后自定义效果的样式是这样的：

可以看到，Dialog的背景全部变成了灰色，只有我们自定义的控件，但是，样式和我们想要的不一样。

方式二：使用Dialog.getWindow().setView()函数自定义布局。

ok,方式二的做法是这样的：

AlertDialog dialog = new AlertDialog.Builder(MainActivity.this).create();//创建一个AlertDialog对象View view = getLayoutInflater().inflate(R.layout.my_dialog_layout, null);//自定义布局dialog.setView(view, 0, 0, 0, 0);//把自定义的布局设置到dialog中，注意，布局设置一定要在show之前。从第二个参数分别填充内容与边框之间左、上、右、下、的像素dialog.show();//一定要先show出来再设置dialog的参数，不然就不会改变dialog的大小了

最后运行效果如下：

综上所述，使用方式二是实现自定义布局的较好的方式。

后记

至于如何改变布局的透明度等，请参考以下博文。
自定义AlertDialog和 PopupWindown的实现。