Android 4.4 UI 设计规范.docVIP

UI 概览Android 的系统 UI 为构建你自己的应用提供了基础的框架。主要包括主屏幕 (Home Screen) 的体验、全局设备导航和通知抽屉。 你的应用对于保持统一和愉快的 Android 使用体验至关重要。本章的最后，我们将介绍在你的应用中完成这些目标的基础元素。 借由提纲挈领的介绍，你将会对 Android 用户界面有一个大致的认识。 主屏幕、所有应用和最近的应用 主屏幕 主屏幕是一个可以自定义的放置应用图标、目录和窗口小部件 (widget) 的地方。通过左右滑动切换不同的主屏幕面板。 收藏栏在屏幕的底部，无论怎么切换面板，它都会一直显示对你最重要的图标和目录。 通过点击收藏栏中间的“所有应用”按钮打开所有的应用和窗口小部件展示界面。 所有应用 “所有应用”界面可以浏览所有安装在设备上的应用和窗口小部件。 用户可以在“所有应用”中通过拖动图标，把应用或窗口小部件放置在主屏幕的空白区域。 最近的应用 “最近的应用”提供了一个高效的方式去切换最近使用的应用。它能为正在运行的任务提供清晰的导航。 “最近的应用”按钮放置在导航栏的右边，点击后将会显示最近用户常用的应用。它们是按照时间顺序排列，将最近使用的放在最下面。 点击将能切换到该应用，左右滑动则可以将其移除。 系统栏 系统栏是屏幕上专门用于显示通知、设备通信状态和设备导航的区域。典型的系统栏会一直和你的应用一起显示出来。如果应用需要显示沉浸式内容，例如播放电影和浏览图片时，可以临时隐藏系统栏进入全屏模式，减少视觉干扰。 1. 状态栏 左边显示等待操作的通知，右边显示时间、电量以及信号强度等。向下滑动状态栏将显示通知抽屉。 2. 导航栏 Android 4.0 引入了导航栏，取代传统的物理按键。这里显示返回、主屏幕和最近的应用按钮，当运行为 Android 2.3 或更早的系统所设计的应用时，还会显示菜单按钮。 通知抽屉 通知抽屉显示一些简要的信息，用户在任何时候都可以从状态栏访问它们。它收纳应用升级、提醒以及其他一些重要但不至于直接打断用户的信息。向下滑动状态栏可以打开通知抽屉。点击消息将会打开相应的应用。通知抽屉的更多信息 典型的通知由一行标题和一行信息组成。如果确有需要，可以考虑增加第三行。 左右滑动一条通知将会把它从通知抽屉中移除。 通用的应用 UI 典型的 Android 应用由操作栏和应用内容区域组成。 1. 操作栏 应用的命令和控制中心。操作栏包括应用内的导航和最主要的操作。 操作栏的更多信息/design/patterns/actionbar.html 操作栏? “操作栏”对于 Android 应用来说是最重要的设计元素。它通常在应用运行的所有时间都待在屏幕顶部。 操作栏的主要目的是: 突出重要的操作 (例如“新建”和“搜索”) 并且可以方便的使用。 在应用内提供统一的导航和视图切换体验。 将较少使用的功能收集到“更多操作”菜单中，减少界面上的杂乱布局。 为你的应用提供一个展示其特点的空间。 如果你是编写 Android 应用的新手，请注意操作栏是需要实现的最重要的设计元素。根据下面的指导设计你的应用，使其和 Android 核心应用达到统一的界面体验。 基本布局 对于大多数应用，操作栏可以分割为 4 个不同的功能区域。 1. 应用图标 应用图标是应用的标志。在应用图标位置摆放你自己的 logo。注意: 如果当时应用不在顶层界面，那么在图标左边放置一个向左的箭头，表示“向上”按钮，使用户可以回到上一级界面。“向上”按钮的更多细节，请查看 导航 一节。 应用图标以及有和没有“向上”按钮的状态。 2. 视图控制 如果你的应用通过多个不同的视图显示数据，这个区域将允许用户切换视图。可以使用下拉菜单或者标签控件来实现。 如果你的应用没有多个视图，你可以在这里显示不可操作的内容，例如标题或者品牌信息。 3. 操作按钮 显示应用中最重的操作。如果图标放不下了，就自动移入“更多操作”菜单。 4. 更多操作 将较少被用到的操作放在这个菜单里。 适应旋转和不同的屏幕尺寸 UI 设计最重要的一件事就是让其自动适应旋转和不同的屏幕尺寸。 你可以使用“副操作栏”来做到。你可以在“副操作栏”中放置一些操作，“副操作栏”可以根据需要放在操作栏下面或者屏幕底部。 副操作栏的布局 当你要把操作放在多个操作栏中的时候，一般有三个选择: 1. 操作栏 2. 顶部栏 3. 底部栏 如果用户可以导航到应用的上一级屏幕，那么操作栏中至少要放置“向上”按钮。 为了让用户可以快速切换屏幕和视图，在顶部栏中放置标签或者下拉菜单 (spinner)。 当没有足够的空间显示操作图标时，使用底部栏。 操作栏按钮 操作栏按钮展示应用中的重要功能。考虑一下哪