从底部弹出框

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:

?
1
2
3
4
<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属性一定要设置成透明,否则自定义形状的对话框背景就是默认的白色了。如果不设置为透明,比如我们通常要设置的圆角对话框就没有效果。

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

?
1
2
3
4
<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:

?
1
2
3
4
5
6
7
8
<? 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:

?
1
2
3
4
5
6
7
8
<? 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的宽度给左右两边留一定的距离,同时给底部设置边距。

?
1
2
3
4
5
6
7
8
9
10
11
12
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();
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值