使用仪表盘设计模式

使用仪表盘

 

仪表盘是安卓中最老的UI设计模式之一。在以前这种设计模式还是官方推荐的。仪表盘就是陈列一些大的图标，通过点击图标就可使用功能。

 

问题描述

移动应用对于新手来说并不简单。很多新手对于刚打开应用的时候都很迷惑，常因为展示的不清楚而不知道它的功能。应用市场的竞争是很残酷的，如果你的应用让人不清楚如何使用时，用户就会使用类似的应用来代替你的。

 

解决方案

所谓的仪表盘屏幕它就是程序的各个功能入口。设计起来很简单。在屏幕上不需要过多的描述信息，只要能够通过一些链接来使用程序的功能。传统的做法是在屏幕上分布六个大的图标来表示各个功能。凡是直接展示在屏幕上的都是比较重要的功能。如果一个屏幕超过了六个图标就会使用户产生迷惑。当然不是所有的程序都有这么多功能，此时也不必要放那么多图标。仪表盘屏幕显示的都是程序的主要功能。仪表盘上的图标应该设计得很直观，使用户通过图标能直接知道它的功能。

 

尽管使用仪表盘的原则很简单，但它也被改进了很多。例如Aldiko阅读应用就添加了一个从仪表盘，除了使用上面四个图标链接到图书，还可以通过下面从仪表盘直接链接到图书（如图19-4）。在右边的Songkick应用也使用了仪表盘设计模式，但是它完全重新设计了，在视觉上以安卓4.0指南为标准（如图19-5）。

 

 

结论

使用仪表盘可以让应用在用户第一次使用时就觉得很友好。用户在了解了应用所有功能的同时，也很方便的导航到相应的功能页面去。

 

大屏幕适配

仪表盘设计模式在大屏幕的设备上并不能很好地按比例缩放。如果你希望在大屏幕设备上使用相同的方法，你就需要考虑怎样摆放的问题并将它展现出来。不要简单的直接将小屏幕上的仪表盘用到大屏幕的平板上！

 

Aldiko阅读软件（如图19-6）在平板上的仪表盘设计同样很棒。Aldiko利用多余的屏幕空间使得书架更大并且有拥有更多的屏幕空间。这样的布局同样很受欢迎并且没有浪费屏幕空间。

 

 

 

注意事项和批评

最近有好些知名度比较高的应用移除了自己使用的仪表盘设计模式。主要原因是仪表盘设计导致用户不能快速定位应用的核心功能（一个屏幕里那么多图标，哪个才是我最想要使用的，慢慢找呗~）。大部分应用都有一个主要的功能，通过都是将它们放在应用的主屏幕里。

 

在稍后章节中会介绍到侧边导航模式（side navigationpattern），它渐渐地取代了仪表盘模式。因为它能够很好地弥补仪表盘的缺陷。

 

具体实现

你可以手工创建仪表盘的布局，也可以使用安卓的标准布局控件网格布局（Gridlayout），它能很好地实现仪表盘，但是只能在比较新的安卓版本上使用。而且需要分别创建坚屏和横屏的布局。这里介绍一个布局类来实现仪表盘。Dashboard在Google I/O 2011中使用了，但是在2012版本里就被移除了。Dashboard布局类包含在本书的辅助应用（这本书的所有示例都结合在这个应用里了）源码里。你只需要要该布局类引用到你的布局文件中就能很容易的实现效果了。请看如下布局XML代码：

 

<com.google.android.apps.iosched.ui.widget.DashboardLayout android:layout_width=”fill_parent” android:layout_height=”fill_parent” > <Button android:id=”@+id/button_examples” android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:drawableTop=”@drawable/section_icon” android:text=”Examples” /> <Button android:id=”@+id/button_more_functions” android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:drawableTop=”@drawable/ic_launcher” android:text=”One more function” />

Tip:这个dashboard有个已知的BUG可能会产生布局问题。可以从这里获取补丁：http://code.google.com/p/iosched/issues/detail?id=19

此章未完待续。。。