• 沒有找到結果。

积木/控件 BUILDING BLOCKS ▶

在文檔中 Android 4.0 设计规范 (頁 79-95)

为你创造出色的 app 准备的控件库。

选项卡 Tabs

--- 操作栏中的选项卡可以很轻松探索 app 中的不同功能,或浏览不同分类的数据集。

滚动选项卡

滚动选项卡控件可以包含比普通选项卡控件较多的项目。通过横划左和横划右来操控。

Android 市场中的滚动选项卡

固定选项卡

固定选项卡显示所有项目,触摸标签即可导航。

浅色和深色的固定选项卡

Youtube 的固定选项卡

堆叠选项卡

如果导航在你的 app 中必不可少,你可以再堆叠多一个单独的操作栏选项卡。这有利于在较 窄的屏幕的快速切换。

列表

---列表可以纵向展现多行内容。它可以被用作数据选取及向下排列的导航。

1. 章节分割

使用章节分割来分组组织你的内容,便于扫描。

2. 行

列表可以容纳不同的数据组织形式,包括单行,多行,包含图标,复选框和操作按钮。

网格列表

---网格列表是标准列表的替代选择。它最适合那些使用图像展示的数据。对比简单的列表,网 格列表既可以水平滚动也可以垂直滚动。

通用网格

网格里的对象从两个方向组织,其中一个为滚动的方向。滚动方向决定了网格的组织顺序。

滚动的方向是不确定的,通过切断内容(边缘只显示一部分内容)的方式可以让用户知道哪 边才是滚动方向。

避免在两个方向都滚动。

1. 垂直滚动

垂直滚动的网格列表项是按照西方的阅读习惯进行排序:从左到右,从上到下。显示列表时,

底部内容切断,只显示一部分,让用户可以清晰知道垂直滚动向下可以看到更多,当用户旋 转屏幕时也要这样。

2. 水平滚动

水平滚动对比垂直滚动列表,排序稍有改变:先从上到下,再从左到右。同样使用相同的切 断右边缘内容的方法暗示滚动方向。

不要同时使用滚动选项卡与水平滚动网格列表,它们会冲突。如果你使用滚动选项卡,请配 合使用垂直网格滚动列表。

带标签的网格列表

样式

使用半透明面板覆盖在内容上来展示你的标签。这可以使你控制好背景与标签的对比,使背 景很亮的同时标签仍然很清晰。

滚动

---滚动让用户使用一个滑动的手势查看更多内容。滚动的速度与手势的速度成正比。

滚动提示

滚动时展示滚动提示(不滚动不展示),表明显示内容在全部内容中的位置。

索引滚动

除了传统的滚动,带有字母列表的索引滚动也是一个快速找到对象的方法。索引滚动,即使 在用户不滚动的时候也能看到滚动提示。触摸或拖动滚动条显示现在位置的字母。

Spinners (下拉菜单)

---Spinner 提供了一个快速选择的方式。默认展示了选中的内容。触摸下拉框展示所有可选内容,

用户可以从中选择。

下拉菜单的形式 ---按钮包括了文本和图形,它传达出当用户触摸它时,行为就触发的信息。Android 支持两种不 同的按钮:基础按钮和无边框按钮。两种都可以包含文本和图形。

基础按钮

基础按钮是传统的有边框和背景颜色的按钮。Android 支持两种样式的基础按钮:默认按钮和 小按钮。默认按钮的字体稍大,适合在内容框外显示。小按钮的字体和最小高度较小,适合 与内容一起显示。当需要与其他 UI 元素对齐时,使用小按钮。

无边框按钮

无边框按钮类似于基础按钮,但他们没有边界或背景。它也可以同时带有图标和文本。无边 框按钮在视觉上比基本按钮更轻巧,并能很好地与其他内容融合。

文本输入

