Android design Building Blocks

可以开始设计精美的应用了。

Tabs


 

& 可滚动的Tabs

能包含比一个标准的Tab控制更多的items,通过向左向右Swipe来导航。

& 固定的Tabs

把所有的items都显示在当前界面

& 堆叠的(stacked)Tabs

如果View的导航在你的应用里比较重要,可以把tabs放到Action bars里,这可以在窄屏幕里也能快速的切换

 

Lists


 

List,竖直地展示多个items。可以用作数据选择,同时也可以当成进入下一层的导航。可以分成两部分:

  1. Section Divider:用这个来把内容组织分割成小组
  2. Line items:List items可以以不同形式容纳多种类型的数据,包括单行,双行,多行文字,以及自定义的icons,checkbox和 Action buttons

 

Grid Lists


 

Grid List是标准的List views的一个变种,适合用来显示图片类的数据。可以竖直或横向滚动。

& 通常的Grids:

items被安排在一个二维空间里,滚动时一边不动。为了能让用户知道如何滚动,在那个方面最后一张图不要完整显示出来。不要创建一个在两个维度都可以滚动的grid lists.

-> 竖直滚动

遵循传统西方阅读方式,从左到右,从上到下。最后的部分要切一部分,让用户知道朝哪里滚动。记住要保持这个列表,当用户旋转屏幕的时候。

-> 水平滚动

与竖直排列不同的是,顺序是从上到下,从左到右。注意:如果使用的是Scrollable Tabs ,在内容部分不要使用水平滚动,会发生冲突。而是要使用竖直滚动来进行导航。

& 带标签的Grid List

用半透明的面板来显示一些内容。

 

Scrolling


 

& Scroll Indicator:

当滚动的时候出现,指出当前滚动到哪个部分

& Index Scrolling:

比传统的滚动更多的是,一个以字母排列的List也可以提供一个索引滚动:可以快速滚动到以一个特定字母开头的items去。当你在点击或拖动这个Scroll Indicator的时候,对应的字母会出现。

 

Spinners


 

Spinners提供一个快速选择的方式。默认的是显示当前选择的值。点击后显示一个下拉菜单,用户可以选择其中一种值。它可以用在表单(form)里或是Action bar里。

 

Buttons


 

Android支持两种类型的Buttons:基本的 和 无边界的。两种都可以包含文字标签以及图片。

& Basic Buttons

Android支持两种类型的基本的按钮:默认的和小的。在表单里使用small buttons来跟其他UI元素对齐。

& Borderless Buttons

无边界的Button比基本的Button看上去要干净。

 

Text Fields


 

& 单行与多行

如果光标到最右边,单行的文字会自动隐藏到左边;而多行的文字输入框会折行。

& Text filed 类型

可在有不同的类型,虚拟键盘也会跳出相应的字符。

& 自动补齐(auto-complete)

用自动补齐来实时呈现用户想输入的内容。

& Text Selection

用户可以通过长按来选择任意的词。

 

Seek bar and Sliders


 

交互的Sliders可以让用户选择连续的值。最小的值在左边,最大的在右边。组件名叫SeekBar

 

Progress&Activity


 

& Progress:

如果你知道这个进度还有多久才能完成,可以使用一个确定的Progress Bar,让用户明确还有多久才能完成。Progress Bar应该从0%到100%。不要用一个进度条表示多个事件。如果不知这个操作要花多少时间,用一个不确定(indeterminate)的progress 指示。

& Activity

如果你不知道这个操作会持续多久,使用一个不确定的Progress指示。有两种风格:平坦的和圆圈。这要根据空间大小来。

  1. Activity bar:刚开始连接的时候使用,因为还没有连接上,不知道要用多少时间才能完成操作
  2. Activity Circle

 

Switches


 

允许用户去选择选项。有三种:checkbox,radio buttons以及 on/off 开关

& Checkbox

允许用户在一个集合中去进行多个选择。不要使用Checkbox去作为开关,而要用on/off 开关去实现

& Radio Buttons

从一个集合中选择一个。如果觉得用户有必要一起把所有的选项都看到的话,就用这个。否则可以使用spinner

& On/off switch

组件名:Switch。在两个状态间进行切换

 

Dialogs


 可以分成三个部分:

  1. 可选的标题区域
  2. 内容区域
  3. Action buttons:典型的为Cancel和(或)OK,作为一个规则,“取消”类似的消失的Action放在左边,“OK”类似的肯定的Action放在右边

 & Popups

Popups是一个轻量的Dialog,它没有实体的“取消”按钮,点击屏幕其他部分可以使其消失。一般用来让用户做一些选择。

& Toast

提供轻量的反馈。

 

Picker


 

提供一个简单的从一个集合中选取一个值的方法。因为与它相关的部分太大,所以不建议在一个表单中使用。可以用textField或者Spinners来代替使用。最好是在一个Dialog中使用它。

& Date和Time Picker

 

最后,在提供的Downloads里,有Roboto字体可供下载使用,此外,还有一些Action bar的图标也可以下载得到。

 

 

 

你可能感兴趣的:(android)