适配不同的Android屏幕
博客专区 > logan676 的博客 > 博客详情
适配不同的Android屏幕
logan676 发表于3年前
适配不同的Android屏幕
  • 发表于 3年前
  • 阅读 116
  • 收藏 6
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

像素密度比例关系
---
一般需要五份不同尺寸的图标来适配不同的屏幕分辨率,系统可以自动根据分辨率的图标来创建低分辨率的图标。


尺寸 | dpi | 倍数|
--- | --- | ---
mdpi (Baseline) | 160 dpi | 1×
hdpi | 240 dpi | 1.5×
xhdpi | 320 dpi | 2×
xxhdpi | 490 dpi | 3×
xxxhdpi | 640 dpi | 4×


启动项图标 (Launcher icons)
---
Sizes (px) | Format and naming |
--- | --- |
48 × 48 (mdpi) | .png | 
72 × 72 (hdpi) |
96 × 96 (xhdpi) |
144 × 144 (xxhdpi) |
192 × 192 (xxxhdpi) |
512 × 512 (Google Play store) |
**注意:**制作一个立体的,有轻微的透视感,能使用户感知一些深度的图标


Action bar, 对话框 & Tab页图标
---
Sizes (px) | Format and naming
--- | --- |
24 × 24 area in 32 × 32 (mdpi) | .png |
36 × 36 area in 48 × 48 (hdpi) |
48 × 48 area in 64 × 64 (xhdpi) |
72 × 72 area in 96 × 96 (xxhdpi) |
96 × 96 area in 128 × 128 (xxxhdpi) |
**注意** 第一列数字是图标图案的大小,第二列是图标文件大小


上下文图标 (Small Contextual Icons)
---
Sizes (px) | Format and naming |
--- | --- |
16 × 16 (mdpi) | .png |
24 × 24 (hdpi) |
32 × 32 (xhdpi) |
48 × 48 (xxhdpi) |
64 × 64 (xxxhdpi) |
**注意**  小图标用于表面动作或展示为特定的状态。例如,在Gmail应用程序,每封邮件都有邮件标记为重要的一个星形图标。


通知栏图标 (Notification icons)
---
Sizes (px) | Format and naming
--- | --- |
22 × 22 area in 24 × 24 (mdpi) | .png
33 × 33 area in 36 × 36 (hdpi) |
44 × 44 area in 48 × 48 (xhdpi) |
66 × 66 area in 72 × 72 (xxhdpi) |
88 × 88 area in 96 × 96 (xxxhdpi) |
**注意**这些都是用在状态栏来表示的应用程序的通知。他们应该是白色,扁平化的效果。


  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 3
博文 9
码字总数 1078
×
logan676
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: