在开发中。我们经常会遇到带半透明背景图的弹框 ,如图:
我在开发中用到这种情况也比较多。刚开始在网上搜寻了很多资料。但是很多只写了一般。达不到实际效果。自己根据资料还有实践最终实现了效果:废话不多说。直接上代码
首先自定义一个半透明的背景样式
<!-- 对话框样式 -->
<style name="Theme.Light.Dialog" parent="android:style/Theme.Dialog">
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowNoTitle">true</item>
<item name="android:windowIsFloating">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:scrollHorizontally">true</item>
</style>
如果说有特别要求必须从底部弹出的话则可以加上一下动画
<!-- 弹出框动画 由下至上 -->
<style name="dialogStyle" parent="@android:style/Animation.Dialog">
<item name="@android:windowEnterAnimation">@anim/yl_dialog_enter</item>
<!-- 进入时的动画 -->
<item name="@android:windowExitAnimation">@anim/yl_dialog_exit</item>
<!-- 退出时的动画 -->
</style>
进入时的动画
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="200"
android:fromYDelta="100%"></translate>
</set>
退出时的动画
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="200"
android:toYDelta="100%"></translate>
</set>
如此前面就设置好了就可以设置自己的dialog了
dialog = new Dialog(this, R.style.Theme_Light_Dialog);
View dialogView = LayoutInflater.from(this).inflate(R.layout.yl_dialog, null);
TextView cancel = (TextView) dialogView.findViewById(R.id.cancel);
TextView submit = (TextView) dialogView.findViewById(R.id.submit);
//获得dialog的window窗口
Window window = dialog.getWindow();
//设置dialog在屏幕底部
window.setGravity(Gravity.CENTER);
//设置dialog弹出时的动画效果,从屏幕底部向上弹出
// window.setWindowAnimations(R.style.dialogStyle);
window.getDecorView().setPadding(ScreenUtils.Dp2Px(23), 0, ScreenUtils.Dp2Px(23), 0);
//获得window窗口的属性
WindowManager.LayoutParams lp = window.getAttributes();
//设置窗口宽度为充满全屏
lp.width = WindowManager.LayoutParams.MATCH_PARENT;
//设置窗口高度为包裹内容
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
//将设置好的属性set回去
window.setAttributes(lp);
//将自定义布局加载到dialog上
dialog.setContentView(dialogView);
cancel.setOnClickListener(this);
submit.setOnClickListener(this);
dialog.show();
如此我们的带半透明背景色的dialog就完成了。希望能对大家有所帮助