转载请标注转载http://blog.csdn.net/oqihaogongyuan/article/details/50958659

自己定义Dialog的具体步骤（实现自己定义样式一般原理）

       如今非常多App的提示对话框都非常有个性，然而你还用系统的对话框样式，是不是认为非常落后呢。今天我就给大家讲讲如何自己定义自己的Dialog。学会了之后。你就会依据自家app的主题，设计出对应的Dialog的风格。

      好了接下来我就以一个简单风格的自己定义Dialog来讲讲自己定义dialog的一般步骤和原理。

     第一步: 给Dialog设置一个风格主题（基本都是用这个主题）无边框全透明背景：

  1. <!--自己定义dialog背景全透明无边框theme -->
  2.     <style name="MyDialog" parent="android:style/Theme.Dialog">
  3.         <!--背景颜色及和透明程度-->
  4.         <item name="android:windowBackground">@android:color/transparent</item>
  5.         <!--是否去除标题 -->
  6.         <item name="android:windowNoTitle">true</item>
  7.         <!--是否去除边框-->
  8.         <item name="android:windowFrame">@null</item>
  9.         <!--是否浮如今activity之上-->
  10.         <item name="android:windowIsFloating">true</item>
  11.         <!--是否模糊-->
  12.         <item name="android:backgroundDimEnabled">false</item>
  13.     </style>

     第二步：给自定的Dialog设置自己定义的 xml界面,我这里仅仅是示范。你能够使用单选，多选，3个button。4个button等等。格式各样的自己定义XML，我这里就定义了 标题title，信息message。另一个确定button和取消button。例如以下：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="#11ffffff">
  6.  
  7.     <LinearLayout
  8.         android:layout_width="260dp"
  9.         android:layout_height="wrap_content"
  10.         android:layout_centerInParent="true"
  11.         android:background="@drawable/free_dialog_bg"
  12.         android:orientation="vertical">
  13.  
  14.         <TextView
  15.             android:id="@+id/title"
  16.             android:layout_width="wrap_content"
  17.             android:layout_height="wrap_content"
  18.             android:layout_gravity="center"
  19.             android:layout_margin="15dp"
  20.             android:gravity="center"
  21.             android:text="消息提示"
  22.             android:textColor="#38ADFF"
  23.             android:textSize="16sp" />
  24.  
  25.         <TextView
  26.             android:id="@+id/message"
  27.             android:layout_width="wrap_content"
  28.             android:layout_height="wrap_content"
  29.             android:layout_marginLeft="20dp"
  30.             android:layout_marginRight="20dp"
  31.             android:text="提示消息" />
  32.  
  33.         <View
  34.             android:layout_width="match_parent"
  35.             android:layout_height="1px"
  36.             android:layout_marginTop="15dp"
  37.             android:background="#E4E4E4" />
  38.  
  39.         <LinearLayout
  40.             android:layout_width="match_parent"
  41.             android:layout_height="40dp"
  42.             android:orientation="horizontal">
  43.  
  44.             <Button
  45.                 android:id="@+id/no"
  46.                 android:layout_width="0dp"
  47.                 android:layout_height="match_parent"
  48.                 android:layout_marginLeft="10dp"
  49.                 android:layout_weight="1"
  50.                 android:background="@null"
  51.                 android:gravity="center"
  52.                 android:singleLine="true"
  53.                 android:text="No"
  54.                 android:textColor="#7D7D7D"
  55.                 android:textSize="16sp" />
  56.  
  57.             <View
  58.                 android:layout_width="1px"
  59.                 android:layout_height="match_parent"
  60.                 android:background="#E4E4E4" />
  61.  
  62.             <Button
  63.                 android:id="@+id/yes"
  64.                 android:layout_width="0dp"
  65.                 android:layout_height="match_parent"
  66.                 android:layout_marginRight="10dp"
  67.                 android:layout_weight="1"
  68.                 android:background="@null"
  69.                 android:gravity="center"
  70.                 android:singleLine="true"
  71.                 android:text="Yes"
  72.                 android:textColor="#38ADFF"
  73.                 android:textSize="16sp" />
  74.         </LinearLayout>
  75.     </LinearLayout>
  76.  
  77. </RelativeLayout>

  dialog的自己定义背景框例如以下：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android">
  3.  
  4.     <solid android:color="#ffffff" />
  5.     <stroke
  6.         android:width="0.8dp"
  7.         android:color="#ffffff" />
  8.     <!-- 圆角 -->
  9.     <corners android:radius="6dp" />
  10.  
  11. </shape>

最后的样子例如以下，红框中的部分( 非常简洁，可是市面上非常多app都使用这个样式):

    第三步：继承Dialog实现自己定义的Dialog，先上代码，供大家赞赏下：

     

  1. package com.world.hello.selfdialog;
  2.  
  3. import android.app.Dialog;
  4. import android.content.Context;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.widget.Button;
  8. import android.widget.TextView;
  9.  
  10. /**
  11.  * 创建自己定义的dialog，主要学习事实上现原理
  12.  * Created by chengguo on 2016/3/22.
  13.  */
  14. public class SelfDialog extends Dialog {
  15.  
  16.     private Button yes;//确定button
  17.     private Button no;//取消button
  18.     private TextView titleTv;//消息标题文本
  19.     private TextView messageTv;//消息提示文本
  20.     private String titleStr;//从外界设置的title文本
  21.     private String messageStr;//从外界设置的消息文本
  22.     //确定文本和取消文本的显示内容
  23.     private String yesStr, noStr;
  24.  
  25.     private onNoOnclickListener noOnclickListener;//取消button被点击了的监听器
  26.     private onYesOnclickListener yesOnclickListener;//确定button被点击了的监听器
  27.  
  28.     /**
  29.      * 设置取消button的显示内容和监听
  30.      *
  31.      * @param str
  32.      * @param onNoOnclickListener
  33.      */
  34.     public void setNoOnclickListener(String str, onNoOnclickListener onNoOnclickListener) {
  35.         if (str != null) {
  36.             noStr = str;
  37.         }
  38.         this.noOnclickListener = onNoOnclickListener;
  39.     }
  40.  
  41.     /**
  42.      * 设置确定button的显示内容和监听
  43.      *
  44.      * @param str
  45.      * @param onYesOnclickListener
  46.      */
  47.     public void setYesOnclickListener(String str, onYesOnclickListener onYesOnclickListener) {
  48.         if (str != null) {
  49.             yesStr = str;
  50.         }
  51.         this.yesOnclickListener = onYesOnclickListener;
  52.     }
  53.  
  54.     public SelfDialog(Context context) {
  55.         super(context, R.style.MyDialog);
  56.     }
  57.  
  58.     @Override
  59.     protected void onCreate(Bundle savedInstanceState) {
  60.         super.onCreate(savedInstanceState);
  61.         setContentView(R.layout.free_exercise_sure_dialog_layout);
  62.         //按空白处不能取消动画
  63.         setCanceledOnTouchOutside(false);
  64.  
  65.         //初始化界面控件
  66.         initView();
  67.         //初始化界面数据
  68.         initData();
  69.         //初始化界面控件的事件
  70.         initEvent();
  71.  
  72.     }
  73.  
  74.     /**
  75.      * 初始化界面的确定和取消监听器
  76.      */
  77.     private void initEvent() {
  78.         //设置确定button被点击后，向外界提供监听
  79.         yes.setOnClickListener(new View.OnClickListener() {
  80.             @Override
  81.             public void onClick(View v) {
  82.                 if (yesOnclickListener != null) {
  83.                     yesOnclickListener.onYesClick();
  84.                 }
  85.             }
  86.         });
  87.         //设置取消button被点击后，向外界提供监听
  88.         no.setOnClickListener(new View.OnClickListener() {
  89.             @Override
  90.             public void onClick(View v) {
  91.                 if (noOnclickListener != null) {
  92.                     noOnclickListener.onNoClick();
  93.                 }
  94.             }
  95.         });
  96.     }
  97.  
  98.     /**
  99.      * 初始化界面控件的显示数据
  100.      */
  101.     private void initData() {
  102.         //假设用户自定了title和message
  103.         if (titleStr != null) {
  104.             titleTv.setText(titleStr);
  105.         }
  106.         if (messageStr != null) {
  107.             messageTv.setText(messageStr);
  108.         }
  109.         //假设设置button的文字
  110.         if (yesStr != null) {
  111.             yes.setText(yesStr);
  112.         }
  113.         if (noStr != null) {
  114.             no.setText(noStr);
  115.         }
  116.     }
  117.  
  118.     /**
  119.      * 初始化界面控件
  120.      */
  121.     private void initView() {
  122.         yes = (Button) findViewById(R.id.yes);
  123.         no = (Button) findViewById(R.id.no);
  124.         titleTv = (TextView) findViewById(R.id.title);
  125.         messageTv = (TextView) findViewById(R.id.message);
  126.     }
  127.  
  128.     /**
  129.      * 从外界Activity为Dialog设置标题
  130.      *
  131.      * @param title
  132.      */
  133.     public void setTitle(String title) {
  134.         titleStr = title;
  135.     }
  136.  
  137.     /**
  138.      * 从外界Activity为Dialog设置dialog的message
  139.      *
  140.      * @param message
  141.      */
  142.     public void setMessage(String message) {
  143.         messageStr = message;
  144.     }
  145.  
  146.     /**
  147.      * 设置确定button和取消被点击的接口
  148.      */
  149.     public interface onYesOnclickListener {
  150.         public void onYesClick();
  151.     }
  152.  
  153.     public interface onNoOnclickListener {
  154.         public void onNoClick();
  155.     }
  156. }

