Android高级-网易云音乐屏幕适配

为什么要进行屏幕适配

屏幕碎片化表现为以下几个方面：

1：屏幕尺寸碎片化：

2：屏幕密度碎片化

3：厂商碎片化：水滴屏，刘海屏

屏幕适配常见方式

二

谷歌推出的百分比布局

手写百分比布局;

为什么百分比布局要这么写：

子控件的属性的创建依赖于父容器的LayoutParams，查看源码可得。。。

所以如果实现自定义布局，自定义布局的属性也需要继承自父容器的LayoutParams

density：屏幕密度，android系统内部对一个尺寸的分辨率，缩放比率，屏幕上每一寸有160个px，就是density的值

例如，如果某个屏幕的某英寸达到了320px，那么density是2；类似于缩放比例的scale

scaleDensity:字体缩放比率，默认跟density一样的

densityDpi:屏幕上每一英寸的像素点有多少个,160 或 320 有多少个

android显示最终都会转化成px来显示，同一个分比率下的density也不一样，

缺点：暂时没有发现

例如

运行效果：系统的黑边就是系统对他的默认处理，就是将内容区域进行向下移动，所以需要适配：

那么我们能用谷歌官方9.0的对这个的处理：一共有三种方式

首先两点，application的

android:theme="@style/Theme.AppCompat.Light.NoActionBar

下面window的API是

targetSdkVersion 28

第二种是允许内容区域进入刘海屏区域，白色部分为顶层布局背景是白色，只需要做沉浸式就可以了

第三种是不管是否为全屏模式，都不允许进入刘海区域

第二种第三种/全屏模式第三种非全屏模式

好的下面我们就把二种设置成沉浸式

运行结果：我大胡歌真的好帅啊！！！！！

总结：

适配刘海屏

1：设置全屏

   //1.设置全屏requestWindowFeature(Window.FEATURE_NO_TITLE);Window window = getWindow();window.setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

2：让内容区域延申进刘海

 //判断手机是否是刘海屏boolean hasDisplayCutout = hasDisplayCutout(window);if (hasDisplayCutout){//2.让内容区域延伸进刘海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);

    private boolean hasDisplayCutout(Window window) {DisplayCutout displayCutout;View rootView = window.getDecorView();WindowInsets insets = rootView.getRootWindowInsets();if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P && insets != null){displayCutout = insets.getDisplayCutout();if (displayCutout != null){if (displayCutout.getBoundingRects() != null && displayCutout.getBoundingRects().size() > 0 && displayCutout.getSafeInsetTop() > 0){return true;}}}return true; //因为模拟器原因，这里设置成true}

3：设置成沉浸式

  //3.设置成沉浸式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);

刘海屏设计的时候需要避免页面设计在刘海屏位置或者直接将内容区域下移动，

   //通常情况下，刘海的高就是状态栏的高public int heightForDisplayCutout(){int resID = getResources().getIdentifier("status_bar_height", "dimen", "android");if (resID > 0){return getResources().getDimensionPixelSize(resID);}return 96;}

其他手机厂商(华为，小米，oppo,vivo）适配

华为：htttps://devcenter-test.huawei.com/consumer/cn/devservice/doc/50114

小米：https://dev.mi.com/comsole/doc/detail?pid=1293

oppo:https://open.open.oppombile.com/service/message/dtail?id=61876

vivo:https://dev.vivo.vom.vn/documentCenter/doc/103

华为的官方文档没有了，下面是我从其他博客找的，跟上面的适配差不多：

原博客地址：https://blog.csdn.net/xiangzhihong8/article/details/80317682

以上，下面开始介绍网易云音乐的屏幕适配

一对比其他适配方式：

限定符适配：

app会根据当前手机的分辨率自动选择对应的dimen.xml

优点:适配比较精确

缺点：增加apk大小适配机型越多，需要的xml也就越多

适配所有机型的分辨率，xml文件加起来有3m的大小

百分比适配：

优点：通过百分比定义宽度，高度，比较方便

彻底抛弃ps dp单位通过百分比实现，可以在布局完成适配

对开发者工作量减少

缺点：需要对页面的容器都用自定义的

网易云代码动态适配

是通过代码对需要适配的布局进行动态计算：

Demo整理好以后再更新~