---文本输入可以是单行也可以是多行,触摸一个文本输入的区域,光标就会自动放置,自动显 示键盘。除了输入,文本输入位置还有其他操作,例如文本选择(剪切,复制和粘贴)和自 动检查的数据查找。

1. 单行和多行

单行的输入区域当输入到边缘时会自动把内容往左边滚。多行输入区域当输入到边缘时会自 动换行。

3. 文本输入类型

3. 自动完成的文本输入

例子

使用滑块设置铃声音量。该值可以通过硬件音量控制或此滑块完成。

反馈

---当操作的过程会花费相当一段时间时,要提供还正在进行进程或已经完成的视觉反馈。

进程

可以的话,使用一个进度条告诉用户已经完成的百分比。

进度条应该从从 0%到 100%。避免把进度条设定到一个更低的值或使用一个进度条代表多个 事件,这样做毫无意义。如果你不确定一个进程需要到长时间,使用一个不确定的进度条。

在浅色主题和深色主题下的进度条

活动

如果你不知道进程将持续多久,用一个不确定的进度指标。有两种款式可供选择:一个长条 和一个圆。根据空间选用合适的。

1. 不确定进度条(显示为深色主题)

一个不确定的进度条会用于程度的下载。因为应用市场还没链接到服务器,所以不能决定要 多久才能下载完毕。

2. 进度圈(显示为浅色主题)

在 Gmailapp 正在加载邮件时会使用进度圈,因为它无法确定多久才能下载完该电子邮件。

在每个界面上,你应该只使用一个进度指示,并应根据周围环境的大小适应。例如,最大的 进度圈在空白的内容中显示良好,但在一个小对话框就不适用。

选择控件

---有三种选择控件:复选框、单选按钮、开关。

复选框

用户可以通过复选框在一组中选择多个选项。避免使用复选框进行开关操作。

单选按钮

用户可以通过单选按钮从一组选项中选择一个。单选按钮适用于你需要用户看到所有选项的 情况,如果它不需要看到所有选项,应该使用下拉菜单。

开关

开关可以从两个状态中选一。

对话框

--- 在 app 需要询问用户做选择或更多信息任务才能进行下去时可以使用对话框。对话框的形式 包括简单的选择确定、取消到复杂的要求用户调整设置或输入文本。

1. 标题区(可选)

标题是关于这个对话框是什么。例如,它可以是一项设置的名称等。

2. 内容区域

对话框内容多种多样。对于设置对话框,它会可以帮助用户改变 app 属性或系统设置的元素 包括滑块、文本输入、复选框、单选按钮。其他的还包括警报,内容可能是用户需做决定的 背景资料介绍。

3. 操作按钮

弹出窗口

弹出窗口是对话框的轻量版,它只要求用户的一个选择。弹出窗口不需要确定或取消按钮。

它只要求在众多选项中选取一个或点击弹出窗口以外的地方离开弹出窗口。

Toasts 信息提示条

信息提示条是一个操作以后的轻量反馈。例如,当你在写邮件的页面跳转到其他页面时,信 息提示条弹出提示“邮件已存到草稿箱”,让你之后还可以继续编辑它。信息提示条在几秒后 自动消失。

选择器

---选择器提供了一个简单的方式从一定范围内选择一个值。操作可以触摸向上向下箭头按钮、

通过键盘输入或向上向下滑动的手势选取。

空间的考虑

选择器可以内嵌在一个形式里,但由于它占的位置相对较大,最好把它放在一个对话框里。

对于嵌入式的,可以考虑使用更为紧凑的空间如文本输入或下拉菜单。

日期和时间选择器

Android 提供了以下这些供使用的日期和时间选择器对话框。每个选择器可用于输入日期(月,

日,年)或时间(小时,分钟,上午/下午)。在你的 app 中使用这些选择器可以保证用户的输 入格式准确、有效。时间和日期的格式会根据使用的语言环境而自动调整。

在文檔中 Android 4.0 设计规范 (頁 79-95)

相關文件