newheader
手机登录
账密登录
登录
还没有账号? 马上注册
手机登录
账密登录
验证码图片
忘记密码?
登录
还没有账号? 马上注册
欢迎注册陪学网账号
已经有账号? 马上登录
产品中界面设计中的尺寸常识
YOYO
2018-04-13 14:03:51
298
0
一、基本概念 dip : Density independent pixels ,设备无关像素。 dp :就是dip px :像素 dpi :dots per inch ,直接来说就是一英寸多少个像素点。常见取值 120,160,240。我一般称作像素密度,简称密度 density :直接翻译的话貌似叫密度。

一、基本概念

dip        : Density independent pixels ,设备无关像素。

dp        :就是dip

px        :像素

dpi       :dots per inch ,直接来说就是一英寸多少个像素点。常见取值 120160240。我一般称作像素密度,简称密度

density :直接翻译的话貌似叫密度。常见取值 1.5 1.0 。和标准dpi的比例(160px/inc

分辨率   :横纵2个方向的像素点的数量,常见取值 480X800 320X480

屏幕尺寸:屏幕对角线的长度。电脑电视同理。

屏幕比例的问题。因为只确定了对角线长,2边长度还不一定。所以有了43169这种,这样就可以算出屏幕边长了。

 

二、应用

android里面,获取一个窗口的metrics,有这么几个值

metrics.density;

metrics.densityDpi;

densityDpi:就是我们常说的dpi

density:是 DPI / (160像素/英寸)后得到的值。

DPI的单位是像素/英寸,density是没单位的,是一个比例值。

 

三、单位转换

1. 计算dpi

比如:一个机器,屏幕4寸,分辨率480X800dpi是多少?
4
是对角线长度,用勾股定理算对角线像素,除以4,算出来大概是 dpi = 233 像素/英寸。
density=
233 px/inch/160 px/inch=1.46 左右

 

注意:android默认有3dpilowmediumhigh,对应 120160240

 

2. 计算dppx

布局时要知道1dp等于多少px

换算公式:dp = DPI/160像素/英寸));px = density px

 

假设dpi=240 像素/英寸, density=1.5

dp=1.5px

转换计算用这个公式:PX = density * DP

即:像素值 = density * 设备无关像素值

 

四、计算范例:荣耀7

屏尺寸:5.2英寸

屏幕分辨率:1920*1080像素

宽高比:169120

像素密度:424PPI

 

1.用勾股定理算出两边长

16x2+(9x2=A2  ,则:

16x2+9x2=5.22

 

2.换算英寸为厘米:1英寸=2.54厘米

=2.54*2.54=6.45厘米

=4.532*2.54=11.43厘米


长按二维码或加微信pexuepexue
进陪学产品交流群回复:资料分享
免费获取资料:每日更新 免费课程、学习资料、报告、招聘面试
标签:
登录 后参与讨论
发表
全部评论
没有更多评论了
newfooter
陪学网专注于产品管理类课程的开发与制作,
志在为产品经理、交互设计、平面设计、需求人员分享最新、最好的产品类课程。
陪学网:陪伴学习、陪伴成长
粤ICP备18075915号