需求:点击某个按钮,从底部弹出一个框。
分析:
①首先需要定义框长什么样,即编写框的布局
②其次需要定义框的出场动画、框是否背景模糊、是否浮在Activity之上等,即框要以什么方式呈现。这属于框的样式,在styles.xml文件中定义
③最后就是让框展示,这个框要什么时候展示,编写展示逻辑
很简单,话不多说,直接上代码…
①编写底部弹框布局文件(R.layout.xxx)。这个看需求,自己编写
②编写底部弹框样式(styles.xml文件中),样式要什么样,自己编写,这里给范例。还有其他属性,有需要可以看@android:style/Theme.Dialog中有啥,自己重写就行
<style name="样式名字" parent="@android:style/Theme.Dialog">
<!-- 背景透明 -->
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowContentOverlay">@null</item>
<!-- 浮于Activity之上 -->
<item name="android:windowIsFloating">true</item>
<!-- 边框 -->
<item name="android:windowFrame">@null</item>
<!-- Dialog以外的区域模糊效果 -->
<item name="android:backgroundDimEnabled">true</item>
<!-- 无标题 -->
<item name="android:windowNoTitle">true</item>
<!-- 半透明 -->
<item name="android:windowIsTranslucent">true</item>
<!-- Dialog进入及退出动画 -->
<item name="android:windowAnimationStyle">@style/进出动画名字</item>
</style>
<style name="上面的进出动画名字" parent="@android:style/Animation.Dialog">
<item name="android:windowEnterAnimation">@anim/bottom_dialog_in</item>
<item name="android:windowExitAnimation">@anim/bottom_dialog_out</item>
</style>
转场动画:buttom_dialog_in.xml
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromYDelta="100%"
android:toYDelta="0" />
转场动画:buttom_dialog_out.xml
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromYDelta="0"
android:toYDelta="100%" />
③展示Dialog
Dialog dialog = new Dialog(this, R.style.上面的样式名字);
LinearLayout linearLayout = (LinearLayout) LayoutInflater.from(this).inflate(R.layout.自己写的布局文件, null);
//将布局设置给Dialog
dialog.setContentView(linearLayout);
//获取当前Activity所在的窗体
Window dialogWindow = dialog.getWindow();
//设置Dialog从窗体底部弹出
dialogWindow.setGravity(Gravity.BOTTOM);
//获得窗体的属性
WindowManager.LayoutParams layoutParams = dialogWindow.getAttributes();
//主动给窗体宽度设置为填充
layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT;
//设置Dialog距离底部的距离
layoutParams.y = 10;
//将属性设置给窗体
dialogWindow.setAttributes(layoutParams);
//设置窗体不允许外边点击取消
dialog.show();
dialog.setCanceledOnTouchOutside(false);
布局里面的事件监听还有Dialog的销毁,这些就根据业务自行处理就行
Dialog的销毁
if (dialog.isShowing()) {
dialog.dismiss();
}