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 ...
随机推荐
- 分享一个Jquery 分页插件 Jquery Pagination
分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也挺简单明了的,也助于自己写个小插件. 不过我比较懒,一般直接 ...
- Microsoft Azure News(2) 在Microsoft Azure上运行SAP应用程序
<Windows Azure Platform 系列文章目录> 2014年6月27日消息,在 Microsoft Azure 上提供 SAP Business Suite 软件.All-I ...
- javascript时间戳和日期字符串相互转换
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...
- NPOI导入导出EXCEL通用类,供参考,可直接使用在WinForm项目中
以下是NPOI导入导出EXCEL通用类,是在别人的代码上进行优化的,兼容xls与xlsx文件格式,供参考,可直接使用在WinForm项目中,由于XSSFWorkbook类型的Write方法限制,Wri ...
- JS魔法堂:函数重载 之 获取变量的数据类型
Brief 有时我们需要根据入参的数据类型来决定调用哪个函数实现,就是说所谓的函数重载(function overloading).因为JS没有内置函数重载的特性,正好给机会我们思考和实现一套这样的机 ...
- C# 解析html —— 将html转为XHTML,然后利用Xml解析
呵呵,由于正则不熟,所以另谋出路——利用XML去解析html. 要想将抓取到的数据(直接抓取到的是byte[]) 转为XML文档(即XMLDocument对象),有两个要点: 一.判断编码(http ...
- RDLC报表打印
如果你的报表能正常显示,会看到RDLC工具条下的打印图标: 如果在客户端,第一次去点击此铵钮,如果当前操作者没有管理权限,会提示: Unable to load client print contro ...
- javascript定时器,取消定时器,及js定时器优化方法
通常用的方法: 启动定时器: window.setInterval(Method,Time) Method是定时调用的js方法 Time是间隔时间,单位是毫秒 取消定时器: clearInterval ...
- Win10 IoT C#开发 6 - 4x4矩阵键盘扫描
Windows 10 IoT Core 是微软针对物联网市场的一个重要产品,与以往的Windows版本不同,是为物联网设备专门设计的,硬件也不仅仅限于x86架构,同时可以在ARM架构上运行. 上一章我 ...
- 不可或缺 Windows Native (14) - C++: 文件
[源码下载] 不可或缺 Windows Native (14) - C++: 文件 作者:webabcd 介绍不可或缺 Windows Native 之 C++ 文件 示例CppIO2.h #prag ...