Android自定義Dialog實(shí)現(xiàn)通用圓角對(duì)話框
前言:圓角對(duì)話框在項(xiàng)目中用的越來(lái)越多,之前一篇文章有介紹過(guò)使用系統(tǒng)的AlertDialog+CardView(Android中使用CardView實(shí)現(xiàn)圓角對(duì)話框)實(shí)現(xiàn)了圓角對(duì)話框的樣式,今天介紹自定義Dialog實(shí)現(xiàn)通用的圓角對(duì)話框。
效果圖:

1.繼承自AlertDialog,重寫onCreat
/**
* Created by ruancw on 2018/6/7.
* 自定義的帶圓角的對(duì)話框
*/
public class RoundCornerDialog extends AlertDialog{
private TextView tvTitle;
private TextView tvDes;
private TextView tvCancel;
private TextView tvConfirm;
//private Context context;
/**
* 一個(gè)參數(shù)的構(gòu)造方法
* @param context 上下文對(duì)象
*/
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);
//設(shè)置背景透明,不然會(huì)出現(xiàn)白色直角問(wèn)題
Window window = getWindow();
window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
setCanceledOnTouchOutside(false);
//初始化布局控件
initView();
//確定和取消按鈕的事件監(jiān)聽(tīng)
initEvent();
//設(shè)置參數(shù)必須在show之后,不然沒(méi)有效果
WindowManager.LayoutParams params = getWindow().getAttributes();
getWindow().setAttributes(params);
}
}
注:解決白色直角的問(wèn)題
(1)文中沒(méi)有使用style設(shè)置背景透明,直接在代碼中用的window.setBackgroundDrawable設(shè)置的背景透明,不然會(huì)出現(xiàn)遺留的四個(gè)角有白色直角的問(wèn)題。
(2)當(dāng)然也可以在構(gòu)造方法中這樣設(shè)置:super(context,R.style.CustomDialog)。
2.初始化布局
(1)布局文件(CradView實(shí)現(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ù)
/**
* 初始化布局文件及設(shè)置參數(shù)
*/
private void initView() {
//對(duì)話框標(biāo)題
tvTitle=findViewById(R.id.tv_title);
//對(duì)話框描述信息
tvDes=findViewById(R.id.tv_des);
//確定按鈕和取消
tvConfirm=findViewById(R.id.tv_confirm);
tvCancel=findViewById(R.id.tv_cancel);
}
(3)設(shè)置事件監(jiān)聽(tīng)
讓自定義的dialog實(shí)現(xiàn)OnClickListener接口,然后設(shè)置確定及取消按鈕的事件監(jiān)聽(tīng)
/**
* 確定及取消點(diǎ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;
}
}
寫到這里,圓角對(duì)話框就實(shí)現(xiàn)了,但如果另一個(gè)頁(yè)面要求不同背景色,按鈕的文本也不是“確定”和“取消”呢,我們是不是又的重寫定義dialog和設(shè)置布局文件呢,顯然這樣很麻煩,貌似與我們的標(biāo)題寫的通用的圓角對(duì)話框也不相符啊,這似乎不太好吧。接下來(lái),我們進(jìn)行一番改造,打造通用的圓角對(duì)話框。
3.打造通用圓角對(duì)話框
(1)initView中設(shè)置初始參數(shù)
private String title="溫馨提示",message,confirmText="確定",cancelText="取消";
//默認(rèn)的標(biāo)題欄背景色
private int titleColorBg=Color.parseColor("#FF8200");
//默認(rèn)的確定和取消按鈕背景色
private int confirmColorBg=Color.parseColor("#F8F8F8");
private int cancelColorBg=Color.parseColor("#F8F8F8");
/**
* 初始化布局文件及設(shè)置參數(shù)
*/
private void initView() {
//對(duì)話框標(biāo)題
tvTitle=findViewById(R.id.tv_title);
//對(duì)話框描述信息
tvDes=findViewById(R.id.tv_des);
//確定按鈕和取消
tvConfirm=findViewById(R.id.tv_confirm);
tvCancel=findViewById(R.id.tv_cancel);
/********************通用設(shè)置*********************/ //設(shè)置標(biāo)題、描述及確定按鈕的文本內(nèi)容 tvTitle.setText(title); tvDes.setText(message); tvConfirm.setText(confirmText); //設(shè)置標(biāo)題欄及確定、取消按鈕背景色 tvTitle.setBackgroundColor(titleColorBg); tvConfirm.setBackgroundColor(confirmColorBg); tvCancel.setBackgroundColor(cancelColorBg); }
(2)定義設(shè)置屬性方法
/**
* 設(shè)置標(biāo)題欄文本
* @param title 標(biāo)題
*/
public void setTitle(String title){
this.title=title;
}
/**
* 設(shè)置描述信息
* @param message 描述信息
*/
public void setMessage(String message){
this.message=message;
}
/**
* 設(shè)置確定按鈕上的文本
* @param confirmText 文本
*/
public void setConfirmText(String confirmText){
this.confirmText=confirmText;
}
/**
* 設(shè)置取消按鈕上的文本
* @param cancelText 文本
*/
public void setCancelText(String cancelText){
this.cancelText=cancelText;
}
/**
* 設(shè)置標(biāo)題欄的背景
* @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)定義接口,實(shí)現(xiàn)確定按鈕的點(diǎn)擊回調(diào)
private ConfirmListener confirmListener;
/**
* 設(shè)置確定按鈕的監(jiān)聽(tīng)
* @param confirmListener
*/
public void setConfirmListener(ConfirmListener confirmListener){
this.confirmListener=confirmListener;
}
/**
* 確定按鈕點(diǎn)擊的監(jiān)聽(tīng)接口
*/
public interface ConfirmListener{
void onConfirmClick();
}
點(diǎn)擊“確定”回調(diào)方法
case R.id.tv_confirm: /************通用設(shè)置***********/ //點(diǎn)擊確定按鈕回調(diào) confirmListener.onConfirmClick(); dismiss(); break;
一般點(diǎn)擊“取消”按鈕不做任何操作,只是關(guān)閉當(dāng)前彈出的對(duì)話框,所以這里不做點(diǎn)擊后回調(diào),當(dāng)然,點(diǎn)擊“確定”后執(zhí)行相關(guān)操作后也要關(guān)閉當(dāng)前dialog。
4.使用
RoundCornerDialog roundCornerDialog=new RoundCornerDialog(mContext);
//設(shè)置標(biāo)題,描述,文本等參數(shù)
roundCornerDialog.setTitle("溫馨提示");
roundCornerDialog.setMessage("退出當(dāng)前登錄后將要重新登錄!");
roundCornerDialog.setConfirmText("確認(rèn)退出");
//確定按鈕的點(diǎn)擊回調(diào)方法
roundCornerDialog.setConfirmListener(new roundCornerDialog.ConfirmListener() {
@Override
public void onConfirmClick() {
Intent intent = new Intent(mContext, LoginActivity.class);
startActivity(intent);
UIUtil.toast("退出成功,請(qǐng)重新登錄");
getActivity().finish();
}
});
//顯示對(duì)話框
roundCornerDialog.show();
總結(jié):本文通過(guò)自定義Dialog+CardView的方式實(shí)現(xiàn)了通用的圓角對(duì)話框效果,使用也相對(duì)簡(jiǎn)單,測(cè)試中發(fā)現(xiàn)在Android5.0以下設(shè)置標(biāo)題欄背景色時(shí),標(biāo)題欄不會(huì)跟隨CardView的圓角。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android自定義Dialog的2種常見(jiàn)方法
- Android自定義Dialog框樣式
- Android自定義Dialog原理實(shí)例解析
- Android 自定義加載動(dòng)畫Dialog彈窗效果的示例代碼
- Android自定義底部彈出框ButtomDialog
- android自定義Dialog彈框和背景陰影顯示效果
- Android自定義dialog 自下往上彈出的實(shí)例代碼
- Android 自定義Dialog去除title導(dǎo)航欄的解決方法
- Android自定義Dialog實(shí)現(xiàn)加載對(duì)話框效果
- Android編程自定義AlertDialog樣式的方法詳解
- 解決Android中自定義DialogFragment解決寬度和高度問(wèn)題
- Android 自定義 Dialog 實(shí)現(xiàn)列表 單選,多選,搜索功能
相關(guān)文章
Android使用ViewPager實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了Android使用ViewPager實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁(yè)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04
Android編程實(shí)現(xiàn)創(chuàng)建,刪除,判斷快捷方式的方法
這篇文章主要介紹了Android編程實(shí)現(xiàn)創(chuàng)建,刪除,判斷快捷方式的方法,結(jié)合實(shí)例形式分析了Android編程針對(duì)快捷方式的常用操作技巧,需要的朋友可以參考下2017-02-02
android實(shí)用工具類分享(獲取內(nèi)存/檢查網(wǎng)絡(luò)/屏幕高度/手機(jī)分辨率)
解決EditText不顯示光標(biāo)的三種方法(總結(jié))
Android自定義View繪制的方法及過(guò)程(二)
Android廣播實(shí)現(xiàn)App開(kāi)機(jī)自啟動(dòng)
Android 全局Dialog的簡(jiǎn)單實(shí)現(xiàn)方法

