自定义控件（Dialog篇）

自定义控件实现方式

本文中初步讨论了关于原生Dialog实现方式，自定义Dialog样式实现以及注意细节
基于Android Studio API 23开发
- 原生Dialog三种样式实现方式
- 自定义Dialog实现方式
- 结束语

---

原生Dialog实现方式

代码块

原生Dialog实现方式样式一L提示框：

实现方式一：

   AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
        builder.setTitle("提示"); //设置标题  
        builder.setMessage("是否确认退出?"); //设置内容  
        builder.setIcon(R.mipmap.ic_launcher);//设置图标，图片id即可  
        builder.setPositiveButton("确定", new DialogInterface.OnClickListener() { //设置确定按钮  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss(); //关闭dialog  
            }  
        });  
        builder.setNegativeButton("取消", new DialogInterface.OnClickListener() { //设置取消按钮  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss();     
            }  
        });  

        builder.setNeutralButton("忽略", new DialogInterface.OnClickListener() {//设置忽略按钮  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss();  
            }  
        });  
        //参数都设置完成了，创建并显示出来 （三个按钮本身是空作用的，需要人为赋值）
        builder.create().show();

实现方式二：

DialogInterface.OnClickListener dialogOnclicListener=new DialogInterface.OnClickListener(){  
           @Override  
           public void onClick(DialogInterface dialog, int which) {  
               switch(which){  
                   case Dialog.BUTTON_POSITIVE:  

                       break;  
                   case Dialog.BUTTON_NEGATIVE:  

                       break;  
                   case Dialog.BUTTON_NEUTRAL:  

                       break;  
               }  
           }  
       };  
       //dialog参数设置  
       AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
       builder.setTitle("提示"); //设置标题  
       builder.setMessage("是否确认退出?"); //设置内容  
       builder.setIcon(R.mipmap.ic_launcher);//设置图标，图片id即可  
       builder.setPositiveButton("确认",dialogOnclicListener);  
       builder.setNegativeButton("取消", dialogOnclicListener);  
       builder.setNeutralButton("忽略", dialogOnclicListener);  
       builder.create().show();  

原生Dialog实现方式样式二L列表选项：

    final String items[]={"路飞","娜美","索隆"};  
        //dialog参数设置  
        AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
        builder.setTitle("提示"); //设置标题  
        //builder.setMessage("是否确认退出?"); //设置内容  
        builder.setIcon(R.mipmap.ic_launcher);//设置图标，图片id即可  
        //设置列表显示，注意设置了列表显示就不要设置builder.setMessage()了，否则列表不起作用。  
        builder.setItems(items,new DialogInterface.OnClickListener() {  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss();  
                //which属性是items数组的下标
                         }  
        });  
        builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss();   
            }  
        });  
        builder.create().show();  

原生Dialog实现方式样式三L单选对话框：

    final String items[]={"男","女"};  
        AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
        builder.setTitle("提示"); //设置标题  
        builder.setIcon(R.mipmap.ic_launcher);//设置图标，图片id即可  
        builder.setSingleChoiceItems(items,0,new DialogInterface.OnClickListener() {  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                //dialog.dismiss();  
               //setSingleChoiceItems参数中，0表示默认选中是第一个，如图所示是默认选中“男”。
            }  
        });  
        builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss();  
            }  
        });  
        builder.create().show();   

原生Dialog实现方式样式三L多选对话框：

   final String items[]={"乔巴","山治","乌索普"};  
   final boolean selected[]={true,false,true};  
        AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器  
        builder.setTitle("提示"); //设置标题  
        builder.setIcon(R.mipmap.ic_launcher);//设置图标，图片id即可  
        builder.setMultiChoiceItems(items,selected,new DialogInterface.OnMultiChoiceClickListener() {  
            @Override  
            public void onClick(DialogInterface dialog, int which, boolean isChecked) {  
               // dialog.dismiss();  
              //which是点击的item下标，在这里可以保留下标的状态用于下次呈现
              // android会自动根据你选择的改变selected数组的值。  
            }  
        });  
        builder.setPositiveButton("确定",new DialogInterface.OnClickListener() {  
            @Override  
            public void onClick(DialogInterface dialog, int which) {  
                dialog.dismiss();   
            }  
        });  
        builder.create().show();  

自定义Dialog实现方式

代码块

 public class CouponDialog extends Dialog {

    private Context context;

    @SuppressLint("InflateParams")
    public CouponDialog (final Context context){
        super(context, R.style.DialogStyle);
        this.context=context;
        View view = LayoutInflater.from(context).inflate(R.layout.layout_cash_coupon_dialog, null);//设置相关布局
        setContentView(view);
        // 设置窗口大小
        Window mWindow = getWindow();
        WindowManager.LayoutParams lp = mWindow.getAttributes();
        if (context.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {// 竖屏
        //这里必须设置相关的高度和宽度，如果不设置将不会显示出来
            lp.width = getScreenWidth(context);
            lp.height = getScreenHeight(context)/2;
        } else {
            lp.width = getScreenHeight(context);
        }
        mWindow.setAttributes(lp);
        // 设置可以动画
        mWindow.setWindowAnimations(R.style.dialogAnimBottomAndFade);
        // 位置设置在底部--显示位置(Gravity.CENTER)中间
        mWindow.setGravity(Gravity.BOTTOM);
        // 设置可取消
       setCancelable(true);
        setCanceledOnTouchOutside(true);

    }

public static int getScreenWidth(Context context){
        DisplayMetrics dm = new DisplayMetrics();
        ((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(dm);
        return dm.widthPixels;
    }
    public static int getScreenHeight(Context context){
        DisplayMetrics dm = new DisplayMetrics();
        ((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(dm);
        return dm.heightPixels;
    }

//如果想做相关点击事件在初始化中进行对象以及数据的初始化
}

styles里的自定义Dialog配置

<!--自定义dialog-->
    <style name="DialogStyle" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <!--  边框-->
        <item name="android:windowIsFloating">true</item>
        <!--是否浮现在activity之上-->
        <item name="android:windowIsTranslucent">false</item>
        <!--半透明-->
        <item name="android:windowNoTitle">true</item>
        <!--无标题-->
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>


<!--自定义dialog的动画效果-->
    <style name="dialogAnim" parent="android:Animation">
        <item name="android:windowEnterAnimation">@anim/dialog_show</item>
        <item name="android:windowExitAnimation">@anim/dialog_dismiss</item>
    </style>

anim中创建dialog_show和dialog_dismiss

dialog_show

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromYDelta="100%p"
        android:duration="500" />
</set> 

dialog_dismiss

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:toYDelta="100%p"
        android:duration="500" />
</set> 

经过数据配置之后可以显示比较复杂的效果图

结束语

对于原生Dialog的样式无法进行重绘，并且根据Android Studio中使用的API不同，很可能会发生样式的变化。结合多方面因素考虑还是需要自定义一个Dialog界面用于复写比较好，不但可以保持页面的整洁性，还可以保证页面的统一性。