非自定义和自定义Dialog的介绍!!!

时间:2021-02-15 09:19:01

一、非自定义Dialog的几种形式介绍

转自:http://www.kwstu.com/ArticleView/kwstu_20139682354515

前言

  对话框对于应用也是必不可少的一个组件,在Android中也不例外,对话框对于一些提示重要信息,或者一些需要用户额外交互的一些内容很有帮 助。本篇博客就讲解一下Android下对话框的使用,在本篇博客中,将了解到对话框的一些常规属性的设置,以及各式的对话框的使用,并都会提供小 Demo来展示所有的效果。

Dialog

  Dialog,对话框,一个对话框就是一个小窗口,并不会填满整个屏幕,通常是以模态显示,要求用户必须采取行动才能继续进行剩下的操作。

  Android提供了丰富的对话框支持,它提供了如下4中常用的对话框:

  • AlertDialog:警告对话框,使用最广泛功能最丰富的一个对话框。
  • ProgressDialog:进度条对话框,只是对进度条进行了简单的封装。
  • DatePickerDialog:日期对话框。
  • TimePickerDialog:时间对话框。

  所有的对话框,都是直接或间接继承自Dialog类,而AlterDialog直接继承自Dialog,其他的几个类均继承自AlterDialog。

AlertDialog

  AlertDialog继承自Dialog类,对于Android内置的AlterDialog,它可以包含一个标题、一个内容消息或者一个选择列表、最多三个按钮。而 1、创建AlterDialog推荐使用它的一个内部类AlterDialog.Builder创 建。使用Builder对象,可以 2、设置AlterDialog的各种属性,最后通过 3、Builder.create()就可以得到AlterDialog对 象,如果只是还需要显示这个AlterDialog,一般可以直接使用 4、Builder.show()方法,它会返回一个AlterDialog对象,并且 显示它。

  如果仅仅是需要提示一段信息给用户,那么就可以直接使用AlterDialog的一些属性设置提示信息,涉及到的方法有:

  • AlterDialog create():根据设置的属性,创建一个AlterDialog。
  • AlterDialog show():根据设置的属性,创建一个AlterDialog,并且显示在屏幕上。
  • AlterDialog.Builder setTitle():设置标题。
  • AlterDialog.Builder setIcon():设置标题的图标。
  • AlterDialog.Builder setMessage():设置标题的内容。
  • AlterDialog.Builder setCancelable():设置是否模态,一般设置为false,表示模态,要求用户必须采取行动才能继续进行剩下的操作。

  Tips:AlterDialog.Builder的很多设置属性的方法,返回的均是这个AlterDialog.Builder对象,所以可以使用链式方式编写代码,这样更方便。

  当一个对话框调用了show()方法后,展示到屏幕上,如果需要消除它,可以使用DialogInterface接口声明的两个方 法,cancel()和dismiss()使对话框取或者消除,这两个方法的作用是一样的,不过推荐使用dismiss()。Dialog和 AlterDialog都实现了DialogInterface接口,所以只要是对话框,均可以使用这两个方法来消除对话框。

  下面通过一个简单的Demo,先看看AlterDialog是如何提示信息的:

  示例:


?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 btnGeneral.setOnClickListener(new View.OnClickListener() {
  
             @Override
             public void onClick(View v) {
                 // TODO Auto-generated method stub
                 AlertDialog.Builder builder = new AlertDialog.Builder(
                         MainActivity.this);
                builder.setTitle("提示");
                 builder.setMessage("这是一个普通的对话框!");
                 builder.setIcon(R.drawable.ic_launcher);
                 builder.setCancelable(false);
                builder.setPositiveButton("知道了!", new OnClickListener() {
                     @Override
                     public void onClick(DialogInterface dialog, int which) {
                         dialog.cancel();
                     }
                });
                builder.create().show();
             }
         });  

展示效果:

非自定义和自定义Dialog的介绍!!!

AlterDialog的按钮

  AlterDialog内置了三个按钮,可以直接使用setXxxButton()方法进行设置,对于一般的对话框,使用三个按钮基本上也够用了,下面是这三个方法的签名:

  • AlterDialog.Builder setPositiveButton(CharSquence text , DialogInterFace.OnClickListener):一个积极的按钮,一般用于“OK”或者“继续”等操作。
  • AlterDialog.Builder setNegativeButton(CharSquence text , DialogInterFace.OnClickListener):一个负面的按钮,一般用于“取消”操作。
  • AlterDialog.Builder setNeutralButton(CharSquence text , DialogInterFace.OnClickListener):一个比较中性的按钮,一般用于“忽略”、“以后提醒我”等操作。

  上面介绍的DialogInterface接口,还提供了一系列的事件响应,这三个按钮均需要传递一个 DialogInterFace.OnClickListener接口对象,实现其点击事件的触发,在这个接口中需要实现一个 onClick(DialogInterface dialog,int which),dialog为当前触发事件的对话框对象接口,可以直接强制转换为AlterDialog进行操作;which为点击按钮的标识符,是一个 整形的数据,对于这三个按钮而言,每个按钮使用不同的int类型数据进行标识:Positive(-1)、Negative(-2)、 Neutral(-3)。

  而除了专门为按钮点击实现的DialogInterFace.OnClickListener事件外,DialogInterface还提供了 一些其他的事件,供Dialog对象响应,这些事件只是对Dialog声明周期各个状态的响应,一看就明白了,就不再详细讲解了,下面是这几个事件的说 明:

  • interface DialogInterface.OnCancelListener:当对话框调用cancel()方法的时候触发。
  • interface DialogInterface.OnDismissListener:当对话框调用dismiss()方法的时候触发。
  • interface DialogInterface.OnShowListener:当对话框调用show()方法的时候触发。
  • interface DialogInterface.OnMultiChoiceListener:当对话框使用多选列表,并且选中的时候触发。

  示例:


?

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 btnButtons.setOnClickListener(new View.OnClickListener() {
 
             @Override
            public void onClick(View v) {
                 // TODO Auto-generated method stub
                 AlertDialog.Builder builder = new AlertDialog.Builder(
                        MainActivity.this);
                 builder.setTitle("提示");
                 builder.setMessage("这是一个多按钮普通的对话框!");
                builder.setIcon(R.drawable.ic_launcher);
                builder.setPositiveButton("确定", new OnClickListener() {
  
                     @Override
                     public void onClick(DialogInterface dialog, int which) {                       
                         Toast.makeText(MainActivity.this, "确定被点击",
                                Toast.LENGTH_SHORT).show();
                         dialog.dismiss();
                     }
                 });
                 builder.setNegativeButton("否定", new OnClickListener() {
  
                     @Override
                    public void onClick(DialogInterface dialog, int which) {
                         // TODO Auto-generated method stub
                         Toast.makeText(MainActivity.this, "否定被点击",
                                Toast.LENGTH_SHORT).show();
                        dialog.dismiss();
                   }
                 });
                 builder.setNeutralButton("忽略", new OnClickListener() {
 
                     @Override
                     public void onClick(DialogInterface dialog, int which) {
                         // TODO Auto-generated method stub
                         Toast.makeText(MainActivity.this, "忽略被点击",
                                Toast.LENGTH_SHORT).show();
                         dialog.cancel();
                     }
                 });
                 builder.show();
             }
         });  

  展示效果:

非自定义和自定义Dialog的介绍!!!

AlterDialog的列表形式

  AlterDialog除了展示一些提示信息,还可以展示一种列表的形式,需要使用到 Builder.setItems(CharSequence[] items,DialogInterface.OnClickListener listener)方法进行设置,它需要传递一个CharSequenece类型的数组,以绑定列表的数据,它同样需要传递一个 DialogInterface.OnClickListener接口,以响应列表项的点击,而这个接口中onClick方法的which参数,为当前点 击触发项的items中的下标。

  示例:


?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 btnListView.setOnClickListener(new View.OnClickListener() {
 
    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
       AlertDialog.Builder builder = new AlertDialog.Builder(
               MainActivity.this);
        builder.setTitle("请选择城市");
        //items使用全局的finalCharSequenece数组声明
        builder.setItems(items, new OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                // TODO Auto-generated method stub
                String select_item = items[which].toString();
                Toast.makeText(MainActivity.this,
                        "选择了---》" + select_item, Toast.LENGTH_SHORT)
                        .show();
            }
        });
        builder.show();
    }
});   效果展示: 

