扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
android面世以来,google开源了android系统,各家厂商各自为政,导致屏幕尺寸没有统一标准,屏幕的宽高比各种各样,屏幕密度也是各个厂家攀比的资本, 导致Android开发者想要用一套代码来适配所有的设备变得格外的困难,虽然 google出了 dp单位来替代px,但是 dp依然有它无法完全适配的地方。
创新互联专注于尼玛企业网站建设,成都响应式网站建设公司,商城建设。尼玛网站建设公司,为尼玛等地区提供建站服务。全流程定制制作,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
这个也就是需要我们利用其他手段去 完成适配的地方。
像素点是物理概念,用术语来解释,就是如下这段话:
通常所说的像素,就是CCD/CMOS上光电感应元件的数量,一个感光元件经过感光,光电信号转换,A/D转换等步骤以后,在输出的照片上就形成一个点,我们如果把影像放大数倍,会发现这些连续色调其实是由许多色彩相近的小方点所组成,这些小方点就是构成影像的最小单位“像素”(Pixel)。简而言之,像素就是手机屏幕的最小构成单元。
简单来说,像素点就是屏幕上色彩区域的最小单位
。在所有的设备上,1px 都是等同的。UI姐姐作图一般都会以px为单位。
比如:19201080 分辨率,表示当前设备的屏幕是由 横向1080 纵向1920 个像素点 组合而成。
屏幕对角线的长度。 一般以英寸为单位,常见的屏幕尺寸有
4.7
,5.5
,6.0
。
定义:
一平方英寸
面积内,存在多少个
像素点。
同样是1920*1080
的分辨率,存在两款手机,一个是4.7英寸,一个是6.0英寸,这两者的像素密度
是不一样的。
屏幕密度的单位: dpi(dots per inch).
标准屏幕分辨率 :160dpi 。即:一平方英寸
面积,存在160
像素点。(mdpi).
像素密度
,可以由屏幕尺寸
和分辨率
计算得出。我这里有一块1920*1080的5寸屏幕,通过上面的公式计算得出,它的像素密度为 440dpi .可见,px是和像素密度有直接关系的 像素单位。
全英文为:density-independent pixel.
(注意此处是dip
,上面的像素密度是dpi
, 千万不要因为这个,在面试的时候出丑 )
使用dp作为长度单位,可以保证在不同的屏幕像素密度的手机上显示 很相似的效果。
比如: 使用480x800
的手机上,要画一条长度为一半屏幕宽的线条,我们可以设置线条的长度为240px
,而在320x480
的屏幕上,我们只需要160px
,但是我们可以直接使用160dp
,来同时让两个屏幕上的这条线占全宽的一半。
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
不再是占屏幕宽的一半,而是略微超过。
全英文为: scale-independent pixel (简称sp或者sip)
专门用于字体大小表示。
推荐使用12sp
以上的偶数作为 字体大小, 不要使用奇数,或者浮点型小数,因为容易造成精度丢失。
屏幕适配攻略
使用多套布局适应不同屏幕。此方法必须要了解
布局限定符
的概念。限定符: 在原本的
layout
后面加上横杠,然后加上限定名。形成 layout-XXX的形式,具体规则请参考谷歌官网: https://developer.android.google.cn/training/multiscreen/screensizes使用上面的限定符,几乎可以解决所有的适配问题,但是另外还有一个小技巧帮我们节省工作量 :布局别名.
适用情形为:当多个加了限定符的 layout.xml中都引用了同一个 子布局,而子布局的内容可能相同,也可能不同。
这个时候,使用布局别名,可以节省操作量。
我们通过java代码去获取屏幕的宽高,动态去指定控件的宽高 。
获取屏幕宽高的方式我不想在这里占篇幅。
代码适配,一般用于动态创建 控件,或者自定义view自己绘制图形的时候。
特别提一下接口适配:当你去向后台请求图片的时候,我们可以在参数中带入屏幕的宽高,或者是控件的宽高,来获取我们想要的图片,在图片返回之后直接就能显示得最优,而不需要我们app代码中多动手脚。
方案评价:这个比下下策稍微好一点,但是
控件大小
直接进入了代码,还是让代码不够雅观.
尽量直接通过一套布局解决所有的麻烦,这个就叫布局组件的适配。这个是上上策.
包含如下手段:
使用像素密度无关的单位
dp sp
杜绝使用绝对布局,多使用相对和线性布局
多使用 wrap_content match_parent 以及线性布局的权重
多用 minWidth minHeight,lines 等属性
使用多套限定的 dimens中定义的尺寸
另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流