Android界面尺寸规范

720*1280 即xhdpi 相对于hdpi是2倍。同等于ios 苹果6的切图的2倍图。是可以通用的。

在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。

第一部分:720*1280的布局规范

根据48dp原则,以及一些主流的android应用的截图分析,总结一下尺寸要求:

状态栏高度:  50 px

导航栏、操作栏高度:  96 px=48dp x 2

主菜单栏高度:  96 px

内容区域高度:  1038 px (1280-50-96-96=1038)

Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也和菜单栏一样为:96 px

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

第二部分: 图标和字体大小(来自官方规范文档)

a、启动图标(home页或app列表页) 整体大小为48 x 48 dp 没有空白的区域的完整图标。当然也可以是包含空白区域的图标等于48DP.

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

同时大家需要看下这个图:48dp代表了触摸的范围:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

b、操作栏图标,代表用户在app中可以使用到的最重要的图标

整体大小为32 x 32 dp ,图形实际区域为24 x 24 dp

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

c、小图标/场景图标,提供操作或特定项目的状态。

比如gmail app的星型标记、一些内容展开收起用到的向下向上的图标等。整体大小为16 x 16 dp ,图形实际区域为12 x 12 dp 。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

d、通知图标

如果app有通知,要提供一个有新通知时显示在状态栏的通知图标。整体大小为24 x 24 dp ,图形实际区域为22 x 22 dp 。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

注:android规范提供的尺寸单位是dp,若设计稿尺寸设为720 x 1280 ,图标大小需在规范要求的尺寸数字上乘以2。比如操作栏图标32 x 32 dp ,则设计稿上应该是64 x 64 px 。

e、字体大小

Android规范中的要求如下:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

前面提到Android开发中的字号单位是sp,而换算关系是sp*ppi/160 = px 。所以720 x 1280尺寸的设计稿上,字体大小可选择为24px 、28px 、32px 、36px ,主要根据文字的重要程度来选择,特殊情况下也可能选择更大或更小的字体。

f、其他尺寸要求

结语

看到这篇文章的人不知道有多少是和我一样的Android程序员。

35岁,这是我们这个行业普遍的失业高发阶段,这种情况下如果还不提升自己的技能,进阶发展,我想,很可能就是本行业的职业生涯的终点了。

我们要有危机意识,切莫等到一切都成定局时才开始追悔莫及。只要有规划的,有系统地学习,进阶提升自己并不难,给自己多充一点电,你才能走的更远。

千里之行始于足下。这是上小学时,那种一元钱一个的日记本上每一页下面都印刷有的一句话,当时只觉得这句话很短,后来渐渐长大才慢慢明白这句话的真正的含义。

有了学习的想法就赶快行动起来吧,不要被其他的事情牵绊住了前行的脚步。不要等到裁员时才开始担忧,不要等到面试前一晚才开始紧张,不要等到35岁甚至更晚才开始想起来要学习要进阶。

给大家一份系统的Android学习进阶资料,希望这份资料可以给大家提供帮助。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!
图片转存中…(img-ExWjgfV6-1714556829865)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!

  • 9
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值