Android必知App 常用图标尺寸规范汇总

Dear 丶 2022-04-21 16:06 1758阅读 0赞

## 1. 程序启动图标（icon launcher） ##

放在`mipmap-*dpi`下，文件名为`ic_launcher.png`

*  LDPI (Low Density Screen，120 DPI)，其图标大小为 36 x 36 px。
 *  MDPI (Medium Density Screen, 160 DPI)，其图标大小为 48 x 48 px。
 *  HDPI (High Density Screen, 240 DPI)，其图标大小为 72 x 72 px。
 *  xhdpi (Extra-high density screen, 320 DPI)，其图标大小为 96 x 96 px。
 *  xxhdpi（xx-high density screen, 480 DPI）,其图标大小为144 x 144 px。
 *  xxxhdpi（xxx-high density screen, 640 DPI）,其图标大小为192 x 192 px。

### 技巧：自动生成对应分辨率的 icon launcher ###

> 新增于2016-08-11

注意：使用ImageAsset处理的logo是在有些手机上是存在问题的 就是logo会显小 需要你们Ui将图片再此处理一下图片周边的白边 然后就好了（这个是适配后发现的）不过用这个工具还是很好的，Ui也省事了自己也省事了。。大多数手机还是很好的，如果不处理白边的话

使用 `Android Studio` ，在 `module`或者 `drawable` 上右键 `new > ImageAsset` ,可以把一张大图自动裁切成各 DPI 对应的分辨率的 icon launcher。

细节操作参照下图：

![create icon launcher][]

1.  选择要生成的图片类型：`Launcher Icons` ；
2.  Name 会自动生成 `ic_launcher` ，如果不是则填成 `ic_launcher` ；
3.  `Asset Type` 设置成 `Image` ;
4.  在 `path` 一列的最后选择自己要生成的图片
5.  调整 `Shape` 等参数；
6.  点击 `next` 一路到 `finish` 即可。

**PS：**使用 `Shape` 的其他参数，比如圆角`square` , 会默认使用**不支持透明度的颜色**作为背景，所以要根据具体的图标进行修改，特殊的情况需要设计师切出带圆角和透明度的大图。

## 2. 不透明度16进制值 ##

## 3. dp和px换算及关系 ##

各DPI的换算：

[![Android DPI][]][Android DPI]

数据总结表：

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>对应 DPI</th> 
   <th>比例(以 mdpi 为基数 1)</th> 
   <th>和px的换算关系</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>lpdi</td> 
   <td>120 DPI</td> 
   <td>0.75</td> 
   <td>1 dp = 0.75 px</td> 
  </tr> 
  <tr> 
   <td>mdpi</td> 
   <td>160 DPI</td> 
   <td>1</td> 
   <td>1 dp = 1 px</td> 
  </tr> 
  <tr> 
   <td>hdpi</td> 
   <td>240 DPI</td> 
   <td>1.5</td> 
   <td>1 dp = 1.5 px</td> 
  </tr> 
  <tr> 
   <td>xhdpi</td> 
   <td>320 DPI</td> 
   <td>2</td> 
   <td>1 dp = 2 px</td> 
  </tr> 
  <tr> 
   <td>xxhdpi</td> 
   <td>480 DPI</td> 
   <td>3</td> 
   <td>1 dp = 3 px</td> 
  </tr> 
  <tr> 
   <td>xxxhdpi</td> 
   <td>640 DPI</td> 
   <td>4</td> 
   <td>1 dp = 4 px</td> 
  </tr> 
 </tbody> 
</table>

### dp 到 px ###

这里给定：**400 dp \* 240 dp**  
则对应的图片分辨率分别为：

*  lpdi ⇒ 300 px \* 180 px
 *  mdpi ⇒ 400 px \* 240 px
 *  hdpi ⇒ 600 px \* 360 px
 *  xhdpi ⇒ 800 px \* 480 px
 *  xxhdpi ⇒ 1200 px \* 720 px
 *  xxxhdpi ⇒ 1600 px \* 960 px

### px 到 dp ###

从 `px` 换算成 `dp` 要知道它是以什么 `dpi` 标准来设计的，根据换算关系表可得到相应的 `dp` 。  
例如： 以 `xxhdpi` 标准设计的 UI，其中一个切图的分辨率是 `600 px * 360 px` ，根据换算关系表可知，在 `xxhdpi` 标准下，`1 dp = 3 px` ,则其对应的 `dp` 是 `200 dp * 120 dp` 。

*  **本文作者：** Cafeting
 *  **本文链接：** [https://likfe.com/2016/07/26/android-size-set/][https_likfe.com_2016_07_26_android-size-set]
 *  **版权声明： **本博客所有文章除特别声明外，均采用 [CC BY-NC-SA 3.0][] 许可协议。转载请注明出处！

[create icon launcher]: /images/20220414/f5353cea9b7046559335a7e1959545ee.png
[Android DPI]: /images/20220414/2d3902e4de8f4c2fa7c88e2bc137aa99.png
[https_likfe.com_2016_07_26_android-size-set]: https://likfe.com/2016/07/26/android-size-set/
[CC BY-NC-SA 3.0]: https://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh