美文网首页自定义控件Android
设置Dialog宽高自适应方案

设置Dialog宽高自适应方案

作者: SuperXcy | 来源:发表于2020-12-28 21:17 被阅读0次

废话不多说,先上图,然后上代码,徐某的文章就是这么的直入主题
首先是正常显示,宽高为wrap_parent


image.png

设置宽度为match_parent 高度为wrap_parent


image.png

设置高度为match_parent 宽度为wrap_parent


image.png

设置宽高为match_parent


image.png

第一步:首先继承Dialog(其实不继承也可以,但是主要在里面封装一些方法,容易复用与维护)

public class DialogX extends Dialog {
/**
* @param context 上下文
* @param layout 视图
* @param themeResId 风格
*/
public DialogX(Activity context, View layout, int themeResId) {
super(context, themeResId);
setContentView(layout);
}

/**
 * 初始化Dialog
 * @param width 设置宽度
 * @param height 设置高度
 * @param gravity 设置显示位置
 * @param isCancelable 是否禁用back键
 * @param animation 设置动画资源文件
 * @param isAnimation 设置是否开启动画
 */
public void initDialog(int width, int height, int gravity, boolean isCancelable,int animation, boolean isAnimation) {
    WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
    //设置宽
    switch (width) {
        case WindowManager.LayoutParams.MATCH_PARENT:
            layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT;
            break;
        case WindowManager.LayoutParams.WRAP_CONTENT:
            layoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
            break;
        default:
            layoutParams.width = (int) dp2px(getContext(), width);
            break;
    }
    //设置高
    switch (height) {
        case WindowManager.LayoutParams.MATCH_PARENT:
            layoutParams.height = WindowManager.LayoutParams.MATCH_PARENT;
            break;
        case WindowManager.LayoutParams.WRAP_CONTENT:
            layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
            break;
        default:
            layoutParams.height = (int) dp2px(getContext(), width);
            break;
    }
    //设置显示位置
    layoutParams.gravity = gravity;
    //设置是否屏蔽返回键与点击空白区域不关闭Dialog
    setCancelable(isCancelable);
    //设置是否开启动画
    if (isAnimation) {
        //如果动画资源为空,则设置成默认动画
        if (animation != 0) {
            layoutParams.windowAnimations = animation;
        } else {
            layoutParams.windowAnimations = R.style.Animation_Design_BottomSheetDialog;
        }
    }
    //设置属性
    getWindow().setAttributes(layoutParams);
}

public float dp2px(Context context, int dpValue) {
    float scale = context.getResources().getDisplayMetrics().density;
    return (dpValue * scale + 0.5f);
}

}


<style name="DialogTheme" parent="@android:style/Theme.Dialog">

<item name="android:windowFrame">@null</item>

<item name="android:windowIsFloating">true</item>

<item name="android:windowIsTranslucent">true</item>

<item name="android:windowNoTitle">true</item>
<item name="android:background">@android:color/transparent</item>

<item name="android:windowBackground">@android:color/transparent</item>

<item name="android:backgroundDimEnabled">true</item>

<item name="android:backgroundDimAmount">0.5</item>
</style>

<!--Dialog 从底部弹出,底部收回动画-->
<style name="BottomInAndOutStyle">
    <item name="android:windowEnterAnimation">@anim/in_bottom</item>
    <item name="android:windowExitAnimation">@anim/out_bottom</item>
</style>

<!--Dialog 从顶部弹出,顶部回收动画-->
<style name="TopInAndOutStyle">
    <item name="android:windowEnterAnimation">@anim/anim_enter_top</item>
    <item name="android:windowExitAnimation">@anim/anim_exit_bottom</item>
</style>

这里是风格文件中所引用的动画资源文件(如果不设置动画的话,可以跳过,在需要注释DialogX中//设置是否开启动画的区域代码)


image.png

anim_enter_top.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="500"
android:fromYDelta="-100%p"
android:toYDelta="0"/>
<alpha
android:duration="500"
android:fromAlpha="0.5"
android:toAlpha="1.0"/>
</set>

anim_exit_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:duration="1000"
android:fromAlpha="1.0"
android:toAlpha="0.5"/>
<translate
android:duration="1000"
android:fromYDelta="0"
android:toYDelta="-100%p"/>
</set>

in_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="300"
android:fromYDelta="100%p"
android:toYDelta="0"/>
</set>

out_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="300"
android:fromYDelta="100%p"
android:toYDelta="0"/>
</set>

布局文件:dialog_test.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/dialog_shape"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp"
android:layout_marginBottom="20dp"
android:text="你确定要退出登录吗?"
android:textColor="@android:color/black" />
<View
android:id="@+id/line"
android:layout_width="match_parent"
android:layout_height="0.5dp"
android:layout_below="@id/tv_title"
android:layout_marginTop="30dp"
android:background="#CCC" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_below="@id/line"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_determine"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="确定"
android:textColor="#FF0000" />
<View
android:layout_width="0.5dp"
android:layout_height="match_parent"
android:background="#CCC" />
<TextView
android:id="@+id/tv_cancel"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="取消" />
</LinearLayout>
</RelativeLayout>

工具类:DialogHelper(编写一些静态方法,方便调用)
DialogHelper.java

public class DialogHelper {
/**
* 显示代码
*
* @param context
* @return
*/
public static void showDialog(Activity context) {
View view = LayoutInflater.from(context).inflate(R.layout.dialog_test, null);

  /*注意dialogX.initDialog()方法,第一个参数为宽,第二个参数为高,如果设置为WindowManager.LayoutParams.MATCH_PARENT则等同于match_parent,设置成WindowManager.LayoutParams.WRAP_CONTENT,则等同于wrap_parent,设置成值则为xdp,这里进行了px转dp操作,所以只需要填值即可

*/
DialogX dialogX = new DialogX(context,view,R.style.DialogTheme);
dialogX.show();
dialogX.initDialog(
WindowManager.LayoutParams.MATCH_PARENT,
WindowManager.LayoutParams.MATCH_PARENT,
Gravity.CENTER,true,0,true
);
}
}

使用(调用工具类方法,即可)
DialogHelper.showDialog(MainActivity.this);

有问题可以在下方评论,我看到会第一时间回复你,这就是我,话不多说的徐某人,徐某人不谈原理,只助你CV

相关文章

  • 设置Dialog宽高自适应方案

    废话不多说,先上图,然后上代码,徐某的文章就是这么的直入主题首先是正常显示,宽高为wrap_parent 设置宽度...

  • Dialog充满屏幕

    Dialog宽高设置 dialog style_dialog dialog_animation enter exi...

  • 高度塌陷

    1、自适应宽高 (1)块级元素宽度设置为100%,或者不设置,默认为父元素的宽 (2)高度自适应:不设置父元素的高...

  • CSS布局相关

    CSS相关 1.左边定宽,右边自适应方案: 2.左右两边定宽,中间自适应 3.CSS左右垂直居中 设置paddin...

  • Fresco设置自适应宽高属性无效

    Fresco生效必要条件:1,设置具体宽高数值2,设置自适应宽高 + 控件比例属性 + 导入fresco/res-...

  • easyui——选项卡中datagrid显示不出来

    1.设置了自适应,宽高被覆盖住 设置tabs标签属性:data-options="region:'center',...

  • AlertDialog和PopupWindow的区别

    (1)Popupwindow在显示之前一定要设置宽高,Dialog无此限制。 (2)Popupwindow默认不会...

  • CSS布局方案——全屏布局

    顶栏和底栏定高 + 导航列定宽 + 内容区自适应 方案一:positionHTML代码: 顶栏定高 ...

  • iOS Masonry布局(二) - UILabel

    UILabel自适应宽高 UILabel使用Masonry布局时如果不添加宽高约束,视图会根据内容自适应宽高。 示...

  • Flutter 点击区域问题

    点击区域会出现不是自己设置的宽高区域 检查背景色是否设置,背景不设置默认是Widget自适应的点击区域

网友评论

    本文标题:设置Dialog宽高自适应方案

    本文链接:https://www.haomeiwen.com/subject/ojgtoktx.html