非自定义和自定义Dialog的介绍!!!

AlterDialog的单选列表

  AlterDialog还可以使用一种单选的列表样式,使用 Builder.setSingleChoiceItems(CharSequenece[] items,int checkedItem,DialogInterface.OnClickListener listener),这个方法具有多项重载,主要是为了应对不同的数据源,items为列表项数组,checkedItem为初始选项,listener 为点击响应事件。有时候并不一定需要选中之后就关闭对话框,可以设置两个按钮,用于确定选择。

  示例:


?

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 btnListViewSingle.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                AlertDialog.Builder builder = new AlertDialog.Builder(
                        MainActivity.this);
                builder.setTitle("请选择一下城市");
                builder.setSingleChoiceItems(items, 1, new OnClickListener() {
 
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        // TODO Auto-generated method stub
                       String select_item = items[which].toString();
                        Toast.makeText(MainActivity.this,
                                "选择了--->>" + select_item, Toast.LENGTH_SHORT)
                                .show();
                    }
                });
                builder.setPositiveButton("确定", new OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
               });
                builder.show();
            }
        });  

  效果展示:

非自定义和自定义Dialog的介绍!!!

AlterDialog多选列表

  AlterDialog除了单选列表,还有多选的列表。可以使用 Builder.setMultiChoiceItems(CharSequence[] items,boolean[] checkedItems,DialogInterface.OnMultiChoiceClickListener listener),这个方法也同样具有多样重载,对于这个方法,items以一个数组为数据源;checkedItems是默认的选项,因为是多选列 表,所以如果设置需要全部设置,如果没有默认选中,则传Null;listener为多选项点击触发事件。

  示例:


?

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 btnListViewMulti.setOnClickListener(new View.OnClickListener() {
  
            @Override
             public void onClick(View v) {
                // TODO Auto-generated method stub
               AlertDialog.Builder builder = new AlertDialog.Builder(
                        MainActivity.this);
               builder.setTitle("请选择城市");
                 builder.setMultiChoiceItems(items, new boolean[] { true, false,
                         true }, new OnMultiChoiceClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which,
                            boolean isChecked) {
                        // TODO Auto-generated method stub
                        String select_item = items[which].toString();
                         Toast.makeText(MainActivity.this,
                                 "选择了--->>" + select_item, Toast.LENGTH_SHORT)
                                 .show();
                     }
                 });
                 builder.setPositiveButton("确定", new OnClickListener() {
                     @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
                    }
                 });
                builder.show();
            }
         });  

  效果展示:

非自定义和自定义Dialog的介绍!!!

AlertDialog自定义样式

  有些时候,Android自带的一些样式设置已经无法满足需求了,那么可以使用自定义样式,自定义个XML布局文件,用这个文件的内容作为 AlertDialog的样式展示在屏幕上,这样就可以灵活定制对话框了。对于定制的XML文件,可以使用 LayoutInflater.from(Context).inflate(int,ViewGroup)的方式对其进行动态加载,然后使用 Builder.setView(View)把加载的视图与Builder对象进行关联,最后正常show()即可。

  布局代码:


?

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 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
     android:paddingLeft="@dimen/activity_horizontal_margin"
     android:paddingRight="@dimen/activity_horizontal_margin"
     android:paddingTop="@dimen/activity_vertical_margin"
     tools:context=".MainActivity" >
 
    <Button
         android:id="@+id/btnGeneral"
        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="普通对话框" />
  
     <Button
         android:id="@+id/btnButtons"
        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="多按钮的普通对话框" />
  
    <Button
         android:id="@+id/btnListView"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="列表选择对话框" />
  
     <Button
        android:id="@+id/btnListViewSingle"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="单选列表选择对话框" />
  
     <Button
         android:id="@+id/btnListViewMulti"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="多选列表选择对话框" />
 
     <Button
         android:id="@+id/btnProgressDialog"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="滚动等待对话框" />
  
     <Button
         android:id="@+id/btnProgressDialogH"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="进度条对话框" />
     <Button
        android:id="@+id/btnCustomDialog"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="自定义对话框" />
 </LinearLayout>  

  实现代码:


?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 btnCustomDialog.setOnClickListener(new View.OnClickListener() {
              
             @Override
            public void onClick(View v) {
                AlertDialog.Builder builder=new AlertDialog.Builder(MainActivity.this);
                 View view=LayoutInflater.from(MainActivity.this).inflate(R.layout.dialog_signin,null);
                 Button btn=(Button)view.findViewById(R.id.btnCustom);
                 btn.setOnClickListener(new View.OnClickListener() {
                      
                     @Override
                     public void onClick(View v) {
                         // TODO Auto-generated method stub
                         alertDialog.dismiss();
                        Toast.makeText(MainActivity.this, "表单填写完成",
                                 Toast.LENGTH_SHORT).show();
                     }
                 });
                 builder.setView(view);
                 alertDialog=builder.show();               
             }
         });  

  效果展示:

非自定义和自定义Dialog的介绍!!!

ProgressDialog

  有些时候,只是需要提示用户等待,比如在执行耗时操作等的时候,可以使用进度对话框来显示一个进度信息,提示用户等待,这个时候可以使用 ProgressDialog。ProgressDialog的使用方式大部分可以参见ProgressBar,其实就是一个封装了 ProgressBar的对话框。

  ProgressDialog有 两种显示方式,一种是以一个滚动的环状图标,可以显示一个标题和一段文本内容的等待对话框;另外一种是带刻度的进度条,和常规的进度条用法一致。两种样式 通过ProgressDialog.setProgressStyle(int style)设置,可以通过ProgressDialog的两个常量进行设置:STYLE_HORIZONTAL:刻度滚 动;STYLE_SPINNER:图标滚动,默认选项。

  对于图标滚动,可以使用两种方式实现,一种是常规的调用构造函数,再设置对应的属性;另外一种是直接使用ProgressDialog的静态方法show(),直接返回一个ProgressDialog对象,并且调用show()方法。

  示例:


?

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 btnProgressDialog.setOnClickListener(new View.OnClickListener() {
  
             @Override
             public void onClick(View v) {
                 // 第一种方法,使用ProgressDialog构造函数
                 progressDialog = new ProgressDialog(MainActivity.this);
                 progressDialog.setIcon(R.drawable.ic_launcher);
                 progressDialog.setTitle("等待");
                 progressDialog.setMessage("正在加载....");
                progressDialog.show();
                 //第二种方法,使用静态的show方法
                 //progressDialog=ProgressDialog.show(MainActivity.this, "等待", "正在加载....", false, false);
                 new Thread(new Runnable() {
  
                     @Override
                     public void run() {
                        try {
                             Thread.sleep(5000);           
                         } catch (Exception e) {
                             e.printStackTrace();
                         }
                        finally{
                             progressDialog.dismiss();
                         }                       
                     }
                 }).start();
             }
         });  

  效果展示:

非自定义和自定义Dialog的介绍!!!

  对于有刻度的ProgressDialog,除了从AlertDialog中继承来的属性,有一些必要的属性需要设置,以下方法都有对于的getter方法:

  • setMax(int max):最大刻度。
  • setProgress(int value):第一进度。
  • setSecondaryProgress(int value):第二进度。

  示例:


?

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 btnProgressDialog.setOnClickListener(new View.OnClickListener() {
  
             @Override
             public void onClick(View v) {
                 // 第一种方法,使用ProgressDialog构造函数
                 progressDialog = new ProgressDialog(MainActivity.this);
                 progressDialog.setIcon(R.drawable.ic_launcher);
                 progressDialog.setTitle("等待");
                 progressDialog.setMessage("正在加载....");
                 progressDialog.show();
                 //第二种方法,使用静态的show方法
                 //progressDialog=ProgressDialog.show(MainActivity.this, "等待", "正在加载....", false, false);
                 new Thread(new Runnable() {
  
                     @Override
                     public void run() {
                        try {
                             Thread.sleep(5000);           
                         } catch (Exception e) {
                             e.printStackTrace();
                         }
                         finally{
                             progressDialog.dismiss();
                         }                       
                     }
                 }).start();
             }
         });  

  效果展示:

非自定义和自定义Dialog的介绍!!!

  源码下载

 总结

  以上就介绍了常用的对话框的内容,DatePickerDialog和TimePickerDialog在另外一篇博客中有介绍到,可以看看:Android--UI之DatePicker、TimePicker...。 从最新的官方文档上了解到,推荐使用FragmentDialog来操作Dialog,这样便于管理,有关Fragment的内容,还没有介绍,以后介绍 了Fragment之后再说说怎么使用FragmentDialog来创建对话框。在源码里有一个FragmentDialog的简单例子,有兴趣的可以 下载下来看看。

二、自定义Dialog的介绍(步骤清晰)

1、Android自定义对话框(Dialog)位置,大小

转自:http://blog.csdn.net/fancylovejava/article/details/21617553

代码:

非自定义和自定义Dialog的介绍!!!
package angel.devil;

import android.app.Activity;
import android.app.Dialog;
import android.os.Bundle;
import android.view.Gravity;
import android.view.Window;
import android.view.WindowManager; public class DialogDemoActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main); Dialog dialog = new Dialog(this); // setContentView可以设置为一个View也可以简单地指定资源ID
// LayoutInflater
// li=(LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);
// View v=li.inflate(R.layout.dialog_layout, null);
// dialog.setContentView(v);
dialog.setContentView(R.layout.dialog_layout); dialog.setTitle("Custom Dialog"); /*
* 获取对话框的窗口对象及参数对象以修改对话框的布局设置,
* 可以直接调用getWindow(),表示获得这个Activity的Window
* 对象,这样这可以以同样的方式改变这个Activity的属性.
*/
Window dialogWindow = dialog.getWindow();
WindowManager.LayoutParams lp = dialogWindow.getAttributes();
dialogWindow.setGravity(Gravity.LEFT | Gravity.TOP); /*
* lp.x与lp.y表示相对于原始位置的偏移.
* 当参数值包含Gravity.LEFT时,对话框出现在左边,所以lp.x就表示相对左边的偏移,负值忽略.
* 当参数值包含Gravity.RIGHT时,对话框出现在右边,所以lp.x就表示相对右边的偏移,负值忽略.
* 当参数值包含Gravity.TOP时,对话框出现在上边,所以lp.y就表示相对上边的偏移,负值忽略.
* 当参数值包含Gravity.BOTTOM时,对话框出现在下边,所以lp.y就表示相对下边的偏移,负值忽略.
* 当参数值包含Gravity.CENTER_HORIZONTAL时
* ,对话框水平居中,所以lp.x就表示在水平居中的位置移动lp.x像素,正值向右移动,负值向左移动.
* 当参数值包含Gravity.CENTER_VERTICAL时
* ,对话框垂直居中,所以lp.y就表示在垂直居中的位置移动lp.y像素,正值向右移动,负值向左移动.
* gravity的默认值为Gravity.CENTER,即Gravity.CENTER_HORIZONTAL |
* Gravity.CENTER_VERTICAL.
*
* 本来setGravity的参数值为Gravity.LEFT | Gravity.TOP时对话框应出现在程序的左上角,但在
* 我手机上测试时发现距左边与上边都有一小段距离,而且垂直坐标把程序标题栏也计算在内了,
* Gravity.LEFT, Gravity.TOP, Gravity.BOTTOM与Gravity.RIGHT都是如此,据边界有一小段距离
*/
lp.x = 100; // 新位置X坐标
lp.y = 100; // 新位置Y坐标
lp.width = 300; // 宽度
lp.height = 300; // 高度
lp.alpha = 0.7f; // 透明度 // 当Window的Attributes改变时系统会调用此函数,可以直接调用以应用上面对窗口参数的更改,也可以用setAttributes
// dialog.onWindowAttributesChanged(lp);
dialogWindow.setAttributes(lp); /*
* 将对话框的大小按屏幕大小的百分比设置
*/
// WindowManager m = getWindowManager();
// Display d = m.getDefaultDisplay(); // 获取屏幕宽、高用
// WindowManager.LayoutParams p = dialogWindow.getAttributes(); // 获取对话框当前的参数值
// p.height = (int) (d.getHeight() * 0.6); // 高度设置为屏幕的0.6
// p.width = (int) (d.getWidth() * 0.65); // 宽度设置为屏幕的0.65
// dialogWindow.setAttributes(p); dialog.show(); }
}
非自定义和自定义Dialog的介绍!!!

布局文件:

main.xml

非自定义和自定义Dialog的介绍!!!
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#00FF00"
android:orientation="vertical" > <TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" /> </LinearLayout>
非自定义和自定义Dialog的介绍!!!

dialog_layout.xml

非自定义和自定义Dialog的介绍!!!
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout_root"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal"
android:padding="10dp" > <ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="10dp"
android:src="@drawable/ic_launcher" /> <TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="A Dialog"
android:textColor="#FFF" /> </LinearLayout>
非自定义和自定义Dialog的介绍!!!

2、Android自定义Dialog

Corn

专注Android领域开发。 仰望星空,同时需要脚踏实地。 ——Android交流群:

转自:http://www.cnblogs.com/lwbqqyumidi/p/3645561.html
 

Android开发过程中,常常会遇到一些需求场景——在界面上弹出一个弹框,对用户进行提醒并让用户进行某些选择性的操作,

如退出登录时的弹窗,让用户选择“退出”还是“取消”等操作。

Android系统提供了Dialog类,以及Dialog的子类,常见如AlertDialog来实现此类功能。

一般情况下,利用Android提供的Dialog及其子类能够满足多数此类需求,然而,其不足之处体现在:

1. 基于Android提供的Dialog及其子类样式单一,风格上与App本身风格可能不太协调;

2. Dialog弹窗在布局和功能上有所限制,有时不一定能满足实际的业务需求。

本文将通过在Dialog基础上构建自定义的Dialog弹窗,以最常见的确认弹框为例。

本样式相对比较简单:上面有一个弹框标题(提示语),下面左右分别是“确认”和“取消”按钮,当用户点击“确认”按钮时,弹框执行

相应的确认逻辑,当点击“取消”按钮时,执行相应的取消逻辑。

首先,自定义弹框样式:

非自定义和自定义Dialog的介绍!!!
 1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:layout_width="match_parent"
4 android:layout_height="wrap_content"
5 android:background="@drawable/dialog_bg"
6 android:orientation="vertical" >
7
8 <TextView
9 android:id="@+id/title"
10 android:layout_width="wrap_content"
11 android:layout_height="wrap_content"
12 android:layout_gravity="center"
13 android:paddingTop="14dp"
14 android:textColor="@color/login_hint"
15 android:textSize="@dimen/text_size_18" />
16
17 <LinearLayout
18 android:layout_width="match_parent"
19 android:layout_height="wrap_content"
20 android:layout_marginBottom="14dp"
21 android:layout_marginLeft="20dp"
22 android:layout_marginRight="20dp"
23 android:layout_marginTop="30dp" >
24
25 <TextView
26 android:id="@+id/confirm"
27 android:layout_width="wrap_content"
28 android:layout_height="wrap_content"
29 android:layout_marginRight="10dp"
30 android:layout_weight="1"
31 android:background="@drawable/btn_confirm_selector"
32 android:gravity="center"
33 android:textColor="@color/white"
34 android:textSize="@dimen/text_size_16" />
35
36 <TextView
37 android:id="@+id/cancel"
38 android:layout_width="wrap_content"
39 android:layout_height="wrap_content"
40 android:layout_marginLeft="10dp"
41 android:layout_weight="1"
42 android:background="@drawable/btn_cancel_selector"
43 android:gravity="center"
44 android:textColor="@color/login_hint"
45 android:textSize="@dimen/text_size_16" />
46 </LinearLayout>
47
48 </LinearLayout>
非自定义和自定义Dialog的介绍!!!

然后,通过继承Dialog类构建确认弹框控件ConfirmDialog:

非自定义和自定义Dialog的介绍!!!
 1 package com.corn.widget;
