http://www.jb51.net/article/83319.htm
 
这篇文章主要介绍了Android中制作自定义dialog对话框的实例分享,安卓自带的Dialog显然不够用,因而我们要继承Dialog类来制作自己的对话框,需要的朋友可以参考下
 

自定义dialog基础版
很多时候,我们在使用android sdk提供的alerdialog的时候,会因为你的系统的不同而产生不同的效果,就好比如你刷的是MIUI的系统,弹出框都会在顶部显示!这里简单的介绍自定义弹出框的应用。

首先创建布局文件dialog:

代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
  <EditText
    android:id="@+id/edit"
    android:layout_width="250dip"
     android:layout_height="wrap_content"
    />
  <Button
    android:id="@+id/clickbtn"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="click me" />
   
 
</LinearLayout>

其次创建MyCustomDialog类继承Dialog:

代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
package com.xzw.custom.dialog;
 
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
/**
* 自定义dialog
*/
public class MyCustomDialog extends Dialog {
    //定义回调事件,用于dialog的点击事件
    public interface OnCustomDialogListener{
        public void back(String name);
    }
     
    private String name;
    private OnCustomDialogListener customDialogListener;
    EditText etName;
 
    public MyCustomDialog(Context context,String name,OnCustomDialogListener customDialogListener) {
        super(context);
        this.name = name;
        this.customDialogListener = customDialogListener;
    }
     
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.dialog);
        //设置标题
        setTitle(name);
        etName = (EditText)findViewById(R.id.edit);
        Button clickBtn = (Button) findViewById(R.id.clickbtn);
        clickBtn.setOnClickListener(clickListener);
    }
     
    private View.OnClickListener clickListener = new View.OnClickListener() {
         
        @Override
        public void onClick(View v) {
            customDialogListener.back(String.valueOf(etName.getText()));
          MyCustomDialog.this.dismiss();
        }
    };
 
}

最后再完成MainActivity:

代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
package com.xzw.custom.dialog;
 
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
 
public class MainActivity extends Activity implements OnClickListener {
   private TextView resultText;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    resultText = (TextView) findViewById(R.id.result);
    Button showDialogBtn = (Button) findViewById(R.id.showdialog);
    showDialogBtn.setOnClickListener(this);
     
    
  }
 
    @Override
    public void onClick(View v) {
         MyCustomDialog dialog = new MyCustomDialog(this,"Enter your name",new MyCustomDialog.OnCustomDialogListener() {
                 
                @Override
                public void back(String name) {
                    resultText.setText("Enter name is "+name);
                     
                }
            });
            dialog.show();
         
  }
          
   
}

效果如图:

炫酷升级版
在日常开发过程中,Android自带的对话框控件美观程度远远满足不了开发的要求,特别是相对于移植开发,下面描述的demo是基于1280X720分辨率实现的效果。

自定义对话框和上次记录的自定义RatingBar非常类似,都是通过在styles.xml里面继承父类(此处是Dialog)的样式。
styles.xml

1
2
3
4
5
6
7
8
<style name="NoticeDialog" 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">@drawable/tck_bg</item><!--背景透明-->
    <item name="android:backgroundDimEnabled">false</item><!--模糊-->
  </style>

我们下面将要做下面三个效果:
(1)带选择确认框的提示

(2)图片+文字的提示

(3)图片+图片

实现上面三个效果我们只需要继承一个Dialog类,然后根据不同的布局添加相对应的xml布局就可以简单实现功能扩展的效果了。
1.继承Dialog类,重写父类的方法,并添加子类自己的方法。
NoticeDialog.java,继承于Dialog父类,实现了点击事件的接口,如果有确认选择框,则把确认选择框的控件添加click事件监听,通过在回调方法在UI主线程里面实现界面更新和逻辑操作。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
package com.zlc.dialog;
  
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
  
  
public class NoticeDialog extends Dialog implements OnClickListener{
  Context context;
  private NoticeDialogListener listener;
  //对话框事件监听接口,用于处理回调点击事件
  public interface NoticeDialogListener {
    public void onClick(View view);
  