主actvitiy的代码例如以下:

  1. package com.world.hello.selfdialog;
  2.  
  3. import android.support.v7.app.AppCompatActivity;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.Toast;
  7.  
  8. public class MainActivity extends AppCompatActivity {
  9.  
  10.     private SelfDialog selfDialog;
  11.  
  12.     @Override
  13.     protected void onCreate(Bundle savedInstanceState) {
  14.         super.onCreate(savedInstanceState);
  15.         setContentView(R.layout.activity_main);
  16.  
  17.         findViewById(R.id.self_dialog).setOnClickListener(new View.OnClickListener() {
  18.             @Override
  19.             public void onClick(View v) {
  20.  
  21.                 selfDialog = new SelfDialog(MainActivity.this);
  22.                 selfDialog.setTitle("提示");
  23.                 selfDialog.setMessage("确定退出应用?");
  24.                 selfDialog.setYesOnclickListener("确定", new SelfDialog.onYesOnclickListener() {
  25.                     @Override
  26.                     public void onYesClick() {
  27.                         Toast.makeText(MainActivity.this,"点击了--确定--button",Toast.LENGTH_LONG).show();
  28.                         selfDialog.dismiss();
  29.                     }
  30.                 });
  31.                 selfDialog.setNoOnclickListener("取消", new SelfDialog.onNoOnclickListener() {
  32.                     @Override
  33.                     public void onNoClick() {
  34.                         Toast.makeText(MainActivity.this,"点击了--取消--button",Toast.LENGTH_LONG).show();
  35.                         selfDialog.dismiss();
  36.                     }
  37.                 });
  38.                 selfDialog.show();
  39.             }
  40.         });
  41.     }
  42. }

以下是gif演示样例图：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" />       

     点击打开链接下载实例。免积分

   

     好了，看了上面的样例。大家是不是认为，以后都能够自己定义自己的dialog了呢。这里在给大家讲讲具体原理：

      就拿本例来说，我定义了一个title，一个message，一个确定button，一个取消button。

      1、通过构造方法给dialog设置一个主题 R.style.MyDialog 。 主要设置dialog的显示属性，一般都是 全透明无边框 ；

      2、然后在dialog的onCreate（）方法中，用setContentView( R.layout.SelfDialog) 为dialog设置XML文件。我们就能够在layout文件里创建自己定义的Dialog风格。

这里我就自己定义了xml文件格式。实现了自己定义的外观风格，不受系统的主题影响。

      3、然后通过设置要为外界设置一些public 公开的方法。来向自己定义的dialog传递值。

这里的title 和 message。都是能够通过外界传值进来。进行设置的。如以下的public 方法就是供外界activity来设置title和message的:

  1.  /**
  2.      * 从外界Activity为Dialog设置标题
  3.      *
  4.      * @param title
  5.      */
  6.     public void setTitle(String title) {
  7.         titleStr = title;
  8.     }
  9.  
  10.     /**
  11.      * 从外界Activity为Dialog设置dialog的message
  12.      *
  13.      * @param message
  14.      */
  15.     public void setMessage(String message) {
  16.         messageStr = message;
  17.     }

        在activity通过实例化Dialog后就能够设置titile和message了。

  1.                 selfDialog = new SelfDialog(MainActivity.this);
  2.                 selfDialog.setTitle("提示");
  3.                 selfDialog.setMessage("确定退出应用?");

  

  4、最后，自己定义的dialog中包括了一些button的时候，这个时候要想让button有点击事件，而且把这个点击事件能够传递给activity，让acitvity做一些事情，这里就须要设置监听接口。让button的点击事件能够让外界activity知道。如以下的代码。

  1.  /**
  2.      * 设置确定button和取消被点击的接口
  3.      */
  4.     public interface onYesOnclickListener {
  5.         public void onYesClick();
  6.     }
  7.  
  8.     public interface onNoOnclickListener {
  9.         public void onNoClick();
  10.     }
  1.  private onNoOnclickListener noOnclickListener;//取消button被点击了的监听器
  2.     private onYesOnclickListener yesOnclickListener;//确定button被点击了的监听器
  3.  
  4.     /**
  5.      * 设置取消button的显示内容和监听
  6.      *
  7.      * @param str
  8.      * @param onNoOnclickListener
  9.      */
  10.     public void setNoOnclickListener(String str, onNoOnclickListener onNoOnclickListener) {
  11.         if (str != null) {
  12.             noStr = str;
  13.         }
  14.         this.noOnclickListener = onNoOnclickListener;
  15.     }
  16.  
  17.     /**
  18.      * 设置确定button的显示内容和监听
  19.      *
  20.      * @param str
  21.      * @param onYesOnclickListener
  22.      */
  23.     public void setYesOnclickListener(String str, onYesOnclickListener onYesOnclickListener) {
  24.         if (str != null) {
  25.             yesStr = str;
  26.         }
  27.         this.yesOnclickListener = onYesOnclickListener;
  28.     }
  1.  //设置确定button被点击后。向外界提供监听
  2.         yes.setOnClickListener(new View.OnClickListener() {
  3.             @Override
  4.             public void onClick(View v) {
  5.                 if (yesOnclickListener != null) {
  6.                     yesOnclickListener.onYesClick();
  7.                 }
  8.             }
  9.         });
  10.         //设置取消button被点击后，向外界提供监听
  11.         no.setOnClickListener(new View.OnClickListener() {
  12.             @Override
  13.             public void onClick(View v) {
  14.                 if (noOnclickListener != null) {
  15.                     noOnclickListener.onNoClick();
  16.                 }
  17.             }
  18.         });

   activity就能够设置监听接口来实时获取button的点击事件例如以下：

  1.  selfDialog.setYesOnclickListener("确定", new SelfDialog.onYesOnclickListener() {
  2.                     @Override
  3.                     public void onYesClick() {
  4.                         Toast.makeText(MainActivity.this,"点击了--确定--button",Toast.LENGTH_LONG).show();
  5.                         selfDialog.dismiss();
  6.                     }
  7.                 });
  8.                 selfDialog.setNoOnclickListener("取消", new SelfDialog.onNoOnclickListener() {
  9.                     @Override
  10.                     public void onNoClick() {
  11.                         Toast.makeText(MainActivity.this,"点击了--取消--button",Toast.LENGTH_LONG).show();
  12.                         selfDialog.dismiss();
  13.                     }
  14.                 });

     通过上面4步的具体解说。就能知道自己定义dialog的一般原理。基本就是  要为dialog设置一些主要的文字信息时，就直接用公开方法public 的方法，让外界直接设置。假设要让activity监听到button之类的点击事件就自己定义接口。用监听接口的方式向activity传递点击事件。

     基本就是这样，希望对你的学习和工作有所帮助！请关注我。我将持续为大家奉上Android开发的实际经验！点击打开链接下载实例。免积分

