关于android屏幕尺寸适配的整理以及思考
一直以来android屏幕尺寸相关的东西我都很薄弱,什么dpi, ppi, 英寸我都比较疑惑,本文主要是理清概念,理解头条的屏幕适配原理,以为目前我工作是如何做UI适配的。
一些基础概念
屏幕尺寸
屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米。这个值是利用手机屏幕的长和宽,然后利用勾股定理,就可以算出斜边的长了。
屏幕像素密度
屏幕像素密度,即每英寸屏幕所拥有的像素数,英文简称ppi, 屏幕像素密度与屏幕尺寸和屏幕分辨率有关,在单一变化条件下,屏幕尺寸越小、分辨率越高,像素密度越大,反之越小。
那dpi又是什么呢? 其实对Android而言,DPI等价于PPI。 具体解释可以参考这篇文章:
https://blog.csdn.net/u010134087/article/details/54926403
屏幕分辨率
屏幕分辨率是指在横纵向上的像素点数,单位是px,1px=1个像素点
我们可以看一下下面这两张图,就可以理清上面三个概念了:
newppi.png
ppi.jpg
Android中的屏幕尺寸相关概念
dp
dp是一种密度无关像素,对应于160dpi下像素的物理尺寸。它与px的关系是 : px = dp * (dpi / 160)。
sp的概念与dp类似,是用来表示字体大小的一个单位。
即在160dpi下,1dip=1px,如果320dpi,则1dip=2px,以此类推。这里延伸出我们常说的一个密度,其实这里就可以理解为: (dpi / 160)。
常见的密度:
xxhdpi: 3.0
xhdpi: 2.0 320 ppi
hdpi: 1.5
mdpi: 1.0(基准) 160 ppi
ldpi: 0.75
我们来看一张华为荣耀7的参数:
荣耀7.png
所以在android中布局文件中写 10dp。 在运行时会被android系统根据 px = dp * (dpi / 160) 转为具体的 px 。那么对应上面这个荣耀7就是 26.5 px
使用dp做屏幕适配会引发的问题
我们先假设有两个设备:
设备1,屏幕宽度为 1080px,480DPI,屏幕总 dp 宽度为 1080 / (480 / 160) = 360dp
设备2,屏幕宽度为 1440px,560DPI,屏幕总 dp 宽度为 1440 / (560 / 160) = 411dp
那么如果对于一个view,我们都写100dp, 那么这个view再被渲染的时候,在设备1上看起来会明显比设备2大。这是因为他们占的宽度比不一样:
(100 / 360 = 0.278) -> 27%
(100 / 411 = 0.243) -> 24%
今日头条屏幕适配
最近关于屏幕适配在网络上讨论的最多的就是今日头条的方案,而这个方案的核心公式是: 屏幕的宽度总 px / density = 屏幕的宽度总 dp
density就是上面的 (dpi / 160)
可以看到上面使用dp适配引发的问题,那么如果对于屏幕分辨率不同的手机,屏幕的宽度总dp总是相同的,那么我们我们直接按照dp来写view的尺寸就不会有问题了。
那么这个方案就是对于不同分辨率的手机,变化density来使屏幕的宽度总dp是不变的。
目前我工作中对于view布局方式
目前我并没有采用今日头条这种方案做尺寸适配。一般设计会以 iphone8 : 375 * 667, 来给android和ios出一套图。我直接按照设计的标注,直接在布局文件中使用dp。这样做在Android中做出的效果设计师是可以接受的,那这会有什么问题呢?
我今天仔细想了一下我们为什么会这么做,以及这么做会引发什么问题。 在看这个之前我们先来看一下iphone手机的屏幕尺寸:
iphone尺寸.png
在ios中有类似于android中dp的单位,pt。
可以看到如果ios的同学如果直接写pt,那么在 iphone8 plus 也会出现android中dp适配所出现的问题,因为屏幕的宽度总dp不一样。
使用iphone8 (375*667)会引发的问题
我们还是以荣耀7为例:1920 * 1080, 424ppi, (dpi / 160) = 2.65 。那么转化为dp的屏幕宽高就是 : 724(dp) * 407(dp)。 不论在宽还是高都大于设计师给的 (667 * 375)。
以宽为例,如果我直接按照设置图纸来布局的话,那么宽是会出现不够的情况的:
diffrentdp.png
其实这就是上面dp适配的问题。
为什么这样做又是ok的呢?
首先我们来看一下常见的手机的尺寸参数
http://www.woshipm.com/screen/index.html
可以看出大部分的手机的dp宽高参数都是比较靠近 : 667 * 375。 所以在布局的时候只要不要出现在一个方向上所有布局参数都写死就是没太大问题:
比如:
- 对于375dp的宽度, 3个view的宽你都写了固定值,且相加等于375。那么在不同的手机上由于屏幕总dp宽不同,那么可能就会有空余或者显示不够的情况。
- 对于375dp的宽度, 2个view的宽写了固定值,剩余那个view占用剩余空间,那么在不同的手机上显示效果还是ok的。
所以设计师在做设计的时候就会考虑这种情况,使得那些 多余或者缺少的空间不会影响显示的效果。不过问题确实是有的。
参考文章:
https://www.jianshu.com/p/c3387bcc4f6e
https://juejin.im/post/5b7a29736fb9a019d53e7ee2
关于android屏幕尺寸适配的整理以及思考相关推荐
- Android屏幕尺寸适配常见方案smallestWidth
前言 介于目前的Android设备存在有不同的屏幕尺寸,屏幕分辨率,像素密度,Android应用在开发的过程必须要考虑到屏幕尺寸适配的问题,以保证在不同尺寸的Android设备上都能够正常运行. 基本 ...
- Android屏幕尺寸适配注意事项
1 基本设置 1.1 AndroidManifest.xml设置 在<manifest>中添加子元素<supports-screens android:largeS ...
- Android屏幕亮度适配
Android屏幕亮度适配 前言 最近由于接手了视频项目中的亮度调整功能,抽空总结了下Android亮度调节的方式,以及在如今系统定制化的情况下会遇到的坑. 亮度调节模式 查看官网说明,可以看到,目前 ...
- Android 屏幕尺寸、屏幕分辨率(px)、屏幕像素密度(dpi)、密度无关像素(dp/dip)、屏幕适配
1. dp , dpi , px 关系 (假设已经熟悉了基本概念,也可以参考最后的链接) 2. 运行时dp 如何转换成 px 3. 使用dp 和 px 设计结果比较 参考: Android屏幕适 ...
- flutter 屏幕尺寸适配 字体大小适配,android面试常用算法
width: ScreenUtil().setWidth(375), height: ScreenUtil().setHeight(200), ), 适配字体: ScreenUtil().setSp( ...
- android屏幕分辨率适配总结
不同分辨率下容易出现的问题 欢迎加入QQ交流3群:317874559 由于目前android设备的分辨率种类很多,在开发的时候不注意进行屏幕适配的话会出现很多问题.比如高分辨率和低分辨率 ...
- android屏幕分辨率适配
分辨率 高度 宽度 宽高比(宽/高) 1920x1080 1920 1080 0.5625 2094x1080 2094 1080 0.5157593123 2220x1080 2220 1080 0 ...
- Android屏幕大小适配问题解决
一.一些基本概念 1.长度(真实长度):英寸.inch 2.分辨率:density 每英寸像素数 dpi(密度) 3.像素:px 4.dip的公式:px /dip=dpi/160 所以 dip ...
- android屏幕大小字体大小,文字大小和不同的Android屏幕尺寸
对于运行Android 3.0的第一代平板电脑,声明平板电脑布局的正确方法是将它们放在具有xlarge配置限定符的目录中(例如,res / layout-xlarge /).为了适应其他类型的平板电脑 ...
最新文章
- SAP MM 物料主数据分类视图的数据会带入批次分类视图里?
- Bower 使用指南
- 项目交接文档_财务离职,交接工作需要交接哪些?附财务移交清册表!
- ASP.NET Core 快速入门(实战篇)
- 单独使用 laydate 日期时间组件
- 3G或应尽早步入细分市场时代
- 什么是python全栈开发_什么是python全栈
- sqlserver2008清除日志方法_MySQL常用工具、日志及读写分离
- ORA-04031错误分析和解决
- 服务器 intel cpu系列,Intel CPU产品系列有哪些
- 熟识 : 计算机文化(收藏)
- NAT 简介分类作用
- python_分类_category方法
- print spooler打印服务启动后,自动停止的解决方法。
- angular 部署的项目自定义访问路径,不使用root根目录的配置
- 关于CSS的一些语法知识
- oracle复杂语句练习
- Java+JSP+Mysql+Tomcat实现Web图书管理系统
- 喜马拉雅java社招面试_(转)喜马拉雅2018 Java面试题目
- linux内核启动过程3:内核初始化阶段
热门文章
- 跟着大神练VIM--------二级
- android代码使用adb,使用adb命令操控Android手机(示例代码)
- 大学之路:巨富的格局和胸怀,一定大到你无法想象!
- 爬虫之 JS(返回非 json 数据)的爬取
- android程序按home切换到后台,点击launcher的图标切换到前台,当前页面退出回到启动页
- 把两个C++项目编译成wasm
- [附源码]Python计算机毕业设计服装创意定制管理系统
- 做中台2年多了,中台到底是什么呢?万字长文来聊一聊中台
- python创建二维数组方法
- Debian10 vim 删除多行的方法