[android]我是这样写自定义Dialog的

最新推荐文章于 2022-06-27 18:58:57 发布

Sunflower812

最新推荐文章于 2022-06-27 18:58:57 发布

阅读量1.7k

点赞数 1

分类专栏： android-知识文章标签： android dialog 自定义

本文链接：https://blog.csdn.net/qq_33456552/article/details/51980777

版权

android-知识专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、前言

#####然而就先特么扯个犊子…#####

* 其实，关于android的自定义dialog网络上很多文章。我也不知道我这篇会不会特别点~
  小渣渣我只想写点个人感觉有意义的东西。
（其实也是不知道写啥啦，欢迎大家有想了解的知识点、或者想法可以私信或  者留言给本渣~
  个人感觉有意义的有兴趣的就写出来~hhhhhh  ）

  不扯犊子了…感觉扯犊子会被打…

2、概述

百度上各种自定义对话框很多，可是感觉都好乱呀呀呀呀。之前写自定义对话框的代码总是巴拉到一团，卧槽……看着就烦，改起来更烦…对于近视度数极高的我来说实在是受不了（额，虽然好像和近视没啥关系…别在意这了）

所以,本文的目的就是骗关注的…个屁，就是介绍个人一个写自定义Dialog的方式。

大概就是：

提高可维护性.
代码结构思路清晰点，不会像狗皮膏药黏在一团.
个人感觉可控性蛮高.
然后自己感觉下吧……
(优缺点什么的，都是自己体会下的好，我目前所知道的好方式不一定是最好的方式，要不然我怎么自称本渣渣呢，毕竟牛在天上飞，我在地上吹~)

3、思路

首先，dialog这个玩意儿我们还是很经常用到的，不同的需求可能涉及不一样的dialog，所以咱写一个自定义dialog的父类，父类就一个很普通dialog嘛，然后，为人基本准则给你了，儿子你爱咋整咋整吧。恩的，把儿子放养去~你啥功能自己搞去，爹爹我只要你还是个人（dialog）就好了！

就按着这个思路咱敲代码去！
示例，一个支付时需要输入密码的一个对话框，需要显示交易金额，输入密码框。

效果图：

自定义Dialog.gif

4、代码

*前面说的都是打屁，还挺悠长的~言归正传代码走起来~

1、首先按照思路，我们不能像平常写自定义Dialog一般，一股脑的吧嗒吧嗒的鞋写出来.所以先写一个Dialog的父类。

☆☆☆☆☆
* 既然是父类，所以我们新建个抽象类。我这边就取名叫做BaseDialog了.（其实写完这个基本类这篇文章就GG了）

public abstract class BaseDialog {

//这些属性，Context 是肯定要的，基本对话框要用它
protected Context context;
private Display display;//这个设置显示属性用的 
private Dialog dialog;//自定义Dialog，Dialog还是要有一个的吧

//对话框布局的样式ID (通过这个抽象方法，我们可以给不同的对话框设置不同样式主题)
 protected abstract int getDialogStyleId();
//构建对话框的方法(都说了是不同的对话框，布局什么的肯定是不一样的)
protected abstract View getView();

//构造方法 来实现 最基本的对话框
public BaseDialog(Context context) {  
     this.context = context;
     WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);  
     display = windowManager.getDefaultDisplay();
     //在这里初始化 基础对话框s    
     if (getDialogStyleId() == 0){     
           dialog = new Dialog(context, DIALOG_COMMON_STYLE );   
     }else {       
           dialog = new Dialog(context, getDialogStyleId());    
     }    
     // 调整dialog背景大小    
     getView().setLayoutParams(new FrameLayout.LayoutParams((int) (display.getWidth() * 0.8), LinearLayout.LayoutParams.WRAP_CONTENT));    
dialog.setContentView(getView());    
     //隐藏系统输入盘 
     dialog.getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);
  }

   /** * Dialog 的基础方法，
    *凡是要用的就在这写出来，然后直接用对话框调本来的方法就好了，不够自己加~hhh */

  //像这类设置对话框属性的方法，就返回值写自己，这样就可以一条链式设置了
  public BaseDialog setCancelable(boolean cancel) {  
     dialog.setCancelable(cancel);   
     return this;
   }

   public void show() {    
     dialog.show();
  }

   public void dismiss(){    
        dialog.dismiss();
   }

   public boolean isShowing(){ 
          return dialog.isShowing();
   }

  public BaseDialog setdismissListeren(DialogInterface.OnDismissListener dismissListener){    
      dialog.setOnDismissListener(dismissListener);    
      return this;
   }

}

上面有俩个样式，样式的话写在res/values/styles.xml中.

<!-- 对话框样式(要什么样式自己网上找去…应该没有比我懒得吧) : --><!-- 自定义仿IOS的AlertDialog的样式 -->
<style name="dialog_ios_style" parent="@android:style/Theme.Dialog">   
<item name="android:windowBackground">@android:color/transparent</item>    
<item name="android:windowContentOverlay">@null</item>    
<item name="android:windowIsFloating">true</item>  
<item name="android:windowFrame">@null</item>    
<item name="android:backgroundDimEnabled">true</item>  
<item name="android:windowNoTitle">true</item>    
<item name="android:windowIsTranslucent">true</item>
</style>

<!-- 一个很正常的样式 -->
<style name="common_dialog_style" parent="@android:style/Theme.Dialog">    
<item name="android:windowBackground">@android:color/transparent</item>    
<item name="android:windowFrame">@null</item>    
<item name="android:windowNoTitle">true</item>    
<item name="android:windowIsFloating">true</item>    
<item name="android:windowIsTranslucent">true</item>    
<item name="android:windowContentOverlay">@null</item>    
<item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>    
<item name="android:backgroundDimEnabled">true</item>
</style>

*最重要的父类就写好了~然后，所有的自定义对话框继承他，实现自己的方法就好了~~~

2、然后咱写一个自定义的支付确认对话框.(这只是个例子，爱咋玩，自己写去，小渣渣比较懒。。就举这一个例子啦QAQ，其实觉得举太多也没什么卵用)

按照上面说的写个类继承刚刚写的BaseDialog

public class PassWordDialog extends BaseDialog {

    //这些属性无视就好了，就是布局的控件
     private TextView btnDialogPwdTitle;
     private TextView tvDialogPwdTitle;
     private LinearLayout layoutDialogPwdMoney;
     private EditText etDialogPwd;
     private LinearLayout layoutDialogPwd;
     private RelativeLayout layoutPwd;
     private TextView tvDialogPwdMoney;

      //构造方法还是要的哈  
     public PassWordDialog(Context context) {    super(context);}

     //设置对话框的样式
     @Override
     protected int getDialogStyleId() {    
          return BaseDialog.DIALOG_COMMON_STYLE;
     }

    //继承于BaseDialog的方法，设置布局用的，这样对话框张啥样久随心所欲啦
    @Override
    protected View getView() {    
       // 获取Dialog布局    
       View view = LayoutInflater.from(context).inflate(R.layout.dialog_pwd, null);   

       //得到各种view
       layoutPwd= ViewUtility.findViewById(view,R.id.rl_dialog_pwd);    
       tvDialogPwdMoney = ViewUtility.findViewById(view, R.id.tv_dialog_pwd_money);    
       btnDialogPwdTitle = ViewUtility.findViewById(view,R.id.btn_dialog_pwd_title);    
       tvDialogPwdTitle = ViewUtility.findViewById(view,R.id.tv_dialog_pwd_title);    
       layoutDialogPwdMoney = ViewUtility.findViewById(view,R.id.layout_dialog_pwd_money);    
       etDialogPwd = ViewUtility.findViewById(view,R.id.et_dialog_pwd);    
        layoutDialogPwd = ViewUtility.findViewById(view,R.id.layout_dialog_pwd);    
        //初始化一些控件的方法（放下面写啦~）
        initViewEvent();    
        return view;
     }
}

上面这个类需要的元素在补一下。一个是布局文件（怎么排版看个人心意了）,一个是初始化一些个人觉得所需要的控件监听.

先贴下监听事件的方法.

//View的事件
private void initViewEvent() {
     //设置对话框那个叉叉的方法，点击关闭对话框
     btnDialogPwdTitle.setOnClickListener(new View.OnClickListener() {    
        @Override        
        public void onClick(View v) { 
              dismiss();        
        }    
     });
 }

可能需求是，需要根据用户输入的金额在对话框显示支付金额，好的，so easy那就给个设置金额的方法.

 /** * 设置金额 */
 public BaseDialog setMoney(String s){ 
      tvDialogPwdMoney.setText(s);    
      return this;
 }

如果实在需要用到对话框里的控件.

/** * 得到密码框 */
public EditText getEditText(){    
      return etDialogPwd;
}

然后……想咋玩？你说，然后该咋整咋整好不.
最后贴个布局文件.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout    
xmlns:android="http://schemas.android.com/apk/res/android"    
android:id="@+id/rl_dialog_pwd"    
android:orientation="vertical"    
android:layout_width="match_parent"    
android:layout_height="wrap_content"    
android:background="#ffffff"    
>    <!-- 取消对话框按钮图标 -->    
<TextView        
android:id="@+id/btn_dialog_pwd_title"        
android:layout_width="wrap_content"        
android:layout_height="wrap_content"        
android:text="X"        
android:textSize="30sp"       
android:layout_margin="10dp"        />   
<TextView        
android:id="@+id/tv_dialog_pwd_title"        
android:layout_width="wrap_content"        
android:layout_height="wrap_content"       
android:text="请输入支付密码"        
android:textSize="20sp"        
android:layout_margin="18dp"        
android:layout_toRightOf="@id/btn_dialog_pwd_title"        />    
<!-- 修饰线-->    
<View        
android:layout_width="match_parent"        
android:layout_height="1dp"        
android:background="#ff0000"        
android:layout_below="@id/btn_dialog_pwd_title"        />    
<LinearLayout        
android:id="@+id/layout_dialog_pwd_money"        
android:layout_width="match_parent"        
android:layout_height="100dp"        
android:layout_below="@id/btn_dialog_pwd_title"        
android:gravity="center"        >        
<TextView            
android:layout_width="wrap_content"            
android:layout_height="wrap_content"            
android:text="￥"            
android:textSize="40sp"            
android:layout_gravity="center_vertical"            />        
<TextView            
android:id="@+id/tv_dialog_pwd_money"            
android:layout_width="wrap_content"            
android:layout_height="wrap_content"            
android:text="40.95"            
android:textSize="40sp"            
android:layout_gravity="center_vertical"            />    
</LinearLayout>    
<!-- 修饰线-->    
<View        
android:layout_width="match_parent"        
android:layout_height="1dp"        
android:background="#aaaaaa"        
android:layout_marginLeft="20dp"        
android:layout_marginRight="20dp"        
android:layout_below="@id/layout_dialog_pwd_money"        />    
<!-- 密码输入框-->    
<LinearLayout        
android:id="@+id/layout_dialog_pwd"        
android:layout_width="match_parent"        
android:layout_height="80dp"        
android:layout_below="@id/layout_dialog_pwd_money"        >        
<EditText            
android:id="@+id/et_dialog_pwd"            
android:layout_width="match_parent"            
android:layout_height="wrap_content"            
android:background="@android:drawable/edit_text"            
android:layout_gravity="center"            
android:layout_marginLeft="10dp"            
android:layout_marginRight="10dp"            
android:inputType="numberPassword"            
android:longClickable="false"            
android:maxLength="6"            
android:clickable="false"            />    
</LinearLayout>
</RelativeLayout>

4、引用

* 对话框已经写好了，调用方面那就真JB爽歪了.

public void showDialog(View view){     
       //恩，对的，就这么一行代码就够了,因为设置属性的方法返回值是自己，所以一条链就点好了
       new PassWordDialog(this).setMoney("10").setCancelable(false).show();
 }

5、这作者真烦，啰嗦一大堆终于讲完了~

※然而，我还想啰嗦下！咬我呀！

路人葵:希望可帮到有需要的小伙伴们~
那啥…有想研究的代码呀，功能呀，建议呀，可以评论留言私信~
虽然太高深的也不会，可这不正在学么~

Sunflower812

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
4
评论
[android]我是这样写自定义Dialog的

1、前言#####然而就先特么扯个犊子…#####* 其实，关于android的自定义dialog网络上很多文章。我也不知道我这篇会不会特别点~ 小渣渣我只想写点个人感觉有意义的东西。（其实也是不知道写啥啦，欢迎大家有想了解的知识点、或者想法可以私信或者留言给本渣~ 个人感觉有意义的有兴趣的就写出来~hhhhhh ）不扯犊子了…感觉扯犊子会被打… 2、概述百度上各种自定义对
复制链接

扫一扫

专栏目录