Android自定義Dialog的2種常見方法

更新時(shí)間：2022年05月26日 15:49:41 作者：? Roshover? ?

這篇文章主要分享了Android自定義Dialog的2種常見方法，大多數(shù)中，使用系統(tǒng)內(nèi)置的dialog并不能滿足UE的設(shè)計(jì)需要，關(guān)于兩種方法下面文章將詳細(xì)介紹，需要的小伙伴可以參考一下

前言

大多數(shù)中，使用系統(tǒng)內(nèi)置的dialog并不能滿足UE的設(shè)計(jì)需要

方式一：繼承DialogFragment，也是官方推薦的方式

通常我們只需要關(guān)注三個(gè)回調(diào)方法：

onCreateDialog：創(chuàng)建一個(gè)dialog外殼
onCreateView：給dialog外殼填充自己想要的樣式布局
onViewCreated：這里面給布局的view進(jìn)行初始化操作，可以設(shè)置一些監(jiān)聽器等等

事例

自定義布局文件：隨便寫一個(gè)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/threat_call_rootView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/dialog_white_big_corner_roundrect_bg">

    <LinearLayout
        android:id="@+id/threat_call_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/dialog_white_big_corner_roundrect_bg"
        android:orientation="vertical"
        android:paddingLeft="32dp"
        android:paddingTop="48dp"
        android:paddingRight="32dp"
        android:paddingBottom="48dp">

        <TextView
            android:id="@+id/threat_call_number"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="標(biāo)題"
            android:textColor="@color/black"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/threat_call_desc"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:lineSpacingExtra="3sp"
            android:text="正文"
            android:textColor="@color/black"
            android:textSize="14sp" />

        <EditText
            android:id="@+id/threat_call_edittext"
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:layout_marginTop="16dp"
            android:width="100dp"
            
            android:background="@drawable/sip_threat_call_dialog_edittext_stroke"http://給editText加個(gè)外邊框
            android:hint="  (optional)"
            android:lineSpacingExtra="3sp"
            android:maxLength="255"
            android:minLines="1"
            android:paddingLeft="5dp"http://這個(gè)屬性的一個(gè)妙用可以改變光標(biāo)的起始位置，不然光標(biāo)有可能看不到
            android:text=""
            android:textCursorDrawable="@null"
            android:textSize="14sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <Button
            android:id="@+id/threat_call_block_btn"
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:layout_marginTop="16dp"
            android:background="@drawable/sip_threat_call_dialog_btn_bg"
            android:gravity="center"
            android:text="BLOCK"
            android:textStyle="bold" />

        <Button
            android:id="@+id/threat_call_cancel_btn"
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:layout_marginTop="1dp"
            android:background="@drawable/sip_threat_call_dialog_btn_bg"
            android:gravity="center"
            android:text="CANCEL"
            android:textStyle="bold" />
    </LinearLayout>

</RelativeLayout>

selfFragment類：

package com.example.hellojni;
import android.animation.ObjectAnimator;
import android.annotation.SuppressLint;
import android.app.Dialog;
import android.content.Context;
import android.content.DialogInterface;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.view.inputmethod.InputMethodManager;
import android.widget.EditText;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.DialogFragment;

