Android初级知识--自定义任何样式的对话框

概述

• 对话框也是Android开发中必不可少的控件,系统提供的对话框样式丑,也很单一,无法满足开发中实际的需求,这里提供一种思路,可以自定义出任何样式的对话框;

正文

效果图

• 首先看一下效果图:
  
• 当点击按钮时,我们弹出的对话框如下:
  

正文

• 进入主题,我们先完成对话框的布局文件:
  custom_dialog.xml文件如下:

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#fff">    <TextView        android:id="@+id/tv_title"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="#0099CC"        android:gravity="center"        android:padding="12dp"        android:text="标题"        android:textColor="#000"        android:textSize="17sp" />    <TextView        android:id="@+id/tv_message"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_below="@+id/tv_title"        android:background="#ffffff"        android:gravity="center"        android:padding="14dp"        android:text="提示信息"        android:textColor="#222222"        android:textSize="15sp" />    <View        android:layout_width="match_parent"        android:layout_height="0.1dp"        android:layout_above="@+id/llButtons"        android:layout_marginTop="10dp"        android:background="#FF9900" />    <LinearLayout        android:id="@+id/llButtons"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:background="#006633"        android:orientation="horizontal">        <TextView            android:id="@+id/tv_confirm"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:gravity="center"            android:padding="12dp"            android:text="确定"            android:textColor="#CCCC99"            android:textSize="15sp" />        <View            android:layout_width="2dp"            android:layout_height="match_parent"            android:background="#f00" />        <TextView            android:id="@+id/tv_cancel"            android:layout_width="0dp"            android:layout_height="wrap_content"            android:layout_weight="1"            android:gravity="center"            android:padding="14dp"            android:text="取消"            android:textColor="#CCCC99"            android:textSize="15sp" />    </LinearLayout></RelativeLayout>

• 接着继承AlertDialog类自定义对话框;
  CustomAlertDialog.java类如下:

public abstract class CustomAlertDialog extends AlertDialog implements View.OnClickListener {    private TextView tv_title;    private TextView tv_message;    private TextView tv_confirm;    private TextView tv_cancel;    //接受具体信息    private String title;    private String message;    private String confirm;    private String cancel;    private Context context;    protected CustomAlertDialog(Context context) {        super(context);        this.context=context;    }    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //加载自定义布局        setContentView(R.layout.custom_dialog);        //初始化控件        tv_title = (TextView) findViewById(R.id.tv_title);        tv_message = (TextView) findViewById(R.id.tv_message);        tv_confirm = (TextView) findViewById(R.id.tv_confirm);        tv_cancel = (TextView) findViewById(R.id.tv_cancel);        //填入数据        tv_title.setText(title);        tv_message.setText(message);        tv_confirm.setText(confirm);        tv_cancel.setText(cancel);        //两个按钮的点击事件        tv_confirm.setOnClickListener(this);        tv_cancel.setOnClickListener(this);    }    @Override    public void show() {        super.show();        //在这里也可以设置对话框体大小        /*int width = getDeviceWidth((Activity) context);        setDialogSize(width * 4 / 5, width * 2 / 4);*/    }    /**     * 修改框体大小     */    public void setDialogSize(int width, int height) {        WindowManager.LayoutParams params=getWindow().getAttributes();        params.width=width;        params.height=height;        this.getWindow().setAttributes(params);    }    /**     * 设置标题     */    public void setTitle(String title){        this.title=title;    }    /**     * 设置信息     */    public void setMessage(String message){        this.message=message;    }    /**     * 设置左边的按钮     */    public void setConfirm(String confirm){        this.confirm=confirm;    }    /**     * 设置右边的按钮     */    public void setCancel(String cancel){        this.cancel=cancel;    }    /**     * 点击事件的两个抽象方法 ,子类必须实现     */    public abstract void onDialogConfirmClick();    public abstract void onDialogCancelClick();    @Override    public void onClick(View v) {        switch (v.getId()){            case R.id.tv_confirm:                onDialogConfirmClick();                break;            case R.id.tv_cancel:                onDialogCancelClick();                break;        }    }    /**     * 获取屏幕宽度     */    public static int getDeviceWidth(Activity activity) {        DisplayMetrics dm = new DisplayMetrics();        activity.getWindowManager().getDefaultDisplay().getMetrics(dm);        return dm.widthPixels;    }}

• 最后就是使用这个对话框;
  MainActivity.java文件如下:

public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }    /**     * 弹出对话框按钮点击事件     */    public void showDialog(View view) {        CustomAlertDialog dialog = new CustomAlertDialog(this) {            @Override            public void onDialogConfirmClick() {    //左边的按钮                Toast.makeText(MainActivity.this, "我被点了", Toast.LENGTH_SHORT).show();            }            @Override            public void onDialogCancelClick() {     //右边的按钮                dismiss();            }        };        dialog.setTitle("提示");        dialog.setMessage("你确定要关闭当前页吗?");        dialog.setConfirm("取消");        dialog.setCancel("确定");        dialog.show();        //如果要动态设置对话框大小,那需要在show后,传入的是px        dialog.setDialogSize(800, 1000);    }}

• activity_main.xml文件如下:

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.pxj.customdialog.MainActivity">    <Button        android:onClick="showDialog"        android:layout_centerInParent="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="弹出对话框" /></RelativeLayout>

总结

• 从这个列子中是可以看出来:任何形式样式的对话框都可以自定义的;
• 有人可能觉得上述的自定义对话框过于麻烦过于繁琐,确实,其实并不需要这么麻烦,有很多方式去实现,这里也仅仅是提供一种思路而已;