Android自定義Dialog實現(xiàn)通用圓角對話框
更新時間：2021年11月14日 12:58:10 作者：ruancw
這篇文章主要為大家詳細介紹了Android自定義Dialog實現(xiàn)通用圓角對話框，具有一定的參考價值，感興趣的小伙伴們可以參考一下
前言：圓角對話框在項目中用的越來越多，之前一篇文章有介紹過使用系統(tǒng)的AlertDialog+CardView（Android中使用CardView實現(xiàn)圓角對話框）實現(xiàn)了圓角對話框的樣式，今天介紹自定義Dialog實現(xiàn)通用的圓角對話框。
效果圖：
1.繼承自AlertDialog,重寫onCreat
/**
* Created by ruancw on 2018/6/7.
* 自定義的帶圓角的對話框
*/
public class RoundCornerDialog extends AlertDialog{
private TextView tvTitle;
private TextView tvDes;
private TextView tvCancel;
private TextView tvConfirm;
//private Context context;
/**
* 一個參數(shù)的構造方法
* @param context 上下文對象
*/
public RoundCornerDialog(@NonNull Context context) {
super(context);
//this.context=context;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.dialog_layout_test);
//設置背景透明，不然會出現(xiàn)白色直角問題
Window window = getWindow();
window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
setCanceledOnTouchOutside(false);
//初始化布局控件
initView();
//確定和取消按鈕的事件監(jiān)聽
initEvent();
//設置參數(shù)必須在show之后，不然沒有效果
WindowManager.LayoutParams params = getWindow().getAttributes();
getWindow().setAttributes(params);
}
}
注：解決白色直角的問題
（1）文中沒有使用style設置背景透明，直接在代碼中用的window.setBackgroundDrawable設置的背景透明，不然會出現(xiàn)遺留的四個角有白色直角的問題。
（2）當然也可以在構造方法中這樣設置：super(context,R.style.CustomDialog)。
2.初始化布局
（1）布局文件（CradView實現(xiàn)圓角布局）
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="@dimen/dp_30"
app:cardCornerRadius="@dimen/dp_10">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/bg_mainWhite"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="@dimen/dp_10"
android:text="溫馨提示"
android:textColor="@color/bg_mainWhite"
android:textSize="@dimen/sp_18" />
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/bg_line" />
<TextView
android:id="@+id/tv_des"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="@dimen/dp_20"
android:textSize="@dimen/sp_18" />
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/bg_line" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="@dimen/dp_48"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_cancel"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="取消"
android:textSize="@dimen/sp_16" />
<View
android:layout_width="1dp"
android:layout_height="match_parent"
android:background="@color/bg_line" />
<TextView
android:id="@+id/tv_confirm"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="確定"
android:textSize="@dimen/sp_16" />
</LinearLayout>
</LinearLayout>
</android.support.v7.widget.CardView>
（2）初始化布局文件及設置參數(shù)
/**
* 初始化布局文件及設置參數(shù)
*/
private void initView() {
//對話框標題
tvTitle=findViewById(R.id.tv_title);
//對話框描述信息
tvDes=findViewById(R.id.tv_des);
//確定按鈕和取消
tvConfirm=findViewById(R.id.tv_confirm);
tvCancel=findViewById(R.id.tv_cancel);
}
（3）設置事件監(jiān)聽
讓自定義的dialog實現(xiàn)OnClickListener接口，然后設置確定及取消按鈕的事件監(jiān)聽
/**
* 確定及取消點擊事件
*/
private void initEvent() {
tvConfirm.setOnClickListener(this);//確定
tvCancel.setOnClickListener(this);//取消@Override
public void onClick(View view) {
switch (view.getId()){
case R.id.tv_confirm:
dismiss();
break;
case R.id.tv_cancel:
dismiss();
break;
}
}
寫到這里，圓角對話框就實現(xiàn)了，但如果另一個頁面要求不同背景色，按鈕的文本也不是“確定”和“取消”呢，我們是不是又的重寫定義dialog和設置布局文件呢，顯然這樣很麻煩，貌似與我們的標題寫的通用的圓角對話框也不相符啊，這似乎不太好吧。接下來，我們進行一番改造，打造通用的圓角對話框。
3.打造通用圓角對話框
（1）initView中設置初始參數(shù)
private String title="溫馨提示",message,confirmText="確定",cancelText="取消";
//默認的標題欄背景色
private int titleColorBg=Color.parseColor("#FF8200");
//默認的確定和取消按鈕背景色
private int confirmColorBg=Color.parseColor("#F8F8F8");
private int cancelColorBg=Color.parseColor("#F8F8F8");
/**
* 初始化布局文件及設置參數(shù)
*/
private void initView() {
//對話框標題
tvTitle=findViewById(R.id.tv_title);
//對話框描述信息
tvDes=findViewById(R.id.tv_des);
//確定按鈕和取消
tvConfirm=findViewById(R.id.tv_confirm);
tvCancel=findViewById(R.id.tv_cancel);
/********************通用設置*********************/ //設置標題、描述及確定按鈕的文本內容 tvTitle.setText(title); tvDes.setText(message); tvConfirm.setText(confirmText); //設置標題欄及確定、取消按鈕背景色 tvTitle.setBackgroundColor(titleColorBg); tvConfirm.setBackgroundColor(confirmColorBg); tvCancel.setBackgroundColor(cancelColorBg); }
（2）定義設置屬性方法
/**
* 設置標題欄文本
* @param title 標題
*/
public void setTitle(String title){
this.title=title;
}
/**
* 設置描述信息
* @param message 描述信息
*/
public void setMessage(String message){
this.message=message;
}
/**
* 設置確定按鈕上的文本
* @param confirmText 文本
*/
public void setConfirmText(String confirmText){
this.confirmText=confirmText;
}
/**
* 設置取消按鈕上的文本
* @param cancelText 文本
*/
public void setCancelText(String cancelText){
this.cancelText=cancelText;
}
/**
* 設置標題欄的背景
* @param titleColorBg 背景色int
*/
public void setTitleBg(int titleColorBg){
this.titleColorBg=titleColorBg;
}
/**
* 確定按鈕背景色
* @param confirmColorBg int背景色
*/
public void setConfirmBg(int confirmColorBg){
this.confirmColorBg=confirmColorBg;
}
/**
* 取消按鈕背景色
* @param cancelColorBg int背景色
*/
public void setCancelBg(int cancelColorBg){
this.cancelColorBg=cancelColorBg;
}
（3）定義接口，實現(xiàn)確定按鈕的點擊回調
private ConfirmListener confirmListener;
/**
* 設置確定按鈕的監(jiān)聽
* @param confirmListener
*/
public void setConfirmListener(ConfirmListener confirmListener){
this.confirmListener=confirmListener;
}
/**
* 確定按鈕點擊的監(jiān)聽接口
*/
public interface ConfirmListener{
void onConfirmClick();
}
點擊“確定”回調方法
case R.id.tv_confirm: /************通用設置***********/ //點擊確定按鈕回調 confirmListener.onConfirmClick(); dismiss(); break;
一般點擊“取消”按鈕不做任何操作，只是關閉當前彈出的對話框，所以這里不做點擊后回調，當然，點擊“確定”后執(zhí)行相關操作后也要關閉當前dialog。
4.使用
RoundCornerDialog roundCornerDialog=new RoundCornerDialog(mContext);
//設置標題，描述，文本等參數(shù)
roundCornerDialog.setTitle("溫馨提示");
roundCornerDialog.setMessage("退出當前登錄后將要重新登錄！");
roundCornerDialog.setConfirmText("確認退出");
//確定按鈕的點擊回調方法
roundCornerDialog.setConfirmListener(new roundCornerDialog.ConfirmListener() {
@Override
public void onConfirmClick() {
Intent intent = new Intent(mContext, LoginActivity.class);
startActivity(intent);
UIUtil.toast("退出成功，請重新登錄");
getActivity().finish();
}
});
//顯示對話框
roundCornerDialog.show();
總結：本文通過自定義Dialog+CardView的方式實現(xiàn)了通用的圓角對話框效果，使用也相對簡單，測試中發(fā)現(xiàn)在Android5.0以下設置標題欄背景色時，標題欄不會跟隨CardView的圓角。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android自定義Dialog的2種常見方法
- Android自定義Dialog框樣式
- Android自定義Dialog原理實例解析
- Android 自定義加載動畫Dialog彈窗效果的示例代碼
- Android自定義底部彈出框ButtomDialog
- android自定義Dialog彈框和背景陰影顯示效果
- Android自定義dialog 自下往上彈出的實例代碼
- Android 自定義Dialog去除title導航欄的解決方法
- Android自定義Dialog實現(xiàn)加載對話框效果
- Android編程自定義AlertDialog樣式的方法詳解
- 解決Android中自定義DialogFragment解決寬度和高度問題
- Android?自定義?Dialog?實現(xiàn)列表?單選、多選、搜索功能
相關文章
解析ADT-20問題 android support library
本篇文章是對ADT-20問題 android support library進行了詳細的分析介紹，需要的朋友參考下2013-06-06
Android開發(fā)實現(xiàn)從相冊中選擇照片功能詳解
這篇文章主要介紹了Android開發(fā)實現(xiàn)從相冊中選擇照片功能,涉及Android權限控制、事件綁定、文件路徑與獲取等相關操作技巧,需要的朋友可以參考下2019-03-03
Android 多種dialog的實現(xiàn)方法(推薦)
下面小編就為大家分享一篇Android 多種dialog的實現(xiàn)方法(推薦)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細介紹了fragment實現(xiàn)隱藏及界面切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
Android的內存優(yōu)化是性能優(yōu)化中很重要的一部分，本文將詳細介紹Android性能優(yōu)化之內存優(yōu)化。2021-06-06
這篇文章主要介紹了圖文詳解自定義View視圖的屬性及引用,由于Android自帶的視圖無法滿足自己需求，又或者美觀度不夠自己的要求，我們就要自來親自設計自己的視圖,需要的朋友可以參考下2023-04-04
基于flutter?sound插件實現(xiàn)錄音與播放功能
這篇文章主要介紹了基于flutter?sound插件實現(xiàn)錄音與播放功能,介紹了如何錄音，如何播放本地和遠程音頻文件，以及如何實現(xiàn)動畫，在錄制完音頻文件后如何上傳，這些都是我們平常使用這個功能會遇到的問題。在使用的過程中遇到的問題也有列出，需要的朋友可以參考下2022-05-05
Android RecyclerView實現(xiàn)下拉刷新和上拉加載更多
這篇文章主要為大家詳細介紹了Android RecyclerView實現(xiàn)下拉刷新和上拉加載更多，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要給大家介紹了關于android控件Spinner(下拉列表)的使用例子,在Android開發(fā)中下拉框(Spinner)是常用的UI控件之一,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-11-11
這篇文章主要為大家詳細介紹了android實現(xiàn)下拉菜單三級聯(lián)動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10