从技术实现角度看Android UI设计

一、Android 界面整体分区


如图

界面总体分为4个部分,从上自下依次为状态栏,动作栏,主内容,虚拟导航栏,其中动作栏与主内容栏是我们展示内容的区域,虚拟导航栏只有部分机型有,下面依次介绍这四个主要部分


1、状态栏(status bar)

a)所有Android机型默认都有状态栏,用来显示电池电量,网络状况,运营商等系统信息

b)状态栏可以隐藏

c)状态栏的图标和文字无法更改

d)4.4以上Android机型可改变状态栏的背景颜色,可将主界面布局延伸到状态栏部分(即状态栏悬浮在内容区上方)

e)状态栏高度一般为25dp(dp与px的换算在后面会有介绍)


2、动作栏(Action bar)

a) Action Bar是新版Android系统中最重要的交互元素,在程序运行中一直置于顶部,主要起到的作用在于:突出显示一些重要操作(如“最新”、“搜索”等),在程序中保持统一的页面导航和切换方式,将使用频率低的功能放在Action overflow中(即上图中的省略号),节省页面空间,一个固定区域显示程序标示

b) actionbar 的背景颜色,按钮,文字均可自定义

c) action bar 的高度一般为48dp

d)action bar 可隐藏

e)动作栏的三套图标大小参考值: 72 x 72 ; 96 x 96 ; 144 x 144 (px);


3、主内容区域

a) 一般应用内主内容区域的背景颜色一致

b)主内容区域的高度为屏幕高度-状态栏高度-动作栏高度-虚拟导航栏高度(如有),设计时需注意控制高度


4、虚拟导航栏

a)虚拟导航栏仅有部分机型有,如华为,魅族

b)虚拟导航栏仅部分机型可以隐藏

c)虚拟导航栏不可自定义图标文字

d)虚拟导航栏高度一般为48dp


二、Android的设计尺寸参考:参考这篇回答





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值