700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Android高级-网易云音乐屏幕适配

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

时间:2020-06-17 08:29:55

相关推荐

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-/consumer/cn/devservice/doc/50114

小米:/comsole/doc/detail?pid=1293

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

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

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

原博客地址:/xiangzhihong8/article/details/80317682

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

一 对比其他适配方式:

限定符适配:

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

优点:适配比较精确

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

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

百分比适配:

优点:通过百分比定义宽度,高度,比较方便

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

对开发者工作量减少

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

网易云代码动态适配

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

Demo整理好以后再更新~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。