Android自定义Dialog

简介:

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

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

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

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

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

2. 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类构建确认弹框控件ConfirmDialog:

复制代码
 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 void onCreate(Bundle savedInstanceState) {
40         // TODO Auto-generated method stub
41         super.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 }
复制代码

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

 

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

复制代码
 1 public static void Exit(final 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     }
复制代码

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

 

---------------------------------------------------------------------------------
笔者水平有限,若有错漏,欢迎指正,如果转载以及CV操作,请务必注明出处,谢谢!
分类: Android

本文转自Windstep博客园博客,原文链接:http://www.cnblogs.com/lwbqqyumidi/p/3645561.html,如需转载请自行联系原作者
目录
相关文章
|
26天前
|
缓存 前端开发 Android开发
安卓开发中的自定义视图:从零到英雄
【10月更文挑战第42天】 在安卓的世界里,自定义视图是一块画布,让开发者能够绘制出独一无二的界面体验。本文将带你走进自定义视图的大门,通过深入浅出的方式,让你从零基础到能够独立设计并实现复杂的自定义组件。我们将探索自定义视图的核心概念、实现步骤,以及如何优化你的视图以提高性能和兼容性。准备好了吗?让我们开始这段创造性的旅程吧!
23 1
|
2月前
|
Android开发 开发者
安卓应用开发中的自定义视图
【9月更文挑战第37天】在安卓开发的海洋中,自定义视图犹如一座座小岛,等待着勇敢的探索者去发现其独特之处。本文将带领你踏上这段旅程,从浅滩走向深海,逐步揭开自定义视图的神秘面纱。
42 3
|
4月前
|
存储 Shell Android开发
基于Android P,自定义Android开机动画的方法
本文详细介绍了基于Android P系统自定义开机动画的步骤,包括动画文件结构、脚本编写、ZIP打包方法以及如何将自定义动画集成到AOSP源码中。
87 2
基于Android P,自定义Android开机动画的方法
|
2月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
93 0
|
4月前
|
供应链 物联网 区块链
未来触手可及:探索新兴技术的趋势与应用安卓开发中的自定义视图:从基础到进阶
【8月更文挑战第30天】随着科技的飞速发展,新兴技术如区块链、物联网和虚拟现实正在重塑我们的世界。本文将深入探讨这些技术的发展趋势和应用场景,带你领略未来的可能性。
|
4月前
|
测试技术 Android开发 Python
探索软件测试的艺术:从基础到高级安卓应用开发中的自定义视图
【8月更文挑战第29天】在软件开发的世界中,测试是不可或缺的一环。它如同艺术一般,需要精细的技巧和深厚的知识。本文旨在通过浅显易懂的语言,引领读者从软件测试的基础出发,逐步深入到更复杂的测试策略和工具的使用,最终达到能够独立进行高效测试的水平。我们将一起探索如何通过不同的测试方法来确保软件的质量和性能,就像艺术家通过不同的色彩和笔触来完成一幅画作一样。
|
1月前
|
搜索推荐 前端开发 Android开发
安卓应用开发中的自定义视图实现
【10月更文挑战第30天】在安卓开发的海洋中,自定义视图是那抹不可或缺的亮色,它为应用界面的个性化和交互体验的提升提供了无限可能。本文将深入探讨如何在安卓平台创建自定义视图,并展示如何通过代码实现这一过程。我们将从基础出发,逐步引导你理解自定义视图的核心概念,然后通过一个实际的代码示例,详细讲解如何将理论应用于实践,最终实现一个美观且具有良好用户体验的自定义控件。无论你是想提高自己的开发技能,还是仅仅出于对安卓开发的兴趣,这篇文章都将为你提供价值。
|
1月前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
36 5
|
2月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石,它为开发者提供了无限的可能。通过掌握其原理和实现方法,可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程,包括绘制技巧、事件处理以及性能优化等关键步骤。
|
3月前
|
Android开发 开发者
安卓开发中的自定义视图:从入门到精通
【9月更文挑战第19天】在安卓开发的广阔天地中,自定义视图是一块充满魔力的土地。它不仅仅是代码的堆砌,更是艺术与科技的完美结合。通过掌握自定义视图,开发者能够打破常规,创造出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战应用,一步步展示如何用代码绘出心中的蓝图。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创意和效率的大门。让我们一起探索自定义视图的秘密,将你的应用打造成一件艺术品吧!
67 10