作者:XINHAO_HAN
系统默认的Dialog样式不好看,可能根据不同的项目改动也很大,那么如何自定义一个属于自己的Dialog?
来我们先看一下Dialog的样式
代码
<style name="MyDialog" parent="Base.V11.Theme.AppCompat.Light.Dialog">
<item name="android:windowBackground">@drawable/dialog_back</item> <!-- 如果要改变背景颜色请更改此处,我这个默认加了弧度-->
<item name="android:windowNoTitle">true</item>
<item name="android:windowCloseOnTouchOutside">true</item>
<item name="android:backgroundDimEnabled">true</item> <!-- 背景模糊 -->
</style>
//@drawable/dialog_back
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#fff"></solid>
<corners android:radius="8dp"
android:bottomLeftRadius="8dp"
android:bottomRightRadius="8dp"></corners>
</shape>
//我的APP样式
Dialog.png
//先继承于一个Dialog起名为随意
public class HxHDialog extends Dialog {
public HxHDialog(@NonNull Context context) {
super(context);
}
public HxHDialog(@NonNull Context context, @StyleRes int themeResId) {
super(context, themeResId);//更改此处的样式
}
}
先给你理一下思路
如果我们要更改一个Dialog,基本上都是更改它的Window,我们看看 setContentView的内部方法
/**
* Set the screen content to an explicit view. This view is placed
* directly into the screen's view hierarchy. It can itself be a complex
* view hierarchy.
*
* @param view The desired content to display.
*/
public void setContentView(@NonNull View view) {
mWindow.setContentView(view);//此处是给Window设置布局
}
//看看这
final Window w = new PhoneWindow(mContext);
mWindow = w;
//用的是和Activity一样的Window类,自己明白了木有???
但是你像我上边做出来的基本上窗口大小不固定
但是一般的Dialog有一个"问题",就是根据你的需求Dialog宽度要全屏,就像这样
Dialog_style.png
//一定是要在show之后调用
@Override
public void show() {
super.show();
getWindow().getDecorView().setPadding(0, 0, 0, 0);..设置padding为0,默认的有padding所以看起来全屏不了
//设置宽和高
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.width = WindowManager.LayoutParams.FILL_PARENT;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
getWindow().setAttributes(lp);
//在屏幕的那个位置显示
// getWindow().setGravity(Gravity.TOP);
//设置动画
getWindow().setWindowAnimations(R.style.Dialog_Anim_Style);
}
更改Dialog窗口大小
this.getWindow().setLayout(宽, 高);//必须在show之后调用
如果你想给Dialog加上5.0特效动画
public void shouWindows(View view) {
this.showAsDropDown(view);
this.view.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
@Override
public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
UIUtils.setViewAnima(XINHAO_HAN_BasePopuWindows.this.view);
XINHAO_HAN_BasePopuWindows.this.view.removeOnLayoutChangeListener(this);
}
});
}
// UIUtils.setViewAnima(XINHAO_HAN_BasePopuWindows.this.view);
//设置动画
public static void setViewAnima(View view) {
Animator circularReveal = ViewAnimationUtils.createCircularReveal(view, 0, 0,
0, (float) Math.hypot(view.getWidth(), view.getHeight()));
circularReveal.setDuration(500);
circularReveal.setInterpolator(new AccelerateInterpolator());
circularReveal.start();
}
//就会像画圆一样慢慢扩开视图
就像这样:
持续更新,目前:第一版
2017-11-01-10mzdialog.gif
