Android實(shí)現(xiàn)自定義圓角對話框Dialog的示例代碼
前言:
項(xiàng)目中多處用到對話框,用系統(tǒng)對話框太難看,就自己寫一個自定義對話框。
對話框包括:1、圓角
2、app圖標(biāo) , 提示文本,關(guān)閉對話框的"確定"按鈕
難點(diǎn):1、對話框邊框圓角顯示
2、考慮到提示文本字?jǐn)?shù)不確定,在不影響美觀的情況下,需要在一行內(nèi)顯示提示的文字信息
3、設(shè)置對話框的寬和高
技術(shù)儲備:
1、安卓開發(fā)_使用AlertDialog實(shí)現(xiàn)對話框 知道AlertDialog有setView(view) ,Dialog 有ContentView(view) 方法。
2、Android項(xiàng)目實(shí)戰(zhàn)(五):TextView自適應(yīng)大小 一行內(nèi)顯示文本信息,當(dāng)文本字?jǐn)?shù)少的時候 ,文字大小大,當(dāng)文本字?jǐn)?shù)多的時候,文字大小小?! ?/p>
1、布局
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" xmlns:autofit="http://schemas.android.com/apk/res-auto" android:layout_height="wrap_content" android:background="@drawable/dialog_corner_bg" android:paddingBottom="@dimen/dp_16" > <ImageView android:id="@+id/dialog_img" android:layout_width="30dp" android:layout_height="30dp" android:src="@mipmap/icon1" android:layout_marginTop="@dimen/dp_12" android:layout_centerHorizontal="true" /> <me.grantland.widget.AutofitTextView android:id="@+id/dialog_txt_content" android:layout_width="match_parent" android:layout_height="wrap_content" android:singleLine="true" android:maxLines="1" android:textSize="14sp" autofit:minTextSize="10sp" android:text="下載失敗,請重試" android:gravity="center" android:layout_margin="@dimen/dp_6" android:layout_centerInParent="true" /> <TextView android:id="@+id/dialog_btn_comfirm" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="確定" android:gravity="center" android:background="@drawable/bg_btn_blue_big" android:textColor="@color/white" android:paddingTop="@dimen/dp_6" android:paddingBottom="@dimen/dp_6" android:paddingLeft="@dimen/dp_30" android:paddingRight="@dimen/dp_30" android:layout_centerHorizontal="true" android:layout_alignParentBottom="true" /> </RelativeLayout>
其中根容器用到
android:background="@drawable/dialog_corner_bg"
這是shape來設(shè)置 邊緣圓角
<?xml version="1.0" encoding="utf-8"?> <!-- 用于設(shè)置信息對話框的圓角 --> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="@dimen/dp_12"></corners> <solid android:color="@color/white"></solid> </shape>
2、從上面可以看到設(shè)置對話框的圓角只需要一個 drawable文件,shape設(shè)置 corners屬性即可。
也許大家從別的文章發(fā)現(xiàn), 有的人用圓角背景圖片來實(shí)現(xiàn)對話框圓角,有的人用style來實(shí)現(xiàn)對話框圓角。
經(jīng)過我1個多小時的折騰,發(fā)現(xiàn)這些方法都不可靠,其實(shí)很簡單,以上方法用的是AlertDialog , 但是我們這里用的Dialog類,一個shape 足矣。
因?yàn)轫?xiàng)目中必定多出用到對話框,所以我寫一個靜態(tài)方法,傳上下文參數(shù) 和 提示文本的內(nèi)容即可 :
public static void showEditDialog(Context context , String message) {}
1、初始化對話框相關(guān)操作:
View view = LayoutInflater.from(context).inflate(R.layout.dialog_message, null); TextView confirm; //確定按鈕 final TextView content; //內(nèi)容 confirm = (TextView) view.findViewById(R.id.dialog_btn_comfirm); content = (TextView) view.findViewById(R.id.dialog_txt_content); content.setText(message); final Dialog dialog = new Dialog(context); dialog.setContentView(view); dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent); //設(shè)置對話框背景透明 ,對于AlertDialog 就不管用了
2、設(shè)置"確定"按鈕的點(diǎn)擊事件
confirm.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { dialog.dismiss(); } });
3、顯示對話框
dialog.show();
4、設(shè)置對話框的寬度和高度
DisplayMetrics dm = context.getResources().getDisplayMetrics(); int displayWidth = dm.widthPixels; int displayHeight = dm.heightPixels; android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //獲取對話框當(dāng)前的參數(shù)值 p.width = (int) (displayWidth * 0.55); //寬度設(shè)置為屏幕的0.55 p.height = (int) (displayHeight * 0.28); //高度設(shè)置為屏幕的0.28 dialog.setCanceledOnTouchOutside(false);// 設(shè)置點(diǎn)擊屏幕Dialog不消失 dialog.getWindow().setAttributes(p); //設(shè)置生效
注意:這里就是用屏幕的寬高比例來設(shè)置對話框的寬高比例。
還有一個做法:
AlertDialog dialog = builder.create(); dialog.setView(view); dialog.show(); WindowManager m = getWindowManager(); //這里會發(fā)現(xiàn)不在activity中的話 就沒法調(diào)用getWindowManager()方法,所以此方法不能使用 Display d = m.getDefaultDisplay(); //為獲取屏幕寬、高 android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //獲取對話框當(dāng)前的參數(shù)值 p.height = (int) (d.getHeight() * 0.3); //高度設(shè)置為屏幕的0.3 p.width = (int) (d.getWidth() * 0.5); //寬度設(shè)置為屏幕的0.5 dialog.getWindow().setAttributes(p); //設(shè)置生效
附提示文本多的時候的對話框界面:
完整代碼:
/*----------------------------dialog---------------------------------*/ public static void showEditDialog(Context context , String message) { View view = LayoutInflater.from(context).inflate(R.layout.dialog_message, null); TextView confirm; //確定按鈕 final TextView content; //內(nèi)容 confirm = (TextView) view.findViewById(R.id.dialog_btn_comfirm); content = (TextView) view.findViewById(R.id.dialog_txt_content); content.setText(message); final Dialog dialog = new Dialog(context); dialog.setContentView(view); dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent); confirm.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { dialog.dismiss(); } }); dialog.show(); DisplayMetrics dm = context.getResources().getDisplayMetrics(); int displayWidth = dm.widthPixels; int displayHeight = dm.heightPixels; android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //獲取對話框當(dāng)前的參數(shù)值 p.width = (int) (displayWidth * 0.55); //寬度設(shè)置為屏幕的0.5 p.height = (int) (displayHeight * 0.28); //寬度設(shè)置為屏幕的0.5 dialog.setCanceledOnTouchOutside(false);// 設(shè)置點(diǎn)擊屏幕Dialog不消失 dialog.getWindow().setAttributes(p); //設(shè)置生效 }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android中自定義對話框(Dialog)的實(shí)例代碼
- 實(shí)例詳解Android自定義ProgressDialog進(jìn)度條對話框的實(shí)現(xiàn)
- Android自定義對話框Dialog的簡單實(shí)現(xiàn)
- Android自定義Dialog實(shí)現(xiàn)加載對話框效果
- Android 自定義ProgressDialog進(jìn)度條對話框用法詳解
- Android使用setCustomTitle()方法自定義對話框標(biāo)題
- Android UI設(shè)計(jì)系列之自定義Dialog實(shí)現(xiàn)各種風(fēng)格的對話框效果(7)
- 屬于自己的Android對話框(Dialog)自定義集合
- Android中制作自定義dialog對話框的實(shí)例分享
- android自定義帶箭頭對話框
相關(guān)文章
強(qiáng)制Android應(yīng)用使用某個Locale的方法
這篇文章主要介紹了強(qiáng)制Android應(yīng)用使用某個Locale的方法,涉及Android基于Locale進(jìn)行語言設(shè)置的相關(guān)技巧,需要的朋友可以參考下2015-10-10Android布局之絕對布局AbsoluteLayout詳解
這篇文章主要為大家詳細(xì)介紹了Android布局之絕對布局AbsoluteLayout的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10Android Fragment動態(tài)創(chuàng)建詳解及示例代碼
這篇文章主要介紹了Android Fragment動態(tài)創(chuàng)建詳解的相關(guān)資料,并附實(shí)例代碼及實(shí)現(xiàn)效果圖,需要的朋友可以參考下2016-11-11Android開發(fā)中ProgressDialog簡單用法示例
這篇文章主要介紹了Android開發(fā)中ProgressDialog簡單用法,結(jié)合實(shí)例形式分析了Android使用ProgressDialog的進(jìn)度條顯示與關(guān)閉、更新等事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-10-10Android音頻編輯之音頻轉(zhuǎn)換PCM與WAV
這篇文章主要為大家詳細(xì)介紹了Android音頻編輯之音頻轉(zhuǎn)換PCM與WAV,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-01-01android studio開發(fā)實(shí)現(xiàn)APP開機(jī)自啟動
這篇文章主要為大家詳細(xì)介紹了android studio開發(fā)實(shí)現(xiàn)APP開機(jī)自啟動,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-05-05android實(shí)現(xiàn)上下滾動的TextView
android實(shí)現(xiàn)上下滾動的TextView,需要的朋友可以參考一下2013-05-05