  public NoticeDialog(Context context) {
    super(context);
    // TODO Auto-generated constructor stub
    this.context = context;
  }
  public NoticeDialog(Context context,int theme){
    super(context, theme);
    this.context = context;
  }
  public NoticeDialog(Context context,int theme,NoticeDialogListener listener){
    super(context, theme);
    this.context = context;
    this.listener = listener;
  }
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    TextView enter = (TextView)findViewById(R.id.dialog_enter);//确定控件
    TextView cancel = (TextView)findViewById(R.id.dialog_cancle);//取消控件
    if(enter != null && cancel != null){//如果是不带确认选择框,不做事件监听操作
      enter.setOnClickListener(this);
      cancel.setOnClickListener(this);
      enter.requestFocus();
    }
    
  }
  @Override
  public void onClick(View v) {
    // TODO Auto-generated method stub
    listener.onClick(v);
  }
}

2.对应上面三个效果,添加不同的xml布局。
(1)带选择确认框的提示dialog_notice_choise.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="652dp"
  android:layout_height="352dp"
  >
  <LinearLayout
     android:layout_width="500dp"
     android:layout_height="200dp"
    android:layout_marginLeft="76dp"
    android:layout_marginTop="76dp"
    android:orientation="vertical"
    android:background="@drawable/tck01">
    <LinearLayout
       android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="5dp"
      android:layout_marginLeft="10dp"
        
      >
      <TextView
      android:textSize="26sp"
       android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textColor="@color/dialog_title"
      android:text="@string/dialog_title"
         android:focusable="false"
      />
    </LinearLayout>
      
    <LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="40dp"
      android:gravity="center"
      
       
       <TextView
      android:id="@+id/notice_value"
      android:textSize="32sp"
      android:layout_marginLeft="10dp"
       android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textColor="@color/dialog_content"
      android:text="@string/dialog_uninstall"
        android:focusable="false"
      />
      </LinearLayout>
    <LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="44dp"
      android:layout_marginTop="35dp"
      android:layout_marginLeft="4dp"
      
      <TextView
        android:id="@+id/dialog_enter"
        android:textSize="25sp"
         android:layout_width="246dp"
      android:layout_height="fill_parent"
      android:text="@string/dialog_enter"
      android:gravity="center"
      android:textColor="@drawable/app_manager_dialog_textcolor"
      android:background="@drawable/app_manager_dialog_btn_color"
      android:focusable="true"
        />
      <TextView
        android:id="@+id/dialog_cancle"
         android:textSize="25sp"
         android:layout_width="246dp"
      android:layout_height="fill_parent"
       android:text="@string/dialog_cancel"
       android:gravity="center"
        android:textColor="@drawable/app_manager_dialog_textcolor"
         android:background="@drawable/app_manager_dialog_btn_color"
          android:focusable="true"
        />
      </LinearLayout>
        
    </LinearLayout>
</LinearLayout>  

(2)图片+文字的提示dialog_notice_ing.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="652dp"
  android:layout_height="352dp"
  >
  <LinearLayout
     android:layout_width="500dp"
     android:layout_height="200dp"
    android:layout_marginLeft="76dp"
       android:layout_marginTop="76dp"
    android:orientation="vertical"
    android:background="@drawable/tck01">
    <LinearLayout
       android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="5dp"
      android:layout_marginLeft="10dp"
        
      >
      <TextView
      android:textSize="26sp"
       android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textColor="@color/dialog_title"
      android:text="@string/dialog_title"
      />
    </LinearLayout>
      
    <LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="50dp"
       android:gravity="center"
      
      <ImageView
         android:layout_width="38dp"
         android:layout_height="42dp"
        android:src="@drawable/uninstall_icon"/>
       <TextView
         android:id="@+id/dialog_in_msg"
      android:textSize="32sp"
      android:layout_marginLeft="10dp"
       android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textColor="@color/dialog_content"
      android:text="@string/dialog_uninstall_in"
      />
      </LinearLayout>
        
    </LinearLayout>
</LinearLayout>   

