自定义Dialog

自定义Dialog可以设置两个自定义布局

• 自定义标题布局setCustomTitle(),方法参数为View类对象
• 自定义整个Dialog布局setView()，方法参数为View类对象

自定义Dialog效果图

自定义Dialog.png

自定义Dialog布局custom_dialog.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="horizontal">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/ic_launcher" />
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="自定义Dialog标题" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <TextView
                 android:id="@+id/tvInputName"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:textSize="18sp"
                 android:text="@string/inputName" />
            <EditText
                android:id="@+id/etInputName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="@string/inputNameHint" />
         </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginTop="10dp"
            android:gravity="center">
            <Button
                android:id="@+id/btConfirm"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="确定" />
            <Button
                android:id="@+id/btCancel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="100dp"
                android:text="取消" />
        </LinearLayout>
</LinearLayout>

将自定义Dialog的布局文件xml用LayoutInflater布局填充器类转换成View类，进行控件绑定

View dialogView=getLayoutInflater().inflate(R.layout.custom_dialog,null);

AlertDialog.Builder builder=new AlertDialog.Builder(this);
View dialogView= getLayoutInflater().inflate(R.layout.custom_dialog,null);
builder.setView(dialogView);
final AlertDialog dialog=builder.create();
//得到按钮，这是Dialog最重要的交互之一
Button confirm = (Button) dialogView.findViewById(R.id.btConfirm);
Button cancle= (Button) dialogView.findViewById(R.id.btCancel);
final EditText etName= (EditText) dialogView.findViewById(R.id.etInputName);
confirm.setOnClickListener(new View.OnClickListener() {    
@Override    
public void onClick(View view) {
    Toast.makeText(MainActivity.this,"输入的名字为"+etName.getText().toString(),Toast.LENGTH_SHORT).show();
    dialog.dismiss();
}});
cancle.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
    dialog.dismiss();
}});
dialog.show();