Android开发之如何自定义Dialog
白羽 2018-06-07 来源 :网络 阅读 1046 评论 0

摘要:Android开发过程中,常常会遇到一些需求场景——在界面上弹出一个弹框,对用户进行提醒并让用户进行某些选择性的操作, 如退出登录时的弹窗,让用户选择“退出”还是“取消”等操作。 Android系统提供了Dialog类,以及Dialog的子类,常见如AlertDialog来实现此类功能。


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="//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     <LinearLayout18         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         <TextView26             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         <TextView37             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     @Override39     protected void onCreate(Bundle savedInstanceState) {40         // TODO Auto-generated method stub41         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.666         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         @Override75         public void onClick(View v) {76             // TODO Auto-generated method stub77             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             @Override14             public void doCancel() {15                 // TODO Auto-generated method stub16                 confirmDialog.dismiss();17             }18         });19     }


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

 


本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之Android频道


本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程