Dialog 筆記

  • AlertDialog 實(shí)現(xiàn)
  • 從屏幕底部彈出對(duì)話框
  • 自定義效果
  • Activity 仿 Dialog 效果

部分參考 android 底部彈出提示框的實(shí)現(xiàn)方式

基礎(chǔ)方法

構(gòu)造方法
很好幾個(gè)，要特別說的是這里的第二個(gè)，可以加載一個(gè) style ，
是實(shí)現(xiàn) dialog 寬度全屏的關(guān)鍵

Dialog(@NonNull Context context)
Dialog(@NonNull Context context, @StyleRes int themeResId)

設(shè)置寬高：
也可以直接使用數(shù)值

Window window = dialog.getWindow();
WindowManager.LayoutParams params = window.getAttributes();
params.width = WindowManager.LayoutParams.MATCH_PARENT;
params.height = WindowManager.LayoutParams.WRAP_CONTENT;
window.setAttributes(params);//設(shè)置 dialog 的寬高

設(shè)置動(dòng)畫
style 文件，下面會(huì)介紹
window.setWindowAnimations(R.style.dialog_anim);//設(shè)置動(dòng)畫效果

其他的方法

setTitle(@Nullable CharSequence title) //使用默認(rèn)的標(biāo)題
setCustomTitle(@Nullable View customTitleView) //傳入一個(gè)布局，自定義樣式
setIcon(@Nullable Drawable icon) //使用圖標(biāo)做標(biāo)題
setMessage(@Nullable CharSequence message) // 在標(biāo)題下按鈕上的說明文字
setPositiveButton(CharSequence text, final OnClickListener listener) // 常用于"確定"按鈕
setNegativeButton(CharSequence text, final OnClickListener listener) //常用于"取消"按鈕
setCancelable(boolean cancelable) // 設(shè)置點(diǎn)擊框外是否可以關(guān)閉，默認(rèn)為可以
setItems(CharSequence[] items, final OnClickListener listener) //用這個(gè)實(shí)現(xiàn)簡單的列表
setView(View view) //實(shí)現(xiàn)自定義的一個(gè)布局

監(jiān)聽事件


setOnCancelListener(OnCancelListener onCancelListener) 
setOnDismissListener(OnDismissListener onDismissListener)
setOnKeyListener(OnKeyListener onKeyListener)

AlertDialog 基礎(chǔ)實(shí)現(xiàn)

一個(gè)不怎么標(biāo)準(zhǔn)的例子：
因?yàn)槔又惺窃?Fragment 中，通過 LayoutInflater 獲取布局。
調(diào)用這個(gè) openDialog() 方法即彈出對(duì)話框。

private void openDialog() {
    LinearLayout linearLayout = (LinearLayout) LayoutInflater.from(getContext()).inflate(R.layout.change_password_dialog, null);
    final EditText originPasswordEt = (EditText) linearLayout.findViewById(R.id.origin_password);
    TextView forgetPassword = (TextView) linearLayout.findViewById(R.id.forget_password);
    final AlertDialog dialog = new AlertDialog.Builder(getContext())
        .setTitle("輸入密碼")
        .setView(linearLayout)
        .setPositiveButton("確定", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                String originPassword = originPasswordEt.getText().toString().trim();
                //傳到后臺(tái)
            }
        })
        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                dialog.dismiss();
            }
        })
        .create();

    dialog.show();
    forgetPassword.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            showToast("忘記密碼");
            dialog.dismiss();
        }
    });
}

布局文件：


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <LinearLayout android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_marginStart="24dp"
                  android:orientation="horizontal">

        <TextView android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="@string/origin_password"
                  android:textColor="@color/black_primary_dark"
                  android:textSize="16sp"/>

        <EditText android:id="@+id/origin_password"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_marginEnd="16dp"
                  android:layout_marginStart="32dp"
                  android:hint="@string/origin_password_hint"
                  android:inputType="textPassword"
                  android:lines="1"/>
    </LinearLayout>

    <TextView android:id="@+id/forget_password" android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_marginBottom="8dp"
              android:layout_marginStart="24dp"
              android:layout_marginTop="16dp"
              android:text="@string/forget_password"
              android:textColor="@color/small_text_color"
              android:textSize="16sp"/>

</LinearLayout>

出現(xiàn)的位置，與相應(yīng)動(dòng)畫

彈出框出現(xiàn)在屏幕下方

Window window = dialog.getWindow();
window.setGravity(Gravity.BOTTOM);  //設(shè)置框的位置

彈出框會(huì)出現(xiàn)在屏幕下方，但屏幕的左右和下方都有一個(gè)小的空隙

圖片源自[android 底部彈出提示框的實(shí)現(xiàn)方式](http://blog.csdn.net/wning1/article/details/51811513)

要使彈出框布不留有間隙，只改變布局的 layout_width 是不夠的，這個(gè)是主題 style 導(dǎo)致的
新建一個(gè) style：

<style name="Dialog_Full">
     <item name="android:windowFullscreen">true</item>
     <!-- 背景透明 -->
     <item name="android:windowBackground">@android:color/transparent</item>
     <!-- activity變暗 -->
     <item name="android:backgroundDimEnabled">true</item>
        
</style>

并讓 dialog 引用這個(gè) style

//在構(gòu)造函數(shù)中引用 style
AlertDialog dialog = new AlertDialog.Builder(getContext(),R.style.Dialog_Full).create();
Window window = dialog.getWindow();
window.setGravity(Gravity.BOTTOM);

//設(shè)置橫向滿屏，縱向自適應(yīng)，沒有這里彈出框會(huì)完全布滿屏幕
window.setLayout(WindowManager.LayoutParams.MATCH_PARENT,
                 WindowManager.LayoutParams.WRAP_CONTENT);

彈出的動(dòng)畫和縮回的動(dòng)畫：

//pop_in.xml
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="@android:integer/config_shortAnimTime"
        android:fromYDelta="100%p"
        android:toYDelta="0" />
    <alpha
        android:duration="@android:integer/config_shortAnimTime"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

//pop_out.xml
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="0"
        android:toYDelta="100%p" />
</set>

還有一個(gè) style：

<style name="dialog_anim" parent="android:Animation">
        <item name="android:windowEnterAnimation">@anim/pop_in</item>
        <item name="android:windowExitAnimation">@anim/pop_out</item>
    </style>

設(shè)置引用這個(gè) style：

Window window = dialog.getWindow();
window.setGravity(Gravity.BOTTOM);
window.setWindowAnimations(R.style.dialog_anim);//動(dòng)畫效果
window.setLayout(WindowManager.LayoutParams.MATCH_PARENT,
                 WindowManager.LayoutParams.WRAP_CONTENT);
dialog.show();//show 必須在 set 后面

效果圖就不上了..

自定義效果

將這個(gè)控件封裝好利于復(fù)用，并且可以自定義不同數(shù)目的 item 而不需要重寫布局。
依然是參考 android 底部彈出提示框的實(shí)現(xiàn)方式，添加了一些改動(dòng)

  • 支持放任意多個(gè) Item，但只有文字內(nèi)容
  • 選擇是否左右無間隙
  • 選擇是否有“取消”按鈕
  • 選擇是否可以點(diǎn)擊外部關(guān)閉
  • 文字居中或者靠左

核心代碼：



public static Dialog showItemSelectDialog() {
    final Dialog dialog;

    if (isFull){
        dialog = new Dialog(context,R.style.Dialog_Full);//傳入布局改變主題
    }else {
        dialog = new Dialog(context);
    }

    View rootView = LayoutInflater.from(context).inflate(R.layout.layout_choice,null);
    LinearLayout contentsView = (LinearLayout) rootView.findViewById(R.id.dialog_content);
    //逐個(gè)添加 TextView
    for(int i = 0;i < contents.length;i++){
        View centerView = LayoutInflater.from(context).inflate(R.layout.dialog_center_item,null);
        TextView centerText = (TextView)  centerView.findViewById(R.id.dialog_center_item);
        final int finali = i;
        centerText.setText(contents[finali]);
        centerText.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                dialog.dismiss();
                if (listener != null){
                    listener.getSelectedItem(contents[finali]);
                }
            }
        });
        if (isTextCenter){
            centerText.setGravity(Gravity.CENTER);//水平和垂直居中
        }else{
            centerText.setPadding(20,0,0,0);
            centerText.setGravity(Gravity.CENTER_VERTICAL);//垂直居中
        }
        contentsView.addView(centerView);
    }
    Button CancleBtn = (Button) rootView.findViewById(R.id.dialog_cancel);

    if (isBtnCancle){
        CancleBtn.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
    }else {
        CancleBtn.setVisibility(View.GONE);
    }

    dialog.setContentView(rootView);

    if (isCancelable){
        dialog.setCancelable(true);
        dialog.setCanceledOnTouchOutside(true);
    }else {
        dialog.setCancelable(false);
        dialog.setCanceledOnTouchOutside(false);
    }

    Window window = dialog.getWindow();
    WindowManager.LayoutParams params = window.getAttributes();

    if (!(isCenter)){
        params.gravity = Gravity.BOTTOM;
    }
    params.width = WindowManager.LayoutParams.MATCH_PARENT;
    params.height = WindowManager.LayoutParams.WRAP_CONTENT;
    window.setAttributes(params);//設(shè)置 dialog 的寬高

    window.setWindowAnimations(R.style.dialog_anim);//設(shè)置動(dòng)畫效果

    dialog.show();

    return dialog;
}

只是很粗糙的實(shí)現(xiàn)，很多可以改進(jìn)的地方。
但如果再繼續(xù)折騰下去可能不還如直接用 popupwidow。

用 Activity 實(shí)現(xiàn)類似 Dialog 的效果

參考 Android中使用Dialog風(fēng)格彈出框的Activity
在 style 新建：

<style name="dialogstyle">  
    <!--設(shè)置dialog的背景-->  
    <item name="android:windowBackground">@android:color/transparent</item>  
    <!--設(shè)置Dialog的windowFrame框?yàn)闊o-->  
    <item name="android:windowFrame">@null</item>  
    <!--設(shè)置無標(biāo)題-->  
    <item name="android:windowNoTitle">true</item>  
    <!--是否浮現(xiàn)在activity之上-->  
    <item name="android:windowIsFloating">true</item>  
    <!--是否半透明-->  
    <item name="android:windowIsTranslucent">true</item>  
    <!--設(shè)置窗口內(nèi)容不覆蓋-->  
    <item name="android:windowContentOverlay">@null</item>  
    <!--設(shè)置動(dòng)畫，在這里使用讓它繼承系統(tǒng)的Animation.Dialog-->  
    <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>  
    <!--背景是否模糊顯示-->  
    <item name="android:backgroundDimEnabled">true</item>  
</style>

然后在 AndroidManifest.xml 中設(shè)置 DialogActivity 的 theme

來自 [Android 中使用 Dialog 風(fēng)格彈出框的 Activity](http://blog.csdn.net/qq_20785431/article/details/50195977)
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容