Android实现底部对话框BottomDialog弹出实例代码

最近项目上需要实现一个底部对话框，要实现这样的功能其实很简单，先看代码：

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风格的波纹效果的话，对话框的style的parent需要设定parent="@style/base.v7.theme.appcompat.light.dialog"，否则没有效果。同时将对话框所在window的标题去掉。android:windowbackground属性一定要设置成透明，否则自定义形状的对话框背景就是默认的白色了。如果不设置为透明，比如我们通常要设置的圆角对话框就没有效果。

对话框显示时从底部进入，关闭时从底部滑出。动画样式：

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

实现底部对话框的原理就是修改对话框的内容布局contentview的参数，使它的宽度刚好等于屏幕的宽度，并且设置对话框所在window的gravity属性为bottom。

需要注意的是，上面代码中需要在调用contentview.getlayoutparams()需要在setcontentview方法后，否则获取到的layoutparams为null，当然也可以自己new一个layoutparams设置给contentview。

如果是要实现底部圆角对话框，原理也相似，只需要给contentview添加一个圆角的背景shape，并减小contentview的宽度给左右两边留一定的距离，同时给底部设置边距。

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();
}

 源码：bottomdialog_jb51.rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。