自己定义Dialog的具体步骤（实现自己定义样式一般原理）的更多相关文章

  1. 自定义Dialog的详细步骤（实现自定义样式一般原理）

    现在很多App的提示对话框都非常有个性,然而你还用系统的对话框样式,是不是觉得很落后呢,今天我就给大家讲讲怎样自定义自己的Dialog,学会了之后,你就会根据自家app的主题,设计出相应的Dialog ...

  2. Android-它们的定义Dialog

    Android-它们的定义Dialog 2014年4月27日 星期天 天气晴朗 心情平静 本篇博文来分享一个也是开发中常常须要用到的功能-自己定义对话框,这里我用到了Android中的图形资源shap ...

  3. Android自己定义dialog中的EditText无法弹出键盘的解决

    近期我独立开发的项目<全医会>已经在内測其中了.非常快将会上架到各大应用市场.之前开发的几个项目都由于一些原因没有上架还是比較遗憾的.所以,近期我心情格外的好. 今天在做一个新项目,专为律 ...

  4. 它们的定义dialog

    (1)你需要准备自己的自定义对话框样式,是一个布局文件 <?xml version="1.0" encoding="utf-8"? > <Li ...

  5. 46.Android 自己定义Dialog

    46.Android 自己定义Dialog Android 自己定义Dialog 前言 提示Dialog 提示Dialog 效果图 菜单Dialog 菜单Dialog 效果图 DialogActivi ...

  6. android 自己定义dialog并实现失去焦点（背景透明）的功能

    前言:因为在项目中须要用到更新显示动画的需求,所以想到了dialog,自己定义dialog不难.网上教程非常多,可是在实现dialog背景透明的需求时,遇到了一点问题.网上的一些方法在我的机器上并没有 ...

  7. Android自己定义控件系列二：自己定义开关button（一）

    这一次我们将会实现一个完整纯粹的自己定义控件,而不是像之前的组合控件一样.拿系统的控件来实现.计划分为三部分:自己定义控件的基本部分,自己定义控件的触摸事件的处理和自己定义控件的自己定义属性: 以下就 ...

  8. Entity Framework 6 Recipes 2nd Edition（11-4）译 -> 在”模型定义”函数里调用另一个”模型定义”函数

    11-4.在”模型定义”函数里调用另一个”模型定义”函数 问题 想要用一个”模型定义”函数去实现另一个”模型定义”函数 解决方案 假设我们已有一个公司合伙人关系连同它们的结构模型,如Figure 11 ...

  9. Android自己定义控件系列五：自己定义绚丽水波纹效果

    尊重原创!转载请注明出处:http://blog.csdn.net/cyp331203/article/details/41114551 今天我们来利用Android自己定义控件实现一个比較有趣的效果 ...

随机推荐

  1. SqlDatasource简单用法

    http://blog.csdn.net/zxf1by1/article/details/7055015 增删改查和前台页面(拖拽过来的,但是包含参数的)

  2. Kinect 开发 —— Hello，Kinect

    控制台输出深度数据: using System; using System.Collections.Generic; using System.Linq; using System.Text; usi ...

  3. module.exports，exports和export default，export的区别

    前提:CommonJS模块规范和ES6模块规范是完全不同的两个概念. module.exports,exports属于CommonJS模块规范: export default,export属于ES6模 ...

  4. api h5 sdk 接入的说明

    api 接入 :纯后台接入没有页面 h5接入: 有页面的接入  需要和客户交互 客户输入内容 sdk 接入:需要对方的sdk文件 植入文件

  5. python之-字符编码

    1.内存和硬盘都是用来存储的. CPU:速度快 硬盘:永久保存 2.文本编辑器存取文件的原理(nodepad++,pycharm,word) 打开编辑器就可以启动一个进程,是在内存中的,所以在编辑器编 ...

  6. 跟着辛星用PHP的反射机制来实现插件

    我的博文的前一篇解说了PHP的反射机制是怎么回事,假设读者还不清楚反射机制,能够搜索下或者看我的博文,都是不错的选择.我们開始解说一下怎么用PHP来实现插件机制.所谓插件机制.就是我们定义一个接口.即 ...

  7. opera mini 改服

    opera mini 改服 下载 opera 和 opera mini ftp://ftp.opera.com/pub/opera/android/mini/ ftp://ftp.opera.com/ ...

  8. javascript创建对象的方法--工厂模式（非常好理解）

    javascript创建对象的方法--工厂模式(非常好理解) 一.简介 创建对象的方法 本质上都是把"属性"和"方法",封装成一个对象 创建对象的基本模式 普通 ...

  9. mysql 实行模糊查询 一个输入值匹配多个字段和多个输入值匹配一个字段

    mysql 实行模糊查询  一个输入值匹配多个字段 MySQL单表多字段模糊查询可以通过下面这个SQL查询实现 为啥一定要150字以上  真的麻烦  还不让贴代码了 SELECT * FROM `ma ...

  10. Spider_req

    requests模块 安装(用管理员身份去打开Anaconda Prompt) conda install requests python -m pip install requests # 以管理员 ...