- 一、屏幕像素密度 DPI 与素材大小关联
- 二、屏幕像素密度 DPI 与 屏幕密度限定符 xhdpi 关联
参考文档 :
- 设备兼容性概览
- 屏幕兼容性概览
- 支持不同的像素密度
- 声明受限屏幕支持
屏幕像素密度 DPI 与素材大小关联 :
-
屏幕像素密度 ( DPI , Dots Per Inch ) 为 120 dpi 时 ( ldpi ) , 对应屏幕分辨率 240 x 320 ( QVGA ) , 对应素材放在 素材放在 res/mmap-ldpi 目录下 ;
-
屏幕像素密度 ( DPI , Dots Per Inch ) 为 160 dpi 时 ( mdpi ) , 对应屏幕分辨率 320 x 480 ( HVGA ) , 对应素材放在 素材放在 res/mmap-mdpi 目录下 ;
-
屏幕像素密度 ( DPI , Dots Per Inch ) 为 240 dpi 时 ( hdpi ) , 对应屏幕分辨率 480 x 800 ( WVGA ) , 对应素材放在 素材放在 res/mmap-hdpi 目录下 ;
-
屏幕像素密度 ( DPI , Dots Per Inch ) 为 320 dpi 时 ( xhdpi ) , 对应屏幕分辨率 720 x 1280 ( 720P ) , 对应素材放在 素材放在 res/mmap-xhdpi 目录下 ;
-
屏幕像素密度 ( DPI , Dots Per Inch ) 为 480 dpi 时 ( xxhdpi ) , 对应屏幕分辨率 1080 x 1920 ( HD , 1080P ) , 对应素材放在 素材放在 res/mmap-xxhdpi 目录下 ;
-
屏幕像素密度 ( DPI , Dots Per Inch ) 为 640 dpi 时 ( xxxhdpi ) , 对应屏幕分辨率 1440 x 2560 ( 1440P ) , 对应素材放在 素材放在 res/mmap-xxxhdpi 目录下 ;
当美工给的设计图尺寸是 720 x 1280 时 , 应该将素材放在 res/mmap-xhdpi 目录下 , 放在其它目录下会出现失真的情况 ;
二、屏幕像素密度 DPI 与 屏幕密度限定符 xhdpi 关联不同屏幕像素密度下的像素比例 :
m d p i : h d p i : x h d p i : x x h d p i : x x x h d p i = 2 : 3 : 4 : 6 : 8 \rm mdpi : hdpi : xhdpi : xxhdpi : xxxhdpi=2 : 3 : 4 : 6 : 8 mdpi:hdpi:xhdpi:xxhdpi:xxxhdpi=2:3:4:6:8
其中 mdpi 也就是 160 dpi 下 , 1像素 px = 1密度无关像素 dip ;
上述 m d p i 、 h d p i 、 x h d p i 、 x x h d p i 、 x x x h d p i \rm mdpi 、 hdpi 、 xhdpi 、 xxhdpi 、 xxxhdpi mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi 就是屏幕密度限定符 ;
屏幕像素密度 DPI 与 屏幕密度限定符 关联 :
- ldpi :
0
<
d
p
i
≤
120
\rm 0 < dpi \leq 120
0
关注打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?