Android Action Bar简介
Android Action Bar简介
Design: Action Bar
Action Bar是在屏幕顶端的一部分内容,通常在整个app进行中都保持存在。
它提供了几个关键的功能:
1.使得重要的动作明显且可以通过可预测的方式获得(比如New和Search)。
2.提供了app中一致的导航和View转换。
3.通过提供action流,减少了杂乱,尤其是对很少使用的动作来说。
4.为你的app内容提供了足够多的空间。
Action Bar区域
Action Bar可以分为四个不同的功能区域:

1. App icon
可以放一些logo或者牌子之类的图标。
但是如果你的app当前不在顶层屏幕,记得在logo左边放上Up指示图标(可以是一个返回箭头之类的),这样用户可以向上一层返回。
更多可参见 Navigation。
2. View control
如果你的app在不同的view中展示数据,action bar中的这一部分可以允许用户进行view的切换。
比如drop-down的菜单或者tab控制。
更多可参见App Structure 。
如果app不包含View切换,action bar的这一部分也可以用来展示非交互的内容,比如title或较长的branding信息。
3. Action buttons
Action Bar的这一部分用来展示一些app中比较重要的动作。
Action Bar中放不下的动作会自动移动到action overflow(4)中去。长按一个icon来看动作的名字。
动作应该有排序,FIT scheme可以用来对动作进行优先级划分。
Frequent, Important, Typical的动作应该被放在action bar里,如果都不满足,则应该放入action overflow中。
4. Action overflow
把不常用的动作放在action overflow中来。
Action bar上的action overflow图标仅仅在没有硬件菜单键的时候才显示,如果有菜单键,用户点击菜单键将会显示action overflow。
Action Bar的适配
为适配不同的设备,考虑不同的屏幕方向和屏幕尺寸,可以分割action bar。
分割的时候action bar的可考虑位置主要有三个:
1.Main content bar
2.Top bar
3.Bottom bar

如果允许用户向上层返回,即Up返回,那么Main content bar最少要提供向上返回的符号。
Top bar中可以用tab或者spinner让用户在View之间快速地进行切换。
Bottom bar通常用来展示动作,即action和action overflow。
Action bar中可以容纳的按钮个数(即action bar的容量)遵循一定的规律:
Main content bar中的action buttons不会占超过50%的宽度。
但底部的bar可以被全部占据。
屏幕的宽度(以dp为单位)决定了可以容纳的项目数目:
360dp以下:2个icon。
360-499 dp = 3 icons
500-599 dp = 4 icons
600 dp and larger = 5 icons
Action Bar的实现
Action Bar的ActionBar API是Android 3.0(API Level 11)才引进的。但是可以通过Support Library 支持2.1及以上版本。
具体见:
http://developer.android.com/guide/topics/ui/actionbar.html
参考资料
Design: Action Bar:
http://developer.android.com/design/patterns/actionbar.html
Develop: Action Bar:
http://developer.android.com/guide/topics/ui/actionbar.html
Reference: Action Bar:
http://developer.android.com/reference/android/app/ActionBar.html
资源下载:
Download the Action Bar Icon Pack
Android Action Bar简介的更多相关文章
- Android UI开发神兵利器之Android Action Bar Style Generator
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/x359981514/article/details/26283129 ActionBar是3.0后的 ...
- Android UI法宝的发展Android Action Bar Style Generator
ActionBar它是3.0经UI设计规格.同时它是Google设计风格强烈推荐,如何做一个高速设计的眼睛ActionBar之.进一步,我们设置了阶段为一个入眼ActionBar模板吧,然后,Andr ...
- Android Action Bar 详解篇 .
作者原创,转载请标明出处:http://blog.csdn.net/yuxlong2010 作为Android 3.0之后引入的新的对象,ActionBar可以说是一个方便快捷的导航神器.它可以作为活 ...
- 【Android Developers Training】 8. 定义Action Bar风格
注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...
- Android训练课程(Android Training) - 添加活动栏(使用action bar)
2014-10-28 张云飞VIR 翻译自:https://developer.android.com/training/basics/actionbar/index.html 添加活动栏(Addin ...
- Android设计和开发系列第二篇:Action Bar(Develop—Training)
Adding the Action Bar GET STARTED DEPENDENCIES AND PREREQUISITES Android 2.1 or higher YOU SHOULD AL ...
- Contextual Action bar(2) 简介,启动,各函数介绍
一.Context Action Bar简介 它是一个ActionBar,有各种操作项,但它不是始终显示的ActionBar,它需要上下文才显示.样式如下: 二.Context Action Bar的 ...
- Android官方文档翻译 十 2.3Styling the Action Bar
Styling the Action Bar 设计菜单栏的样式 This lesson teaches you to 这节课教给你 Use an Android Theme 使用一个Android主题 ...
- Android 自定义title 之Action Bar
Android 自定义title 之Action Bar 2014-06-29 飞鹰飞龙... 摘自 博客园 阅 10519 转 25 转藏到我的图书馆 微信分享: Action Ba ...
随机推荐
- [New Portal]Windows Azure Virtual Machine (19) 关闭Azure Virtual Machine与VIP Address,Internal IP Address的关系(1)
<Windows Azure Platform 系列文章目录> 默认情况下,通过Azure Management Portal创建的Public IP和Private IP都是随机分配的. ...
- 用Latex写学术论文: IEEE Latex模板和文档设置(\documentclass)
1.可以在博客园中使用latex代码输出公式,以后再以不用复制图片粘贴啦: http://www.cnblogs.com/cmt/p/3279312.html 例如以下代码两边加上 $ 符号后 x(k ...
- 分享使用Entity Framework的一个坑:Include无效
如果不想延迟加载,可以通过设置:context.Configuration.LazyLoadingEnabled = false;或查询时加上AsNoTracking()方法即可. 如果不想生成代理, ...
- ROS 新手常见问题汇总
版权声明:本文为博主原创文章,转载请标明出处: http://www.cnblogs.com/liu-fa/p/5772469.html 该博文致力于汇总ROS常见问题及解答,让更多的人少走弯路,避免 ...
- 【原创】Kakfa serializer包源代码分析
这个包很简单,只有两个scala文件: decoder和encoder,就是提供序列化/反序列化的服务.我们一个一个说. 一.Decoder.scala 首先定义了一个trait: Decoder[T ...
- [Asp.net 5] DependencyInjection项目代码分析2-Autofac
Microsoft.Framework.DependencyInjection.Autofac源码分析 该工程只有一个代码静态类AutofacRegistration,但是该类有3个扩展方法,以及3个 ...
- 使用VS Code开发ASP.NET Core 应用程序
最新教程:http://www.cnblogs.com/linezero/p/VSCodeASPNETCore.html 使用VS Code开发ASP.NET Core 应用程序 准备 1.安装VS ...
- js中的延迟执行和定时执行
在js中,延迟执行函数有两种,setTimeout和setInterval,用法如下: function testFunction(){Console.log('hovertree.com');} s ...
- 窗口之间的主从关系与Z-Order
说明:这是本人2008年写的一篇旧文,从未公开发表过.其中除了一小段描述Window Mobile平台的内容已过时,大部分内容对于从事Win32开发的程序员还是很有参考价值的,也是对自己从事Windo ...
- Node.js的UnitTest单元测试
body{ font: 16px/1.5em 微软雅黑,arial,verdana,helvetica,sans-serif; } 在专业化的软件开发过程中,无论什么平台语言,现在都需要UnitTes ...