public class selfDialogFragment extends DialogFragment {
    View container;
    @NonNull
    @Override
    public Dialog onCreateDialog(@Nullable Bundle savedInstanceState) {
        return new Dialog(getContext(),R.style.bottom_dialog);
//        return super.onCreateDialog(savedInstanceState);//不采用系統(tǒng)默認(rèn)的dialog樣式，自定義dialog主題
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        Window window = getDialog().getWindow();
        window.setLayout(WindowManager.LayoutParams.MATCH_PARENT,WindowManager.LayoutParams.WRAP_CONTENT);
        window.setGravity(Gravity.CENTER);//設(shè)置dialog位置處于中央
        if(!iPaid(getContext())){
               window.getDecorView().setMinimumWidth(getResources().getDisplayMetrics().widthPixels);//這個(gè)設(shè)置的目的是為了讓dialog橫向?qū)挾仁浅錆M屏幕的
         }       
//        window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);//本來想解決dialog打開軟鍵盤后，彈窗跟著往上走的效果，效果確實(shí)有，不過依然沒有解決我的問題，下面會(huì)詳解。
        return inflater.inflate(R.layout.dialog_block_reason,container,false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        View dialogViewContent = view.findViewById(R.id.block_number_container);
        EditText editText = view.findViewById(R.id.optional_block_number);
        container = view.findViewById(R.id.block_number_container);
        editText.requestFocus();
        InputMethodManager imm = (InputMethodManager) getActivity().getSystemService(Context.INPUT_METHOD_SERVICE);

        dialogViewContent.setOnTouchListener(new View.OnTouchListener() {
            @SuppressLint("ClickableViewAccessibility")
            @Override
            public boolean onTouch(View v, MotionEvent event) {
            //強(qiáng)制收起軟件盤的方式：
                InputMethodManager imm = (InputMethodManager) getActivity().getSystemService(Context.INPUT_METHOD_SERVICE);
                imm.hideSoftInputFromWindow(editText.getWindowToken(),0);
                return false;
            }
        });
        view.findViewById(R.id.cancel_btn).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                dismissAllowingStateLoss();
                hideSoftInputAndDissmissDialog();
                
            }
        });
        
    private void hideSoftInputAndDissmissDialog() {
        dismissAllowingStateLoss();
        if (getActivity() != null) {//為了解決dialog彈出軟鍵盤退出界面后軟鍵盤依然存在的問題
            getActivity().getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);
        }
    }
    
    @Override
    public void onStart() {
        super.onStart();

    }
    //判斷是否為Pad的方法，通過計(jì)算屏幕對角線長度
    private boolean isPad(Context context) {
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        Display display = wm.getDefaultDisplay();
        DisplayMetrics dm = new DisplayMetrics();
        display.getMetrics(dm);
        double x = Math.pow(dm.widthPixels / dm.xdpi, 2);
        double y = Math.pow(dm.heightPixels / dm.ydpi, 2);
        double screenInches = Math.sqrt(x + y); // 屏幕尺寸
        return screenInches >= 7.0;
    }
}

坑點(diǎn)講解

當(dāng)dialog有editText的時(shí)候，如果你的dialog主題中的

<item name="android:windowIsFloating">false</item> 指定為false的話，即便加上了 window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);也不行效果如下：可以清楚的看到，軟鍵盤還是擋住了兩個(gè)按鈕

android:windowIsFloating設(shè)為true時(shí)，效果如下：

不過中間多出來的那塊我也不知道受什么因素影響的，目前這個(gè)樣式還能湊活用吧

默認(rèn)的dialog并非是橫向充滿屏幕的

我這邊用了使用了window.getDecorView().setMinimumWidth(getResources().getDisplayMetrics().widthPixels); 生效了，有的博客說是使用 window.getDecorView().setPadding(0,0,0,0)或者主題中有個(gè)屬性android:windowFullscree,不過這兩個(gè)我試過都貌似都沒有什么效果

當(dāng)打開軟鍵盤，然后點(diǎn)擊空白處的時(shí)候，dialog消失，但是軟鍵盤卻還是打開著。

這個(gè)點(diǎn)我使用了getActivity().getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);解決了，這句話等同于在展示dialog的activity中androidMenifests文件中設(shè)置 andorid:windowSoftInputMode = stateAlwaysHidden,而僅僅設(shè)置成stateHidden是不夠的，具體這兩個(gè)參數(shù)的詳細(xì)區(qū)別，官方文檔說的也很含糊，反正我沒讀懂。

我比較認(rèn)同這篇文章的看法： Android 進(jìn)入Activity時(shí)如何禁止彈出軟鍵盤輸入法

默認(rèn)的dialog出場以及退場動(dòng)畫是采用了縮放以及透明度，可以在主題中自定義出場動(dòng)畫

enter動(dòng)畫：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromYDelta="100%p"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:toYDelta="50%p"
android:duration="200">
</translate>

