4000-888-103

资讯动态Material Design Layout Pixel density 密度与分辨率资讯详情

Material Design Layout Pixel density 密度与分辨率

2019-11-01 16:53:38

 

目录

像素密度
密度独立性
Android上的像素密度
iOS上的像素密度
网页上的像素密度

屏幕像素密度和分辨率因平台而异。

 

像素密度

一英寸的像素称为像素密度

屏幕密度变化

高密度的屏幕每英寸拥有的像素数量比低密度的要多。 因此,相同像素尺寸的UI元素在低密度屏幕上显得更大,而在高密度屏幕上显得更小。

 

计算像素密度
要计算屏幕密度,您可以使用以下公式:

屏幕密度=以像素为单位的屏幕宽度(或高度)/以英寸为单位的屏幕宽度(或高度)
​​

 

 

密度独立性

密度独立性是指在不同密度的屏幕上显示的UI元素是相同的。

与密度无关的像素
与密度无关的像素,写为dp(发音为“dips”),是一个灵活的单位,可在任何屏幕上缩放以统一的尺寸。
它们提供了一个灵活的方式适应多平台的设计。
材料UI使用与密度无关的像素在不同密度的屏幕上始终一致地显示元素。
​​

  1. 低密度屏幕显示的密度独立性
  2. 高密度屏幕显示的密度独立性

 

Android上的像素密度

在开发Android应用程序时,使用dp在不同密度的屏幕上显示一致地的元素。

Dps和屏幕密度
1dp等于密度为160的屏幕上的一个物理像素。

dp的计算方式为:
dp =(以像素为单位的宽度* 160)/屏幕密度

屏幕物理宽度屏幕密度以像素为单位的宽度 以dps为单位的宽度
1.5in120180px240dp
1.5in
160
240px
240dp
1.5in
240
360px
240dp

 

可缩放像素(sp)
可缩放像素(sp)和dp功能一样,但仅用在字体上。 1sp的默认值和1dp一样。

sp 和 dp 的主要区别是 sp 保留了用户的字体设置。在辅助功能中设置了大号字体的用户会看到和他们的设置相匹配的字体大小。

 

iOS上的像素密度

iOS使用逻辑分辨率确定密度,逻辑分辨率以磅为单位测量单位。

逻辑分辨率
在逻辑分辨率,要点是使用Native Scale因素缩放,这个映射到设备的原始分辨率(以像素为单位)。

例如,在为iPhone X进行设计时,您将设计一个375 x 812点的逻辑分辨率。 渲染时,由图形硬件处理元素以填充iPhone X的1125 x 2436像素的屏幕。

 

iOS上的单位
在为iOS设计时,请重点用(pts):

了解更多:

1.Apple iOS的显示器文档
2.PaintCode的iPhone分辨率指南

 

网页上的像素密度

逻辑分辨率
使用设备的逻辑分辨率,可缩放到设备的屏幕分辨率。

 

网页上的单位
当在Web上设计时,将pp替换为px(像素)。

 

关键词:h5页面怎么制作 h5页面模板免费下载 单页面h5应用
上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png