(3)图片+图片dialog_notice_finish.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="652dp"
  android:layout_height="352dp"
  >
  <LinearLayout
     android:layout_width="500dp"
     android:layout_height="200dp"
    android:layout_marginLeft="76dp"
       android:layout_marginTop="76dp"
    android:orientation="vertical"
    android:background="@drawable/tck01">
    <LinearLayout
       android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="5dp"
      android:layout_marginLeft="10dp"
        
      >
      <TextView
      android:textSize="26sp"
       android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textColor="@color/dialog_title"
      android:text="@string/dialog_title"
      />
    </LinearLayout>
      
    <LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="40dp"
       android:gravity="center"
      
      <ImageView
         android:layout_width="66dp"
         android:layout_height="67dp"
        android:src="@drawable/cg"/>
       <ImageView
      android:id="@+id/dialog_finish_img"
      android:layout_marginLeft="20dp"
       android:layout_width="165dp"
         android:layout_height="36dp"
        android:src="@drawable/uninstall_ok"
      />
      </LinearLayout>
        
    </LinearLayout>
</LinearLayout>

3.在MainActivity实现对自定义对话框的添加显示。
MainActivity.java,在进行对话框切换显示的时候,只需要设置不同的xml配置文件就行了。(注意:NoticeDialog里面的构造方法的context参数只能是XXXActivity.this,不能是通过getApplicationContext获取的context对象)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
package com.zlc.dialog;
  
  
import java.util.Timer;
import java.util.TimerTask;
  
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
  
import com.zlc.dialog.NoticeDialog.NoticeDialogListener;
  
public class MainActivity extends Activity {
  private Context context;
  private NoticeDialog notiDialog;
  int count = 0;
  Handler handler;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    context = getApplicationContext();
    notiDialog = new NoticeDialog(MainActivity.this,
        R.style.NoticeDialog, new NoticeDialogListener() {
      @Override
      public void onClick(View view) {
        try {
          if(view.getId() == R.id.dialog_enter){
            notiDialog.dismiss();
            //TODO 购买
          }
          notiDialog.dismiss();
        } catch (Exception e) {
          e.printStackTrace();
        }
      }
    });
    notiDialog.setContentView(R.layout.dialog_notice_choise);
    notiDialog.show();
    Timer timer = new Timer();
    handler = new Myhandler();
      
    timer.schedule(new TimerTask() {
      @Override
      public void run() {
        // TODO Auto-generated method stub
        count = count % 4;
        notiDialog.cancel();
        handler.sendEmptyMessage(count);
        count ++;
      }
    }, 3000, 3000);
  }
  private class Myhandler extends Handler{
    @Override
    public void handleMessage(Message msg) {
      // TODO Auto-generated method stub
      switch (msg.what) {
      case 0:
        notiDialog.setContentView(R.layout.dialog_notice_ing);
        break;
      case 1:
        notiDialog.setContentView(R.layout.dialog_notice_finish);
        break;
      case 2:
        notiDialog.setContentView(R.layout.dialog_notice_choise);
        break;
      default:
        break;
      }
      notiDialog.show();
    }
  }
  
}

Android中制作自定义dialog对话框的实例的更多相关文章

  1. android中无限循环滑动的gallery实例

    android中无限循环滑动的gallery实例 1.点击图片有变暗的效果,使用imageview.setAlpha(),并且添加ontouchListener public void init() ...

  2. Android自定义 Dialog 对话框

    Android自定义Dialoghttp://www.cnblogs.com/and_he/archive/2011/09/16/2178716.html Android使用自定义AlertDialo ...

  3. Android中的自定义Adapter(继承自BaseAdapter)——与系统Adapter的调用方法一致——含ViewHolder显示效率的优化(转)

    Android中很多地方使用的是适配器(Adapter)机制,那我们就要好好把这个Adapter利用起来,并且用出自己的特色,来符合我们自行设计的需要喽~~~ 下面先上一个例子,是使用ViewHold ...

  4. Android 开发之自定义Dialog及UI的实现

    我们在开发中,经常会自定义Dialog,因为原生的AlertDialog无法满足我们的需求,这个时候就需要自定义Dialog,那么如何自定义呢,其实不难,就是有点繁琐而已.也就是自定义一个UI的xml ...

  5. Android开发之自定义Dialog简单实现

    本文着重研究了自定义对话框,通过一下步骤即可清晰的理解原理,通过更改界面设置和style类型,可以应用在各种各样适合自己的App中. 首先来看一下效果图: 首先是activity的界面 点击了上述图片 ...

  6. Android中的跨进程通信方法实例及特点分析(二):ContentProvider

    1.ContentProvider简单介绍 在Android中有些数据(如通讯录.音频.视频文件等)是要供非常多应用程序使用的.为了更好地对外提供数据.Android系统给我们提供了Content P ...

  7. Android 中使用自定义字体的方法

    1.Android系统默认支持三种字体,分别为:“sans”, “serif”, “monospace 2.在Android中可以引入其他字体 . <?xml version="1.0 ...

  8. Android中Handler的使用方法及实例(基础回顾)

    Handler使用例1 这个例子是最简单的介绍handler使用的,是将handler绑定到它所建立的线程中.本次实验完成的功能是:单击Start按钮,程序会开始启动线程,并且线程程序完成后延时1s会 ...

  9. Android中的自定义注解(反射实现-运行时注解)

    预备知识: Java注解基础 Java反射原理 Java动态代理 一.布局文件的注解 我们在Android开发的时候,总是会写到setContentView方法,为了避免每次都写重复的代码,我们需要使 ...

随机推荐

  1. KEngine策划指南:配置表格的编辑与编译

    策划与程序的桥梁 执行策划在游戏开发的过程中的主要工作是什么?当然就是和Excel打交道了.大量的Excel数据表,最终会被演变成游戏的配置数据.日常游戏开发中,策划编辑配置表一般有两种方式: 编译式 ...

  2. JDK7的Comparison method violates its general contract异常

    1.摘要 前一阵遇到了一个使用Collections.sort()时报异常的问题,跟小伙伴@zhuidawugui 一起排查了一下,发现问题的原因是JDK7的排序实现改为了TimSort,之后我们又进 ...

  3. ural 1071. Nikifor 2

    1071. Nikifor 2 Time limit: 1.0 secondMemory limit: 64 MB Nikifor has a number x. He doesn't need it ...

  4. C++类的定义之作用域

    每个类都定义了自己的新作用域和唯一的类型.在类的定义体内声明内成员,将成员名引入类的作用域.两个不同的类具有两个不同的类作用域. 例如: Class First { int memi; double  ...

  5. linux下C/C++IDE比较——Code::Blocks

    工欲善其事,必先利其器.用了这么久的linux,现在比较主流的几个C/C++的IDE基本已都用过了,现在来对他们做一下简单的比较. 1.VIM首先要说的是VIM.我认为,VIM只是一个编辑器,不能算是 ...

  6. Hyperledger Fabric 1.0 从零开始(五)——运行测试e2e

    3:运行测试e2e 3.1.运行fabric-samples的问题说明 该问题说明能够解决6.1.平台特定使用的二进制文件配置第一步的问题.可以选择继续阅读该说明,或者等参考到6.1小节时再反向阅读本 ...

  7. Python3基础语法你学会了么

      编码 默认:源码文件以UTF-8编码,字符串都是unicode字符串 指定:   标识符 第一个字符:字母表中的字符或下划线 _ 其它部分:由字母.数字.下划线 _ 组成 大小写敏感 python ...

  8. zoj1716简单的二维树状数组

    问一个矩形框在一个大矩形内最多能围几个给定的点 都不用排序,先把所有的点加入树状数组,再直接枚举大矩形的每个格子即可 #include <iostream> #include <st ...

  9. postgresql ltree类型

    最近一个月使用Postgresql的时候,经常遇到ltree的数据,感觉有些别扭,可是有绕不过去.今天决心整理一下,以后使用方便一些. 一.简介 ltree是Postgresql的一个扩展类型,由两位 ...

  10. Android Camera2 参数调节关键字翻译集合,常用关键字解析

    https://blog.csdn.net/qq_29333911/article/details/79400617 black_level_lock黑电平补偿是否锁定当前值,或者可以自由更改.col ...