Android一些尺寸单位的基础概念描述
屏幕尺寸:单位英寸,屏幕对角线的物理尺寸。
dp:官方是根据320480为基准指定dp值,即dpi160下,1dp=1px,在dpi320下即分辨率7201080下,1dp=2px。所以使用dp作为长度单位,可以保证在不同屏幕像素密度的手机上显示很相似的效果
px(像素点):就是手机屏幕最小构成单元,例如1080*1920即宽度上面有1080个像素点,高度上面有1920个像素点。
dpi(像素密度):一平方英寸面积内,存在多少个像素点
屏幕尺寸、分辨率和像素密度三者的关系:像素密度,可以由屏幕尺寸和分辨率计算得出
像素密度计算方法
例如:
px和dp的换算公式为:px = dp * (dpi / 160)
公式解读:
如果有一个屏幕密度为 160dpi的手机,在它上面,1px=1dp;
而如果是 320dpi的手机,则 1px = 0.5dp.
简而言之规律就是: 屏幕像素密度(dpi)越高的手机,1dp所代表的px就越多.
为什么dp有时候靠不住.
如果UI小姐姐以320*480 dpi160的屏幕为标准,画了一条长度为160px的线,长度为屏幕宽度的一半,这个时候,你直接用 160dp,一般就能完成适配。但是如果这样的布局 运行在320x480分辨率,但是屏幕密度为150dpi 略小于 160dpi,这个时候 你布局里面写的160dp就会实际超过160px 不再是占屏幕宽的一半,而是略微超过。
- 独立比例像素 (sp)
全英文为: scale-independent pixel (简称sp或者sip)
专门用于字体大小表示。
推荐使用12sp以上的偶数作为 字体大小, 不要使用奇数,或者浮点型小数,因为容易造成精度丢失。
Q: sp和dp有什么区别?
A: 通常情况下,dp和sp效果类似,但是有一点,如果用户 调整了手机字体,比如 从标准,变成了 超大,那么,1dp 原本等于1px依然不变,但是1sp就会从1px变成3px(只是举个例子,数值不必认真).
因此,在用户调整字体的情况下,同样的布局,可能出现 窗口大小不变,但是文字尺寸发生变化的情况。
怎么做好屏幕适配
使用多套布局适应不同屏幕。此方法必须要了解 布局限定符的概念。
限定符: 在原本的
layout
后面加上横杠,然后加上限定名。形成 layout-XXX的形式,具体规则请参考谷歌官网: https://developer.android.google.cn/training/multiscreen/screensizes, 重点摘录如下:使用上面的限定符,几乎可以解决所有的适配问题,但是另外还有一个小技巧帮我们节省工作量 :布局别名.
适用情形为:当多个加了限定符的 layout.xml中都引用了同一个 子布局,而子布局的内容可能相同,也可能不同。
这个时候,使用布局别名,可以节省操作量。
布局别名
方案评价: 讲道理,这个是下下策,因为在你需要修改布局的时候,你可能需要修改多套布局,这个要多恶心就多恶心,懂的人都懂.
2 代码适配
我们通过java代码去获取屏幕的宽高,动态去指定控件的宽高 。
获取屏幕宽高的方式我不想在这里占篇幅,读者可自行百度或者看看这一篇文章,他写得比较到位 https://www.jianshu.com/p/1a931d943fb4 .
代码适配,一般用于动态创建 控件,或者自定义view自己绘制图形的时候。
特别提一下接口适配:当你去向后台请求图片的时候,我们可以在参数中带入屏幕的宽高,或者是控件的宽高,来获取我们想要的图片,在图片返回之后直接就能显示得最优,而不需要我们app代码中多动手脚。
方案评价:这个比下下策稍微好一点,但是
控件大小
直接进入了代码,还是让代码不够雅观.
- 布局组件的适配
尽量直接通过一套布局解决所有的麻烦,这个就叫布局组件的适配。这个是上上策.
包含如下手段:
- 使用像素密度无关的单位
dp sp
- 杜绝使用绝对布局,多使用相对和线性布局
- 多使用ConstraintLayout:使用详解https://www.jianshu.com/p/502127a493fb
- 使用线性布局时,多实用weight权重属性,可按百分比分配指定长度
- 多使用 wrap_content match_parent 以及线性布局的权重
- 多用 minWidth minHeight,lines 等属性
- 使用多套限定的 dimens中定义的尺寸
多套dimens适配可参考此文https://blog.csdn.net/lmj623565791/article/details/45460089
百分比配置宽高尺寸参考此文https://blog.csdn.net/lmj623565791/article/details/46695347
dimens自动生成工具下载地址:https://download.csdn.net/download/Hello201404/12704976
里面附带使用方法,方便快捷,一键生成res文件
- 设计图片适配
- 图片适配作图详解:https://www.cnblogs.com/xuan52rock/p/8065778.html
图片切图最好以720*1080为基准设计一套图就可以了,这个尺寸兼顾了美观性、经济性和计算的简单。美观性是 指,以这个尺寸做出来的应用,在720×1280中显示完美,在1080×1920中看起来也比较清晰;经济性是指,这个分辨率下导出的图片尺寸适中,内存消耗不会过高,并且图片文件大小适中,安装包也不会过大;计算的简单,就是1dp=2px,好计算。
屏幕尺寸
可能面试点
Q:同一个布局文件中,我使用线性布局和相对布局都可以达成目的,那么如何抉择?
A: 使用相对布局,很有可能出现 第一次测量"不满意"的情况,从而会测量第二次。如果两者都可以达成目的,并且两者的布局层级相同,并且线性布局中没有使用到权重
(权重可能也会触发第二次测量
),此时,优先使用线性布局。 除此之外,都选择相对布局。
结语
屏幕适配,工作中并不困难,但是面试多会问到。
现今主流的两种完美适配方案,有头条方案(直接变更DisplayMetrics中的density),以及 多套dimens适配方案,两者各有千秋。
参考https://www.jianshu.com/p/ec5a1a30694b
https://www.jianshu.com/p/72e6e1e83b96
网友评论