android屏幕适配之度量单位、屏幕分类、图标尺寸归类分析

港控/mmm° 2021-12-23 01:13 343阅读 0赞

好久没有做android项目UI的适配了，好多基本概念都已经模糊了，于是萌生了将屏幕分辨率、常用单位、常用图标尺寸等信息规整的想法，一下就是通过查询资料，自己验证的一些随笔，如有失误之处，望大家及时予以指正，我将及时更新改正，有部分内容未添加，有些是不常用，有些是没有相关资料，希望在以后能慢慢补全。

**一、常见单位：**

1、px（pixels）：(像素) 屏幕上可见像素点

2、dip/dp（Density independent pixels）： 设备无关像素的长度单位。

3、sp（放大像素）：scaled pixels，主要用于字体显示 best for text size （随系统字体大小设置而变化）

4、dpi：(dots per inch )一英寸多少个像素点。常见取值 120，160，240。我一般称作像素密度，简称密度

5、density：密度。常见取值 1.5 ， 1.0 。和标准dpi的比例（160px/inc）

6、in (英寸)：长度单位

7、mm（毫米）：长度单位

8、pt：point （磅）一个标准的长度单位，1pt ＝ 1/72英寸，常用于印刷业

**二、常见概念：**

1、分辨率：横纵2个方向的像素点的数量，如：480\*800

2、屏幕尺寸：屏幕对角线长度，多以英寸为单位

3、屏幕比例：确定屏幕对角线长度后，屏幕形状没有确定，有了屏幕比例 4:3、16:9 这种屏幕比例后，就可以计算屏幕长宽

**三、计算方法：**

dpi = 对角线像素点数（根据分辨率通过勾股定理获取）／屏幕尺寸

density ＝ dpi／160

**四、屏幕尺寸与dp对照表：**

<table> 
 <tbody> 
 <tr> 
 <td> 资源文件夹 </td> 
 <td> 屏幕尺寸 </td> 
 <td> 屏幕像素密度（dpi－dots per inch） </td> 
 <td> 密度（density） </td> 
 <td> 1dp／dip </td> 
 </tr> 
 <tr> 
 <td> ldpi </td> 
 <td> &nbsp; </td> 
 <td> 120 </td> 
 <td> 0.75 </td> 
 <td> 0.75px </td> 
 </tr> 
 <tr> 
 <td> mdpi </td> 
 <td> 320*480 </td> 
 <td> 160 </td> 
 <td> 1.0(160px/inc) </td> 
 <td> 1px </td> 
 </tr> 
 <tr> 
 <td> hdpi </td> 
 <td> 480*800 </td> 
 <td> 240 </td> 
 <td> 1.5 </td> 
 <td> 1.5px </td> 
 </tr> 
 <tr> 
 <td> xhdpi </td> 
 <td> 1280*720 </td> 
 <td> 320 </td> 
 <td> 2.0 </td> 
 <td> 2px </td> 
 </tr> 
 <tr> 
 <td> xxhdpi </td> 
 <td> 1920*1080 </td> 
 <td> 480 </td> 
 <td> 3.0 </td> 
 <td> 3px </td> 
 </tr> 
 </tbody> 
</table>

**五、activity中获取相关参数方式：**

DisplayMetrics metric = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(metric);

int width = metric.widthPixels; // 屏幕宽度（像素）

int height = metric.heightPixels; // 屏幕高度（像素）

float density = metric.density; // 屏幕密度（0.75 / 1.0 / 1.5）

int densityDpi = metric.densityDpi; // 屏幕密度DPI（120 / 160 / 240）

**六、常用图标尺寸设计规范：**

<table> 
 <tbody> 
 <tr> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 <td> ldpi </td> 
 <td> mdpi </td> 
 <td> hdpi </td> 
 <td> xhdpi </td> 
 <td> xxhdpi </td> 
 </tr> 
 <tr> 
 <td> 应用启动图标 </td> 
 <td> &nbsp; </td> 
 <td> 36 x 36 px </td> 
 <td> 48 x 48 px </td> 
 <td> 72 x 72 px </td> 
 <td> 96 x 96 px </td> 
 <td> 144 x 144 px </td> 
 </tr> 
 <tr> 
 <td> 底部菜单图标 </td> 
 <td> 完整图片 </td> 
 <td> &nbsp;36&nbsp;x&nbsp;36&nbsp;px </td> 
 <td> 48&nbsp;x&nbsp;48&nbsp;px </td> 
 <td> 72&nbsp;x&nbsp;72&nbsp;px </td> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 图标 </td> 
 <td> 24&nbsp;x&nbsp;24&nbsp;px </td> 
 <td> 32&nbsp;x&nbsp;32&nbsp;px </td> 
 <td> 48&nbsp;x&nbsp;48&nbsp;px </td> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 图标外边框 </td> 
 <td> &nbsp;22&nbsp;x&nbsp;22&nbsp;px </td> 
 <td> 30&nbsp;x&nbsp;30&nbsp;px </td> 
 <td> 44&nbsp;x&nbsp;44&nbsp;px </td> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 弹出对话框顶部图标 </td> 
 <td> &nbsp; </td> 
 <td> 24&nbsp;x&nbsp;24&nbsp;px&nbsp; </td> 
 <td> 32&nbsp;x&nbsp;32&nbsp;px </td> 
 <td> 48&nbsp;x&nbsp;48&nbsp;px </td> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 长列表内部列表项图标 </td> 
 <td> &nbsp; </td> 
 <td> 24&nbsp;x&nbsp;24&nbsp;px&nbsp; </td> 
 <td> 32&nbsp;x&nbsp;32&nbsp;px&nbsp; </td> 
 <td> 48&nbsp;x&nbsp;48&nbsp;px </td> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 底部或顶部tab标签图标 </td> 
 <td> 完整图片 </td> 
 <td> &nbsp;24&nbsp;x&nbsp;24&nbsp;px </td> 
 <td> 32&nbsp;x&nbsp;32&nbsp;px </td> 
 <td> &nbsp;48&nbsp;x&nbsp;48&nbsp;px </td> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 图标 </td> 
 <td> 22&nbsp;x&nbsp;22&nbsp;px </td> 
 <td> 28&nbsp;x&nbsp;28&nbsp;px </td> 
 <td> 42&nbsp;x&nbsp;42&nbsp;px </td> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 底部状态栏图标 </td> 
 <td> &nbsp; </td> 
 <td> 18&nbsp;x&nbsp;18&nbsp;px&nbsp; </td> 
 <td> 24&nbsp;x&nbsp;24&nbsp;px </td> 
 <td> 36&nbsp;x&nbsp;36&nbsp;px </td> 
 <td> 48&nbsp;x&nbsp;48&nbsp;px&nbsp; </td> 
 <td> &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

转载于:https://www.cnblogs.com/walker-world/p/5238956.html