摘要: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频道
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号