zoukankan      html  css  js  c++  java
  • 解决在圆角手机(如小米8)上自定义Dialog无法全屏的问题

    在小米8等一系列圆角的手机上测试项目时,发现我的自定义dialog无法全屏了,这时我的dialog全屏的解决方案还是和网上大部分人是一样的

            Window window = getWindow();
            if (window == null) return;
            window.getDecorView().setPadding(0, 0, 0, 0);
            window.setGravity(gravity);
            WindowManager.LayoutParams layoutParams = window.getAttributes();
            layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT;
            layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
            window.setAttributes(layoutParams);

    但是当手机使用了圆角设计时,可能就会为了显示效果而强制使dialog能够完整显示。

    常规做法可能是在其周围加上padding。但是通过我的代码可以看到,我已经使这个DecorView的padding为0,显示效果仍不理想。

    事实上这时view已经占满全屏,你可明显的发现view下部有下移的痕迹。

    因为我还没有来得及深入了解其底层原因,只能按照我自己的猜测去尝试。

    经过对我的代码进行分析,我猜测可能是系统强制为dialog设置了setClipBounds,于是我尝试使用了setClipToOutline(false)来取消它的clip,发现它确实是可用的。

    于是我得到了一个解决方案,在以上代码中添加

    window.getDecorView().setClipToOutline(false);
  • 相关阅读:
    vue中倒计时的用法
    ant.design 中各种问题
    vue-cli3.0跨域代理问题
    vue-cli3.0配置多页面应用
    vue-axios中post和get携带参数和token
    后台返回的时间戳转化为前端的日期
    微信与支付宝二维码在页面中的使用
    git梗概介绍
    键盘和鼠标事件的区别和使用
    vue.js学习笔记(5)— Vue路由传参
  • 原文地址:https://www.cnblogs.com/whatCode/p/10209685.html
Copyright © 2011-2022 走看看