一、什么是Action Bar
Action Bar被认为是新版Android系统中最重要的交互元素,在程序运行中一直置于顶部,主要起到的做用在于:
1)突出显示一些重要操做(如“最新”、“搜索”等)
2)在程序中保持统一的页面导航和切换方式
3)将使用频率低的功能放在Action overflow中,节省页面空间
4)一个固定区域显示程序标示html
二、Action Bar分红四个区域
App Icon:可显示软件icon,也可用其余图标代替。当软件不在最高级页面时,图标左侧会显示一个左箭头,用户能够经过这个箭头向上导航。
视图切换:若是你的应用要在不一样的View中显示数据,这部分容许用户来切换View。通常的做法是用一个drop-down菜单或者是Tab Controls。若是只有一个界面,那这里能够显示App Title或者更长点的商标信息
Action Buttons:这个放最重要的软件功能,放不下的按钮就自动进入Action overflow了。
Action overflow:把不经常使用的Actions移到Action overflowandroid
三、屏幕旋转及不一样分辨率适配
写一个应用时一个重要的UI 问题就是如何适应屏幕旋转和不一样尺寸的屏幕。你能够经过使用split action bars来适应这种变化,
就是把action bar 内容拆分到不一样的bars里,拆分后通常包含三个部分:
Main action bar:用户能够经过main action bar导航至上一级,所以这个操做条是必须的;
Top bar:当页面上有不一样的内容视图时,可在这个条上使用TAB或spinner下拉菜单的形式切换;
Bottom bar:要展示更多操做和功能,在页面最下端排列浏览器
四、Contextual Action Bar (CAB)url
“上下文操做栏” (contextual action bar,CAB) 是一个浮于操做栏上的临时操做栏,用来放置一些特定的子任务。“上下文操做栏”通常在项目选择和文字选择时出现。
浏览器和 Gmail 应用中的上下文操做栏htm
长按可选择的内容,进入选择模式,显示上下文操做栏。blog
此时用户能够:ip
当您让用户长按来选择项目时,须要使用上下文操做栏。您能够控制上下文操做栏中的图标,使用户能够执行不一样的操做。开发
五、Action Bar包含元素
1)Tabs
若是但愿用户常常在几个部分间切换,可使用Tabs。有两种Tabs:固定的(fixed)跟可滑动的(scrollable)
Scrollable:常常占据整个Bar的宽度,当前的活动View在中间位置,所以须要在一个专用的Bar里。能够本身水平的scroll,来显示更多其余的view。使用状况:若是有不少的Views或者你不肯定有多少Views,由于多是动态添加的。Scrollable Tabs应该老是容许用户经过左右Swipe来切换Views。get
Fixed Tabs:将全部标签显示在屏幕上,当方向变化时,它可能会被移动到Top bar位置去。it
2)Spinners下拉框
官方给出使用spinner而不用tab的状况:
当不但愿tab占据太多页面竖直方向上的空间
当用户认为不须要常常在视图之间切换时
3)Action buttons
要分清楚哪些Action是常用的,并根据这个来安排它们的位置。应该显示最经常使用的Actions,把其余不是经常使用的放到overflow里。
若是一个Action在当前不被使用,把它隐藏掉,而不是显示为不能用。
使用FIT表来分辨优先级。若是FIT中有一个适用,就把它放到Action bar,不然就放到Action overflow里。
F – Frequent 高频
当用户在这个页面时,是否10次中至少有7次会使用这个按钮?
用户是否一般要连续使用不少次?
若是每次使用该功能都要多一步操做,会不会很繁琐?
I – Important 重要
你是否但愿每一个用户都能发现这个功能,或者由于它很酷或者是你的卖点?
你是否定为当须要用到这个按钮时,应该很容易触及?
T – Typical 典型
在类似的软件中,这个功能是否是一般是的最重要操做?
在上下文环境下,若是这个操做按键被埋在overflow中,用户会不会惊讶?
下面的连接里包含一些系统自带操做的图标素材,针对不一样屏幕分辨率,可使用在Holo Light和Holo Dark主题中;
另外包括图标的Adobe Illustrator源文件可供自行修改。
4)Action overflow
Action overflow中存放并不会频繁用到的操做。按照官方网页上的说法,“Overflow图标仅显示在没有MENU硬按键的手机上,而对于有MENU键的手机,
overflow图标是不显示的,当用户点击MENU按键时弹出。”这样的说法比较蹊跷,彷佛和Google敦促手机厂商及软件开发商取消MENU的行为不相匹配。
六、Action bar上能够放下多少操做按钮?
若是操做按钮和软件标题等放在一排,放按钮的空间只能最多占用一半空间,若是按钮采用屏幕底部的整行action bar则可使用整个屏幕宽度。
屏幕宽度值Density-independent Pixels(dp)决定能够放置的图标数:
少于360 dp = 2个图标
360-499 dp = 3个图标
500-599 dp = 4个图标
多于600 dp = 5个图标
本文参考:http://developer.android.com/design/patterns/actionbar.html
欢迎转载,但请注明出处与做者
出处:http://blog.sina.com.cn/staratsky
做者:流星