Android复杂的操作栏

Android的操作栏有很多的展示形式和不同的类型。

在实际设计产品的时候,经常会有抓狂的感觉,”我在这个场景下到底该用哪种形式???”

那么,就需要了解以下内容:

操作栏的用途–

  • 突出重要的操作 (例如”新建”和”搜索”) 并且可以方便的使用。
  • 在应用内提供统一的导航和视图切换体验。
  • 将较少使用的功能收集到其它操作菜单中,减少界面上的杂乱布局。
  • 为您的应用提供一个展示其特点的空间。

操作栏的类型–

  1. 基本布局:由应用图标、视图控制、操作按钮和其它操作组成。

    这四个部分,简单的说,可以这么定义:

    1. 应用图标:图标必须,是否有向上按钮视场景而定
    2. 视图控制:提供在不同视图界面切换的入口,显示当前视图的标题,如果提供切换,需要有切换标志
    3. 操作按钮:显示当前页面最重要的操作项
    4. 其他操作:除最主要的操作外,都放入到这里

直白的说,如果把基本布局中的操作打散,又可以分为3种形式,使用优先级递减

  1. 操作栏:在最顶部 位置,可以形同基本布局
  2. 顶部栏:为了让用户快速切换屏幕和视图,可以在顶部栏用标签或下拉菜单形式
  3. 底部栏: 当顶部实在没有足够的空间显示操作必须的操作图标时,使用底部栏。

最后的重点,视图控制(View Controls)

1.标签形式(Tabs):有滚动和静止两种形式,自选,看需要展示类型的多少而定。

使用场景:用户需要经常切换标签;希望用户查看到其他视图内容。

1.1 固定标签:所有标签能一目了然的查看,此方式切换标签非常方便,需支持用户左右划屏进行切换视图。

1.2 滚动标签:占满顶部栏空间,当前标签居中显示,支持左右划屏查看不同视图。

2.弹出菜单(Spinners):通过弹出菜单形式切换视图。宗旨:节省屏幕空间(特别是屏幕的高度资源),用户不经常切换视图。

3.抽屉形式(Drawers):从侧边滑入滑出菜单,通过抽屉切换视图,通过点击左上角的应用图标+向上箭头进入。应支持在侧边左右划屏的方式展开或关闭抽屉。此交互应只出现在应用的顶层视图中。 使用场景:不希望标签栏占用高度空间;希望为几个之间不相互关联的视图提供应用内导航。

总结:

先确定app结构

视图数量有多少

各视图差别是否大

再确定视图的形式和使用哪些操作栏。

参考资料:

汉化版:http://www.apkbus.com/design/patterns/actionbar.html

原版:http://developer.android.com/design/patterns/actionbar.html

Tagged on: ,

发表评论