资讯专栏INFORMATION COLUMN

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

Travis / 2114人阅读

摘要:不透明度进制值和换算及关系各的换算数据总结表到这里给定则对应的图片分辨率分别为到从换算成要知道它是以什么标准来设计的,根据换算关系表可得到相应的。例如以标准设计的,其中一个切图的分辨率是,根据换算关系表可知,在标准下,则其对应的是。

1. 程序启动图标(icon launcher)      放在mipmap-*dpi下,文件名为ic_launcher.png
  • L DPI ( Low Density Screen,120 DPI ),其图标大小为 36 x 36 px
  • M DPI ( Medium Density Screen, 160 DPI ),其图标大小为 48 x 48 px
  • H DPI ( High Density Screen, 240 DPI ),其图标大小为 72 x 72 px
  • XH DPI ( Extra-high density screen, 320 DPI ),其图标大小为 96 x 96 px
  • XXH DPI( xx-high density screen, 480 DPI ),其图标大小为144 x 144 px
  • XXXH DPI( xxx-high density screen, 640 DPI ),其图标大小为192 x 192 px
     技巧:自动生成对应分辨率的 icon launcher

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

2. 不透明度16进制值

   

3. dp和px换算及关系    各DPI的换算:
            数据总结表:
            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 。


--------------------------------------------------------------------------------------------------------
作者:他叫自己MR张
来源:CSDN
原文:https://blog.csdn.net/ys743276112/article/details/51910874?utm_source=copy
版权声明:本文为博主原创文章,转载请附上博文链接!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2692.html

相关文章

  • 前端必知必会HTTP请求系列(三)HTTP报文内的http信息

    摘要:报文用于协议交互的信息被称为报文。现在出现的各种首部字段及状态码稍后会阐述。状态码响应报文包含了多个范围的内容使用。如果服务器无法响应范围请求,则会返回状态码和完整的实体内容。 showImg(https://segmentfault.com/img/bVbthNL?w=900&h=500); http报文 用于HTTP协议交互的信息被称为HTTP报文。请求端的http报文叫做请求报文...

    Invoker 评论0 收藏0
  • 简单说 chrome浏览器 必知必会的小技巧

    摘要:说明这篇文章主要介绍的就是一些浏览器的小技巧,很简单,希望对大家有所帮助。颜色的,或十六进制表示。单击其中一个方块将颜色更改为该方块。在当前颜色的,和表示之间切换。 说明 这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助。 这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不起作用,请先查看浏...

    XanaHopper 评论0 收藏0
  • 简单说 chrome浏览器 必知必会的小技巧

    摘要:说明这篇文章主要介绍的就是一些浏览器的小技巧,很简单,希望对大家有所帮助。颜色的,或十六进制表示。单击其中一个方块将颜色更改为该方块。在当前颜色的,和表示之间切换。 说明 这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助。 这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不起作用,请先查看浏...

    imtianx 评论0 收藏0
  • 简单说 chrome浏览器 必知必会的小技巧

    摘要:说明这篇文章主要介绍的就是一些浏览器的小技巧,很简单,希望对大家有所帮助。颜色的,或十六进制表示。单击其中一个方块将颜色更改为该方块。在当前颜色的,和表示之间切换。 说明 这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助。 这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不起作用,请先查看浏...

    gyl_coder 评论0 收藏0
  • 简单说 chrome浏览器 必知必会的小技巧

    摘要:说明这篇文章主要介绍的就是一些浏览器的小技巧,很简单,希望对大家有所帮助。颜色的,或十六进制表示。单击其中一个方块将颜色更改为该方块。在当前颜色的,和表示之间切换。 说明 这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助。 这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不起作用,请先查看浏...

    Travis 评论0 收藏0

发表评论

0条评论

Travis

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<