exit動(dòng)畫：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false" >
    <scale android:fromXScale="1.0" android:toXScale="0.9"
        android:fromYScale="1.0" android:toYScale="0.9"
        android:pivotX="50%" android:pivotY="50%"
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="150" />
    <alpha android:fromAlpha="1.0" android:toAlpha="0.0"
        android:interpolator="@android:anim/decelerate_interpolator"
        android:duration="150"/>
</set>

方式二：直接繼承Dialog類或者AppCompatDialog類

通常只需要關(guān)注onCreate方法，在該方法中，一般需要做如下幾個(gè)事情：

通過setContentView將自定義的布局填充到dialog中去
初始化布局中的子view，并設(shè)置監(jiān)聽器，事件響應(yīng)等
初始化window相關(guān)的屬性，比如設(shè)置window的寬度和高度，以及window所顯示的位置等等

在構(gòu)造函數(shù)中設(shè)置想要的主題：這里提供兩種比較常用的主題

<!--對話框會(huì)在屏幕中間顯示-->
<style name="dialog_theme_center_dispay" parent="@android:style/Theme.Dialog">
    <item name="android:windowFrame">@null</item><!-- 設(shè)置dialog空白背景-->
    <item name="android:windowIsFloating">true</item> <!-- dialog是否懸浮，當(dāng)有軟鍵盤的時(shí)候會(huì)被頂上去-->
    <item name="android:windowIsTranslucent">false</item> <!-- dialog是否半透明 -->
    <item name="android:windowMinWidthMinor">100%</item> <!-- dialog橫向?qū)挾瘸錆M整個(gè)屏幕 -->
    <item name="android:windowNoTitle">true</item><!-- dialog是否有標(biāo)題 -->
    <item name="android:windowBackground">@color/transparent</item><!-- dialog背景是透明的 -->
    <item name="android:background">@color/transparent</item>
    <item name="android:backgroundDimEnabled">true</item>
    <item name="android:windowSoftInputMode">stateHidden|adjustResize</item>
</style>

<!--對話框會(huì)從底部彈出-->
<style name="dialog_theme_bottom2top">
    <item name="android:windowFrame">@null</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowIsTranslucent">false</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowBackground">@color/transparent</item>
    <item name="android:backgroundDimEnabled">true</item>  <!--是否允許對話框的背景變暗:如果允許背景就變暗了。-->
    <item name="android:windowMinWidthMinor">100%</item><!--寬度鋪滿全屏-->
    <item name="android:windowCloseOnTouchOutside">true</item><!--點(diǎn)擊陰影的地方是否可以關(guān)閉對話框-->
    <item name="android:windowAnimationStyle">@style/dialog_anim_bottom2top</item><!--對話框動(dòng)畫-->
    <item name="android:windowSoftInputMode">stateHidden|adjustResize</item>
</style>

<!--[對話框動(dòng)畫]對話框會(huì)從底部彈出-->
<style name="dialog_anim_bottom2top" parent="@android:style/Animation">
    <item name="android:windowEnterAnimation">@anim/bottom_in</item>
    <item name="android:windowExitAnimation">@anim/bottom_out</item>
</style>

bottom_in:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="100%p"
        android:toYDelta="0" />
</set>

bottom_out:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="200"
        android:fromYDelta="0"
        android:toYDelta="50%p" />
    <alpha
        android:duration="200"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />
</set>

更新

辨別當(dāng)前設(shè)備是否是平板的方法通常有兩種：

public static boolean isLargeScreen(Context context) {
   Configuration config = context.getResources().getConfiguration();
   int size = config.screenLayout & Configuration.SCREENLAYOUT_SIZE_MASK;
   return (size >= Configuration.SCREENLAYOUT_SIZE_LARGE);
}

public static boolean isPad(Context context) {
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        Display display = wm.getDefaultDisplay();
        DisplayMetrics dm = new DisplayMetrics();
        display.getMetrics(dm);
        double x = Math.pow(dm.widthPixels / dm.xdpi, 2);
        double y = Math.pow(dm.heightPixels / dm.ydpi, 2);
        double screenInches = Math.sqrt(x + y); // 屏幕尺寸
        return screenInches >= 7.0;
    }

到此這篇關(guān)于Android自定義Dialog的2種常見方法的文章就介紹到這了,更多相關(guān)Android自定義Dialog內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: