Android項目實戰（三十二）：圓角對話框Dialog

前言：

　　項目中多處用到對話框，用系統對話框太難看，就本身寫一個自定義對話框。

　　   

　　對話框包括：一、圓角

　　　　　　　　二、app圖標 ， 提示文本，關閉對話框的"肯定"按鈕

　　難點：一、對話框邊框圓角顯示

　　　　　二、考慮到提示文本字數不肯定，在不影響美觀的狀況下，須要在一行內顯示提示的文字信息

　　　　   三、設置對話框的寬和高

　　技術儲備：

　　　　　一、安卓開發_使用AlertDialog實現對話框    知道AlertDialog有setView(view) ,Dialog 有ContentView(view) 方法。

　　　　　二、Android項目實戰（五）：TextView自適應大小   一行內顯示文本信息，當文本字數少的時候 ，文字大小大，當文本字數多的時候，文字大小小。　　　

 　　　　

--------------------------------------------------------------------------------------------------------------------

一、佈局

<?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>

dialog_message.xml

其中根容器用到  

   android:background="@drawable/dialog_corner_bg"

 

這是shape來設置 邊緣圓角

<?xml version="1.0" encoding="utf-8"?>
<!-- 用於設置信息對話框的圓角 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="@dimen/dp_12"></corners>
    <solid android:color="@color/white"></solid>
</shape>

 

二、從上面能夠看到設置對話框的圓角只須要一個 drawable文件，shape設置 corners屬性便可。

　 也許你們從別的文章發現， 有的人用圓角背景圖片來實現對話框圓角，有的人用style來實現對話框圓角。

　 通過我1個多小時的折騰，發現這些方法都不可靠，其實很簡單，以上方法用的是AlertDialog ， 可是咱們這裏用的Dialog類，一個shape 足矣。

 

　　由於項目中一定多出用到對話框，因此我寫一個靜態方法，傳上下文參數 和 提示文本的內容便可 ：

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

　　

　　一、初始化對話框相關操做：

　　　　 View view = LayoutInflater.from(context).inflate(R.layout.dialog_message, null);
        TextView confirm;    //肯定按鈕
        final TextView content;    //內容
        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); //設置對話框背景透明 ，對於AlertDialog 就無論用了

　　

　　二、設置"肯定"按鈕的點擊事件

　　　　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();  //獲取對話框當前的參數值
        p.width = (int) (displayWidth * 0.55);    //寬度設置爲屏幕的0.55
        p.height = (int) (displayHeight * 0.28);    //高度設置爲屏幕的0.28
        dialog.setCanceledOnTouchOutside(false);// 設置點擊屏幕Dialog不消失
        dialog.getWindow().setAttributes(p);     //設置生效

　　注意：這裏就是用屏幕的寬高比例來設置對話框的寬高比例。

　　還有一個作法：

AlertDialog dialog = builder.create();  
dialog.setView(view);  
dialog.show();  
WindowManager m = getWindowManager();    //這裏會發現不在activity中的話 就無法調用getWindowManager()方法，因此此方法不能使用
Display d = m.getDefaultDisplay();  //爲獲取屏幕寬、高     
android.view.WindowManager.LayoutParams p = dialog.getWindow().getAttributes();  //獲取對話框當前的參數值     
p.height = (int) (d.getHeight() * 0.3);   //高度設置爲屏幕的0.3   
p.width = (int) (d.getWidth() * 0.5);    //寬度設置爲屏幕的0.5    
dialog.getWindow().setAttributes(p);     //設置生效  

附提示文本多的時候的對話框界面：

 

 完整代碼：

　

  /*----------------------------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;    //內容
        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();  //獲取對話框當前的參數值
        p.width = (int) (displayWidth * 0.55);    //寬度設置爲屏幕的0.5
        p.height = (int) (displayHeight * 0.28);    //寬度設置爲屏幕的0.5
        dialog.setCanceledOnTouchOutside(false);// 設置點擊屏幕Dialog不消失
        dialog.getWindow().setAttributes(p);     //設置生效

    }

 

 

--------------------------------------------------------------------------------------------------------

本人目前單挑兩個APP，負責leancloud雲端開發，同窗們可關注我這個小程序員，有問題互相幫忙解決。