Android實(shí)現(xiàn)自定義圓角對(duì)話框Dialog的示例代碼

更新時(shí)間：2017年03月03日 09:17:35 作者：聽著music睡

項(xiàng)目中多處用到對(duì)話框，本篇文章主要介紹了Android實(shí)現(xiàn)圓角對(duì)話框Dialog的示例代碼，有興趣的可以了解一下。

前言：

項(xiàng)目中多處用到對(duì)話框，用系統(tǒng)對(duì)話框太難看，就自己寫一個(gè)自定義對(duì)話框。

對(duì)話框包括：1、圓角

　　　　　　2、app圖標(biāo) ，提示文本，關(guān)閉對(duì)話框的"確定"按鈕

難點(diǎn)：1、對(duì)話框邊框圓角顯示

　　　2、考慮到提示文本字?jǐn)?shù)不確定，在不影響美觀的情況下，需要在一行內(nèi)顯示提示的文字信息

　　　3、設(shè)置對(duì)話框的寬和高

技術(shù)儲(chǔ)備：

1、安卓開發(fā)_使用AlertDialog實(shí)現(xiàn)對(duì)話框知道AlertDialog有setView(view) ,Dialog 有ContentView(view) 方法。

2、Android項(xiàng)目實(shí)戰(zhàn)（五）：TextView自適應(yīng)大小一行內(nèi)顯示文本信息，當(dāng)文本字?jǐn)?shù)少的時(shí)候，文字大小大，當(dāng)文本字?jǐn)?shù)多的時(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="下載失敗，請(qǐng)重試"
  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è)置信息對(duì)話框的圓角 -->
<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è)置對(duì)話框的圓角只需要一個(gè) drawable文件，shape設(shè)置 corners屬性即可。

也許大家從別的文章發(fā)現(xiàn)，有的人用圓角背景圖片來實(shí)現(xiàn)對(duì)話框圓角，有的人用style來實(shí)現(xiàn)對(duì)話框圓角。

經(jīng)過我1個(gè)多小時(shí)的折騰，發(fā)現(xiàn)這些方法都不可靠，其實(shí)很簡(jiǎn)單，以上方法用的是AlertDialog ，但是我們這里用的Dialog類，一個(gè)shape 足矣。

因?yàn)轫?xiàng)目中必定多出用到對(duì)話框，所以我寫一個(gè)靜態(tài)方法，傳上下文參數(shù) 和提示文本的內(nèi)容即可：

public static void showEditDialog(Context context , String message) {}

1、初始化對(duì)話框相關(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è)置對(duì)話框背景透明 ，對(duì)于AlertDialog 就不管用了

2、設(shè)置"確定"按鈕的點(diǎn)擊事件

　  confirm.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    dialog.dismiss();
   }
  });

3、顯示對(duì)話框

dialog.show();

4、設(shè)置對(duì)話框的寬度和高度

　　 DisplayMetrics dm = context.getResources().getDisplayMetrics();
  int displayWidth = dm.widthPixels;
  int displayHeight = dm.heightPixels;
  android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //獲取對(duì)話框當(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è)置對(duì)話框的寬高比例。

還有一個(gè)做法：

AlertDialog dialog = builder.create(); 
dialog.setView(view); 
dialog.show(); 
WindowManager m = getWindowManager(); //這里會(huì)發(fā)現(xiàn)不在activity中的話 就沒法調(diào)用getWindowManager()方法，所以此方法不能使用
Display d = m.getDefaultDisplay(); //為獲取屏幕寬、高  
android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes(); //獲取對(duì)話框當(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è)置生效

附提示文本多的時(shí)候的對(duì)話框界面：

完整代碼：

 /*----------------------------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(); //獲取對(duì)話框當(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è)置生效

 }

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: