解锁Android Dialog的各种使用姿势

前言

在Android开发中,Dialog被使用的非常频繁,因此这里总结了一下Dialog的几种使用方式

方式一 Android自带Dialog---AlertDialog

  • AlertDialog底层采用了构造者模式,通过构造者在创建AlertDialog对象,全程采用链式调用的方法,非常的方便
  1. item_mydialog.xml布局文件:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@drawable/shape_mydialog"
    android:orientation="vertical"
    android:padding="10dp"
    android:layout_height="wrap_content">
    
    
    <TextView
     android:id="@+id/tv_title"
     android:text="标题"
     tools:text="标题"
     android:layout_marginStart="10dp"
     android:textColor="@android:color/holo_green_light"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" />
    
    <TextView
     android:id="@+id/tv_msg"
     android:text="这是提示的内容"
     android:layout_marginStart="10dp"
     android:layout_marginTop="10dp"
     tools:text="这是提示的内容"
     android:textColor="@android:color/black"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" />
    
    <LinearLayout
     android:layout_marginTop="10dp"
     android:layout_gravity="end"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:orientation="horizontal">
    <TextView
     android:id="@+id/tv_confirm"
     android:text="确定"
     android:layout_marginEnd="10dp"
     tools:text="确定"
     android:textColor="@android:color/holo_green_light"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" />
    
    <TextView
     android:id="@+id/tv_cancel"
     android:text="取消"
     android:layout_marginEnd="10dp"
     tools:text="取消"
     android:textColor="@android:color/holo_green_light"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" />
    </LinearLayout>
    
    </LinearLayout>
    

2.在适当的地方进行如下调用

new AlertDialog.Builder(this)
            .setView(R.layout.item_mydialog)//此处也可以传入一个View,根据构造方法来,传入View可以对View的子控件进行相关操作
            .show();

效果图:


效果图

方式二 继承Dialog类,自定义Dialog

  1. Xml布局使用的是方式一中的

  2. MyDialog代码如下

    public class MyDialog extends Dialog{
    
    private TextView tvTitle,tvMsg,tvConfirm,tvCancel;
    
    private OnMyDialogClickListener onMyDialogClickListener;
    
    public MyDialog setOnMyDialogClickListener(OnMyDialogClickListener onMyDialogClickListener) {
     this.onMyDialogClickListener = onMyDialogClickListener;
     return this;
    }
    
    public MyDialog(@NonNull Context context) {
     super(context, R.style.MyDialogStyle);
    }
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.item_mydialog);
    
     initView();
    
    }
     /**
      * 初始化
      */
    private void initView() {
      tvTitle = findViewById(R.id.tv_title);
      tvMsg = findViewById(R.id.tv_msg);
      tvConfirm = findViewById(R.id.tv_confirm);
      tvCancel = findViewById(R.id.tv_cancel);
      tvConfirm.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
             dismiss();
             if(onMyDialogClickListener != null){
                 onMyDialogClickListener.onConfirmClick(MyDialog.this);
             }
         }
     });
    
     tvCancel.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
             dismiss();
             if(onMyDialogClickListener != null){
                 onMyDialogClickListener.onCancelClick(MyDialog.this);
             }
         }
     });
    
    
     setCanceledOnTouchOutside(true);
     setCancelable(true);
     }
    
    
    
    public MyDialog setTitle(String title){
     tvTitle.setText(title);
     return this;
    }
    
    public MyDialog setMsg(String msg){
     tvMsg.setText(msg);
     return this;
     }
    
    
    
    @Override
    protected void onStart() {
     super.onStart();
     //设置Dialog显示大小位置动画等操作
     Window window = getWindow();
     Display display = window.getWindowManager().getDefaultDisplay();
     window.setLayout((int) (display.getWidth()*0.9),WindowManager.LayoutParams.WRAP_CONTENT);
    }
    
    public interface OnMyDialogClickListener{
     void onConfirmClick(Dialog dialog);
    
     void onCancelClick(Dialog dialog);
    }
    }
    
  3. MyDialogStyle样式

    <style name="MyDialogStyle" parent="@android:style/Theme.Dialog">
     <item name="android:windowNoTitle">true</item>
     <item name="android:windowIsFloating">true</item> <!--这个说明提示框是否是浮动的-->
     <item name="android:windowIsTranslucent">true</item> <!--这个说明提示框是否是透明的-->
     <item name="android:windowBackground">@android:color/transparent</item><!--这个说明提示框的背景颜色是什么-->
     <item name="android:backgroundDimEnabled">true</item><!--这个说明是否充许对话框的背景变暗。为true则充许变暗-->
    </style>
    

4.在适当的位置进行如下调用即可

MyDialog myDialog = new MyDialog(this);
 if(myDialog.isShowing()){
      myDialog.dismiss();
  }else {
      myDialog.show();
  }

效果图:


效果图

注意

以上两种方式创建的Dialog,官方并不推荐使用,因为没有生命周期管理,所以我们必须在使用完,或退出界面时手动对Dialog进行销毁

方式三 继承DialogFragment创建对话框

概述

  • DialogFragment在android 3.0时被引入。是一种特殊的Fragment,用于在Activity的内容之上展示一个模态的对话框。典型的用于:展示警告框,输入框,确认框等等。
  • 在DialogFragment产生之前,我们创建对话框:一般采用AlertDialog和Dialog。注:官方不推荐直接使用Dialog创建对话框。

好处与用法

  • 使用DialogFragment来管理对话框,当旋转屏幕和按下后退键时可以更好的管理其声明周期,它和Fragment有着基本一致的生命周期。且DialogFragment也允许开发者把Dialog作为内嵌的组件进行重用,类似Fragment(可以在大屏幕和小屏幕显示出不同的效果)
  • 使用DialogFragment至少需要实现onCreateView或者onCreateDIalog方法。onCreateView即使用定义的xml布局文件展示Dialog。onCreateDialog即利用AlertDialog或者Dialog创建出Dialog。

使用方式

  1. 重写onCreateView创建Dialog
  • Xml布局使用方式一的

  • 继承DialogFragment,重写onCreateView()方法

    public class MyCommonFragmentDialog extends DialogFragment{
    
    private View mView;
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
      mView = inflater.inflate(R.layout.item_mydialog,container,false);
      return mView;
    }
    
    
    @Override
    public void onStart() {
      super.onStart();
      Window window = getDialog().getWindow();
      if(window != null){
          Display defaultDisplay = window.getWindowManager().getDefaultDisplay();
          window.setLayout((int) (defaultDisplay.getWidth()*0.9), WindowManager.LayoutParams.WRAP_CONTENT);
      }
    
    }
    }
    
  • 在合适的位置进行如下调用

    MyCommonFragmentDialog myCommonFragmentDialog = new MyCommonFragmentDialog();
    myCommonFragmentDialog.show(getSupportFragmentManager(),"");
    

效果图:


效果图
  1. 重写onCreateDialog创建Dialog
  • Xml布局使用方式一的

  • 继承DialogFragment,重写onCreateDialog()方法

    public class MyFragmentDialog extends DialogFragment {
    
    @NonNull
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
      AlertDialog alertDialog = new AlertDialog.Builder(getActivity())
              .setView(R.layout.item_mydialog)
              .create();
      return alertDialog;
    }
    }
    
  • 在合适的位置进行如下调用

    MyFragmentDialog myFragmentDialog = new MyFragmentDialog();
    myFragmentDialog.show(getSupportFragmentManager(),"");
    

效果图:


效果图

使用心得

  • 如果Dialog界面比较简单,通常会选择前两种方式来创建Dialog,但是要注意在合适的地方对Dialog进行销毁
  • 如果Dialog界面比较复杂,而且涉及很多与Activity传值等问题,建议使用继承DialogFragment并重写onCreateView()方法的方式来创建Dialog,这样子我们就可以像使用普通Fragment的方式来使用Dialog,易于管理

如果对我的文章感兴趣的话,请为我点赞,谢谢!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容

  • 对话框 对话框是提示用户作出决定或输入额外信息的小窗口。 对话框不会填充屏幕,通常用于需要用户采取行动才能继续执行...
    牧童遥指2000阅读 3,728评论 6 11
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,204评论 0 17
  • TextView文本框 TextView类的结构 TextView是用于显示字符串的组件,对于用户来说就是屏幕中一...
    墨栉枫阅读 1,088评论 3 2
  • 你们说的爱,其实不过就是被爱而不是爱,会不会由于前世相欠,才跑来今生相见?黑月亮升空,洛杉矶时报说又不是世界之末,...
    陈子弘阅读 536评论 2 5