2
3 import android.app.Dialog;
4 import android.content.Context;
5 import android.os.Bundle;
6 import android.util.DisplayMetrics;
7 import android.view.LayoutInflater;
8 import android.view.View;
9 import android.view.Window;
10 import android.view.WindowManager;
11 import android.widget.TextView;
12
13 import com.corn.R;
14
15 public class ConfirmDialog extends Dialog {
16
17 private Context context;
18 private String title;
19 private String confirmButtonText;
20 private String cacelButtonText;
21 private ClickListenerInterface clickListenerInterface;
22
23 public interface ClickListenerInterface {
24
25 public void doConfirm();
26
27 public void doCancel();
28 }
29
30 public ConfirmDialog(Context context, String title, String confirmButtonText, String cacelButtonText) {
31 super(context, R.style.MyDialog);
32 this.context = context;
33 this.title = title;
34 this.confirmButtonText = confirmButtonText;
35 this.cacelButtonText = cacelButtonText;
36 }
37
38 @Override
39 PROTECTED非自定义和自定义Dialog的介绍!!! void onCreate(Bundle savedInstanceState) {
40 // TODO Auto-generated method stub
41 SUPER非自定义和自定义Dialog的介绍!!!.onCreate(savedInstanceState);
42
43 init();
44 }
45
46 public void init() {
47 LayoutInflater inflater = LayoutInflater.from(context);
48 View view = inflater.inflate(R.layout.confirm_dialog, null);
49 setContentView(view);
50
51 TextView tvTitle = (TextView) view.findViewById(R.id.title);
52 TextView tvConfirm = (TextView) view.findViewById(R.id.confirm);
53 TextView tvCancel = (TextView) view.findViewById(R.id.cancel);
54
55 tvTitle.setText(title);
56 tvConfirm.setText(confirmButtonText);
57 tvCancel.setText(cacelButtonText);
58
59 tvConfirm.setOnClickListener(new clickListener());
60 tvCancel.setOnClickListener(new clickListener());
61
62 Window dialogWindow = getWindow();
63 WindowManager.LayoutParams lp = dialogWindow.getAttributes();
64 DisplayMetrics d = context.getResources().getDisplayMetrics(); // 获取屏幕宽、高用
65 lp.width = (int) (d.widthPixels * 0.8); // 高度设置为屏幕的0.6
66 dialogWindow.setAttributes(lp);

67 }
68
69 public void setClicklistener(ClickListenerInterface clickListenerInterface) {
70 this.clickListenerInterface = clickListenerInterface;
71 }
72
73 private class clickListener implements View.OnClickListener {
74 @Override
75 public void onClick(View v) {
76 // TODO Auto-generated method stub
77 int id = v.getId();
78 switch (id) {
79 case R.id.confirm:
80 clickListenerInterface.doConfirm();
81 break;
82 case R.id.cancel:
83 clickListenerInterface.doCancel();
84 break;
85 }
86 }
87
88 };
89
90 }
非自定义和自定义Dialog的介绍!!!

在如上空间构造代码中,由于控件的"确认"和"取消"逻辑与实际的应用场景有关,因此,控件中通过定义内部接口来实现。

在需要使用此控件的地方,进行如下形式调用:

非自定义和自定义Dialog的介绍!!!
 1 public static void Exit(FINAL非自定义和自定义Dialog的介绍!!! Context context) {
2 final ConfirmDialog confirmDialog = new ConfirmDialog(context, "确定要退出吗?", "退出", "取消");
3 confirmDialog.show();
4 confirmDialog.setClicklistener(new ConfirmDialog.ClickListenerInterface() {
5 @Override
6 public void doConfirm() {
7 // TODO Auto-generated method stub
8 confirmDialog.dismiss();
9 //toUserHome(context);
10 AppManager.getAppManager().AppExit(context);
11 }
12
13 @Override
14 public void doCancel() {
15 // TODO Auto-generated method stub
16 confirmDialog.dismiss();
17 }
18 }
);
19 }
非自定义和自定义Dialog的介绍!!!

调用中实现了此控件的内部接口,并赋给控件本身,以此在点击按钮时实现基于外部具体业务逻辑的函数回调。