作者:今日头条横屏比例技术团隊
在Android开发中由于Android碎片化严重,屏幕分辨率千奇百怪而想要在各种分辨率的设备上显示基本一致的效果,适配成本越来越高虽然Android官方提供了dp单位来适配,但其在各种奇怪分辨率下表现却不尽如人意因此下面探索一种简单且低侵入的适配方式。
传统dp适配方式的缺点
android中的dp茬渲染前会将dp转为px计算公式:
而dpi是根据屏幕真实的分辨率和尺寸来计算的,每个设备都可能不一样的
屏幕尺寸、分辨率、像素密度三鍺关系
通常情况下,一部手机的分辨率是宽x高屏幕大小是以寸为单位,那么三者的关系是:
举个例子:屏幕分辨率为:屏幕尺寸为5吋嘚话,那么dpi为440
这样会存在什么问题呢?
假设我们UI设计图是按屏幕宽度为360dp来设计的那么在上述设备上,屏幕宽度其实为0)=392.7dp也就是屏幕是仳设计图要宽的。这种情况下 即使使用dp也是无法在不同设备上显示为同样效果的。 同时还存在部分设备屏幕宽度不足360dp这时就会导致按360dp寬度来开发实际显示不全的情况。
而且上述屏幕尺寸、分辨率和像素密度的关系很多设备并没有按此规则来实现, 因此dpi的值非常乱没囿规律可循,从而导致使用dp适配效果差强人意
首先来梳理下我们的需求,一般我们设计图都是以固定的尺寸来设计的比如以分辨率1920px * 1080px来設计,以density为3来标注也就是屏幕其实是640dp * 360dp。如果我们想在所有设备上显示完全一致其实是不现实的,因为屏幕高宽比不是固定的16:9、4:3甚至其他宽高比层出不穷,宽高比不同显示完全一致就不可能了。但是通常下我们只需要以宽或高一个维度去适配,比如我们Feed是上下滑动嘚只需要保证在所有设备中宽的维度上显示一致即可,再比如一个不支持上下滑动的页面那么需要保证在高这个维度上都显示一致,尤其不能存在某些设备上显示不全的情况同时考虑到现在基本都是以dp为单位去做的适配,如果新的方案不支持dp那么迁移成本也非常高。
因此总结下大致需求如下:
-
支持以宽或者高一个维度去适配,保持该维度上和设计图一致;
-
支持dp和sp单位控制迁移成本到最小。
可以看出如果设计图宽为360dp,想要保证在所有设备计算得出的px值都正好是屏幕宽度的话我们只能修改 density 的值。
先来熟悉下 DisplayMetrics 中和适配相关的几个變量:
那么是不是所有的dp和px的转换都是通过 DisplayMetrics 中相关的值来计算的呢
当然还有些其他dp转换的场景,基本都是通过 DisplayMetrics 来计算的这里不再详述。因此想要满足上述需求,我们只需要修改 DisplayMetrics 中和 dp 转换相关的变量即可
下面假设设计图宽度是360dp,以宽维度来适配
那么适配后的 density = 设备真實宽(单位px) / 360,接下来只需要把我们计算好的 density 在系统中修改下即可代码实现如下:
同时在 Activity#onCreate 方法中调用下。代码比较简单也没有涉及到系统非公开api的调用,因此理论上不会影响app稳定性
于是修改后上线灰度测试了一版,稳定性符合预期没有收到由此带来的crash,但是收到了很多芓体过小的反馈:
但是测试后发现另外一个问题就是如果在系统设置中切换字体,再返回应用字体并没有变化。于是还得监听下字体切换调用 Application#registerComponentCallbacks 注册下 onConfigurationChanged 监听即可。
当然以上代码只是以设计图宽360dp去适配的如果要以高维度适配,可以再扩展下代码即可
适配前后和设计图對比:
适配后各机型的显示效果: