Android自定义Dialog

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

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

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

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

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

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

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

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

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

首先，自定义弹框样式：

<?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="wrap_content"
 android:background="@drawable/dialog_bg"
 android:orientation="vertical" >

    <TextView  9         android:id="@+id/title"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_gravity="center"
 android:paddingTop="14dp"
 android:textColor="@color/login_hint"
 android:textSize="@dimen/text_size_18" />

    <LinearLayout 18         android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginBottom="14dp"
 android:layout_marginLeft="20dp"
 android:layout_marginRight="20dp"
 android:layout_marginTop="30dp" >

        <TextView 26             android:id="@+id/confirm"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginRight="10dp"
 android:layout_weight="1"
 android:background="@drawable/btn_confirm_selector"
 android:gravity="center"
 android:textColor="@color/white"
 android:textSize="@dimen/text_size_16" />

        <TextView 37             android:id="@+id/cancel"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginLeft="10dp"
 android:layout_weight="1"
 android:background="@drawable/btn_cancel_selector"
 android:gravity="center"
 android:textColor="@color/login_hint"
 android:textSize="@dimen/text_size_16" />
    </LinearLayout>

</LinearLayout>

 

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

package com.corn.widget;  2 
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 
import com.corn.R; 14 
public class ConfirmDialog extends Dialog { 16 
    private Context context; 18     private String title; 19     private String confirmButtonText; 20     private String cacelButtonText; 21     private ClickListenerInterface clickListenerInterface; 22 
    public interface ClickListenerInterface { 24 
        public void doConfirm(); 26 
        public void doCancel(); 28  } 29 
    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 
 @Override 39     protected void onCreate(Bundle savedInstanceState) { 40         // TODO Auto-generated method stub
        super.onCreate(savedInstanceState); 42 
 init(); 44  } 45 
    public void init() { 47         LayoutInflater inflater = LayoutInflater.from(context); 48         View view = inflater.inflate(R.layout.confirm_dialog, null); 49  setContentView(view); 50 
        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 
 tvTitle.setText(title); 56  tvConfirm.setText(confirmButtonText); 57  tvCancel.setText(cacelButtonText); 58 
        tvConfirm.setOnClickListener(new clickListener()); 60         tvCancel.setOnClickListener(new clickListener()); 61 
        Window dialogWindow = getWindow(); 63         WindowManager.LayoutParams lp = dialogWindow.getAttributes(); 64         DisplayMetrics d = context.getResources().getDisplayMetrics(); // 获取屏幕宽、高用
        lp.width = (int) (d.widthPixels * 0.8); // 高度设置为屏幕的0.6
 dialogWindow.setAttributes(lp); 67  } 68 
    public void setClicklistener(ClickListenerInterface clickListenerInterface) { 70         this.clickListenerInterface = clickListenerInterface; 71  } 72 
    private class clickListener implements View.OnClickListener { 74  @Override 75         public void onClick(View v) { 76             // TODO Auto-generated method stub
            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 
 }; 89 
}

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

 

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

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
 confirmDialog.dismiss();  9                 //toUserHome(context);
 AppManager.getAppManager().AppExit(context); 11  } 12 
 @Override 14             public void doCancel() { 15                 // TODO Auto-generated method stub
 confirmDialog.dismiss(); 17  } 18  }); 19     }

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