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

发布时间:2020-08-24 08:32:13 作者:xiaoyanger
来源:脚本之家 阅读:1010

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

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。

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

如果是要实现底部圆角对话框,原理也相似,只需要给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();
}

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

 源码:BottomDialog_jb51.rar

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

推荐阅读:
  1. Android Service中如何实现弹出对话框
  2. Android使用CoordinatorLayout实现底部弹出菜单

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

dialog android ott

上一篇:Django学习教程之静态文件的调用详解

下一篇:C/C++混合编程之extern “C”的使用示例

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》