屏幕适配

时间 2019-12-07

标签屏幕适配繁體版

原文原文链接

屏幕适配常见方式git

布局适配github
- 避免写死控件尺寸，使用wrap_content , match_parent
- LinerLayout xxx:Layout_weight = "0.5"
- RelativeLayout xxx:Layout_centerInParent="true".....
- ContraintLayout xxx:Layout_contraintLeft_toLeftOf="true"...]
- Percent-support-lib xxx:layout_withPercent="30%" Google的百分比布局容器（已过期）
图片资源适配bash
- .9图或者SVG图实现缩放
- 备用位图匹配不一样分辨率
用户流程适配app
- 根据业务逻辑执行不一样的跳转逻辑
- 根据别名展现不一样的页面
屏幕适配自定义Viewide
- 假设UI设计师提供的图片是在7201280上进行切图，咱们应该考虑要作屏幕适配，假设要显示一个按钮，要展现在7201280上，展现屏幕的一半，那他的宽度就是360，若是要是展现在1080*1920上，这个按钮的宽度必须是540才能够展现屏幕上一半，因此这能够用缩放比例进行适配目标宽度（720）比上咱们的真实屏幕宽度，目标高度（1280）比上咱们真是高度，获得相应的比例

百分比布局适配布局
- 自定义属性设置宽高各占父容器的百分比，拿到父容器的宽高乘以百分比获得控件view的宽高

修改像素密度 density，scaleDensity，densityDpi
- density：表示像素密度换句话说每一英寸像素的缩放比例 density = dpi / 160
- scaleDenstiy: 表示字体的缩放比例，默认状况下和density是一致的
- densityDpi：表示每一英寸共有多少个像素点 dpi=density*160

public class Density {

    private static final float  WIDTH = 320;//参考设备的宽，单位是dp 320 / 2 = 160

    private static float appDensity;//表示屏幕密度
    private static float appScaleDensity; //字体缩放比例，默认appDensity

    public static void setDensity(final Application application, Activity activity){
        //获取当前app的屏幕显示信息
        DisplayMetrics displayMetrics = application.getResources().getDisplayMetrics();
        if (appDensity == 0){
            //初始化赋值操做
            appDensity = displayMetrics.density;
            appScaleDensity = displayMetrics.scaledDensity;

            //添加字体变化监听回调
            application.registerComponentCallbacks(new ComponentCallbacks() {
                @Override
                public void onConfigurationChanged(Configuration newConfig) {
                    //字体发生更改，从新对scaleDensity进行赋值
                    if (newConfig != null && newConfig.fontScale > 0){
                        appScaleDensity = application.getResources().getDisplayMetrics().scaledDensity;
                    }
                }

                @Override
                public void onLowMemory() {

                }
            });
        }

        //计算目标值density, scaleDensity, densityDpi
        float targetDensity = displayMetrics.widthPixels / WIDTH; // 1080 / 360 = 3.0
        float targetScaleDensity = targetDensity * (appScaleDensity / appDensity);
        int targetDensityDpi = (int) (targetDensity * 160);//屏幕上每一寸有160个像素点

        //替换Activity的density, scaleDensity, densityDpi
        DisplayMetrics dm = activity.getResources().getDisplayMetrics();
        dm.density = targetDensity;
        dm.scaledDensity = targetScaleDensity;
        dm.densityDpi = targetDensityDpi;
    }

}
复制代码

刘海屏适配字体

首先设置全屏模式

requestWindowFeature(Window.FEATURE_NO_TITLE);
    Window window = getWindow();
    window.setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
    WindowManager.LayoutParams.FLAG_FULLSCREEN);

复制代码

刘海屏的几种模式ui

WindowManager.LayoutParams params = window.getAttributes();
         /**
          *  * @see #LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT 全屏模式，内容下移，非全屏不受影响
          *  * @see #LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES 容许内容去延伸进刘海区
          *  * @see #LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER 不容许内容延伸进刘海区
          */
         params.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
         window.setAttributes(params);
复制代码

追加沉浸式spa

int flags = View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
         int visibility = window.getDecorView().getSystemUiVisibility();
         visibility |= flags; //追加沉浸式设置
         window.getDecorView().setSystemUiVisibility(visibility);

复制代码

其余手机厂商（华为，小米，oppo，vivo）适配设计

华为厂商刘海适配地址

小米厂商刘海适配地址

Oppo厂商刘海适配地址

Vivo厂商刘海适配地址

Demo地址

感谢

谢谢你们的阅读，想要了解更多，请关注我

Github