溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android實(shí)現(xiàn)底部對話框BottomDialog彈出實(shí)例代碼

發(fā)布時間：2020-08-24 08:32:13 來源：腳本之家 閱讀：1008 作者：xiaoyanger 欄目：移動開發(fā)

最近項(xiàng)目上需要實(shí)現(xiàn)一個底部對話框，要實(shí)現(xiàn)這樣的功能其實(shí)很簡單，先看代碼：

private void show1() {
 Dialog bottomDialog = new Dialog(this, R.style.BottomDialog);
 View contentView = LayoutInflater.from(this).inflate(R.layout.dialog_content_normal, null);
 bottomDialog.setContentView(contentView);
 ViewGroup.LayoutParams layoutParams = contentView.getLayoutParams();
 layoutParams.width = getResources().getDisplayMetrics().widthPixels;
 contentView.setLayoutParams(layoutParams);
 bottomDialog.getWindow().setGravity(Gravity.BOTTOM);
 bottomDialog.getWindow().setWindowAnimations(R.style.BottomDialog_Animation);
 bottomDialog.show();
}

對話框的樣式style：

<style name="BottomDialog" parent="@style/Base.V7.Theme.AppCompat.Light.Dialog">
 <item name="android:windowNoTitle">true</item>
 <item name="android:windowBackground">@android:color/transparent</item>
</style>

在對話框中的按鈕需要MD風(fēng)格的波紋效果的話，對話框的style的parent需要設(shè)定parent="@style/Base.V7.Theme.AppCompat.Light.Dialog"，否則沒有效果。同時將對話框所在window的標(biāo)題去掉。android:windowBackground屬性一定要設(shè)置成透明，否則自定義形狀的對話框背景就是默認(rèn)的白色了。如果不設(shè)置為透明，比如我們通常要設(shè)置的圓角對話框就沒有效果。

對話框顯示時從底部進(jìn)入，關(guān)閉時從底部滑出。動畫樣式：

<style name="BottomDialog.Animation" parent="Animation.AppCompat.Dialog">
 <item name="android:windowEnterAnimation">@anim/translate_dialog_in</item>
 <item name="android:windowExitAnimation">@anim/translate_dialog_out</item>
</style>

tranlate_dialog_in.xml:

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

tranlate_dialog_out.xml:

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

實(shí)現(xiàn)底部對話框的原理就是修改對話框的內(nèi)容布局contentView的參數(shù)，使它的寬度剛好等于屏幕的寬度，并且設(shè)置對話框所在Window的gravity屬性為bottom。

需要注意的是，上面代碼中需要在調(diào)用contentView.getLayoutParams()需要在setContentView方法后，否則獲取到的LayoutParams為null，當(dāng)然也可以自己new一個LayoutParams設(shè)置給contentView。

Android實(shí)現(xiàn)底部對話框BottomDialog彈出實(shí)例代碼

如果是要實(shí)現(xiàn)底部圓角對話框，原理也相似，只需要給contentView添加一個圓角的背景shape，并減小contentView的寬度給左右兩邊留一定的距離，同時給底部設(shè)置邊距。

private void show2() {
 Dialog bottomDialog = new Dialog(this, R.style.BottomDialog);
 View contentView = LayoutInflater.from(this).inflate(R.layout.dialog_content_circle, null);
 bottomDialog.setContentView(contentView);
 ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) contentView.getLayoutParams();
 params.width = getResources().getDisplayMetrics().widthPixels - DensityUtil.dp2px(this, 16f);
 params.bottomMargin = DensityUtil.dp2px(this, 8f);
 contentView.setLayoutParams(params);
 bottomDialog.getWindow().setGravity(Gravity.BOTTOM);
 bottomDialog.getWindow().setWindowAnimations(R.style.BottomDialog_Animation);
 bottomDialog.show();
}

Android實(shí)現(xiàn)底部對話框BottomDialog彈出實(shí)例代碼

 源碼：BottomDialog_jb51.rar

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手