Android设计规范Material Design-Components(9列表控制)

9月12日,是不是很奇怪,昨天才说可能要有段时间不能更新了,但是为什么今天又更新了,主要是因为小编我昨天眼拙,搬文章的网站改版了,没有找到,就以为没有了~~拖出去赏五十大板~~顺便告诉大家一个好消息~~校正全部完成了~~昨天说了列表,今天就来说说列表的控制~~~主要还是讲了列表控制的用法~~

列表控制

列表控制

用法

列表控制分为如下四种:

  • 状态
  • 主操作(包括文本字符串)
  • 次要操作
  • 次要信息

列表标题的元素要容易分辨,首先要注意阅读顺序,所以,状态主操作放在标题列表的左边。在这里,列表里面的文本内容也被认为是主操作的操作目标的一部分。

不要把两个展示图标和操作图标放在一起,比如复选框头像

如果列表的主操作是做导航作用的,那么就不要使用icon。列表它本身以及它的上下文就已经可以让用户明白这个列表的用处是什么。

次要操作以及信息应该放在标题的右边,次要操作通常要和主要操作分开单独可点击,因为越来越多的用户希望每个图标都能触发一个动作。

列表控制的类型

复选框(Checkbox)

复g选框既可以被定义成是主操作也可以是次要操作。

类型: 主动作/状态

单独可点击

Desktop on hover only


在这个列表中,复选框是主要操作和状态标志符

类型: 次要操作

单独可点击

当控制一系列的变量而不仅仅只是控制一个变量的情况下,考虑使用开关控件来替换。


在这个列表中,复选框是次要操作

开关

类型: 次要操作

单独可点击

重新排序

类型: 次要动作

通常都是单独可点击,视当前列表所处的模式而定。

该动作允许用户给列表中项通过拖动变换位置。通常,这个按钮出现在列表编辑的模式下。

展开/折叠

类型: 次要动作

单独可点击

垂直展开或者折叠列表来显示或者隐藏当前列表

Leave Behinds

类型: 其他

Leave-behind 是在当某一项列表被滑开之后的操作提示。Leave-behind可以被转换成一项操作。

无论从哪个方向滑动列表,都会出现操作图标。滑动了之后,操作图标就会居中显示于列表空白处。

不推荐的做法:导航列表控制

通常情况下,列表本身的内容就已经隐含了导航信息,因此,列表里面就不需要额外的图标。

查看更多

类型: 主要操作(连同行内其他内容)

非单独可点击

点击之后跳转到与当前列表相关详细信息的页面,通常这都是一个新的页面或者面板。

菜单控制的类型

选中

类型: 状态

非单独可点击

仅适用于菜单。用来表示当前列表是否通过不同的操作之后被选中。

内联信息

类型: 次要信息

非单独可点击

仅适用于菜单。内联信息是列表中一小段文字用来提供当前标题相关的信息或者提示,比如快捷键。不能被删除。

非常感谢这些辛苦翻译的小伙伴!! 原文:List controls翻译:leiweibo校对:cxytomo

文章转自:http://design.1sters.com/

=========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享,希望打造一个最好的ui学习教程平台!

APP截图站:app.xueui.cn海量APP截图,让你灵感爆发!

(0)

相关推荐

  • Android设计规范 Material Design

    阔别多日,不知道小伙伴们,有没有想我呀~~这里补充上Android设计规范 Material Design的目录,方便小伙伴们阅读~~ Style 色彩 – Color 字体排版 – Typograp ...

  • Android设计规范Material Design-Components(11进度和动态)

    9月15日,昨天和小伙伴谈论了一下这个谷歌新出的Material Design设计语言,我之前刚看到的时候也以为是一种程序或者系统之类的~~但是越到后面才发现这更像是一种设计规范~~就我看来这就是一种 ...

  • Android设计规范 Material Design-Components(10菜单)

    9月13日,谷歌设计语言~~接着列表控制,讲讲菜单,我们平时看到手机上的各种下拉菜单什么的,对于我们来讲在应用中主要是用于导航,而在这种谷歌新的设计语言中它不仅仅是用于导航,或者说导航只是一部分作用~ ...

  • Android设计规范 Material Design-Layout(1准则)

    9月3日,又是新的一天,今天开始翻开新的篇章,,Material Design的第二部分Layout.其实我是不知道什么是Layout,所以我为了方便大家,随便是给自己涨涨知识,不好意思的又去找了找度 ...

  • Android设计规范 Material Design-Style(1.色彩)

    八月已过去,九月刚来到~暑假已过去~九月上学季~~又迎来了一个桂花飘香的季节,你是否有了新的目标和计划~~所以在九月初始给大家带来一个全新的东西(ps:对于我来说是全新的东西)--Material D ...

  • Android设计规范 Material Design-Style(4图像)

    接着图标,来说说图像,图标是一种视觉语言,图形则更能带来视觉冲击,给人带来不同的心境,所以下面就是图像的重要性,以及图像运用原则. 图像(Imagery) 图像 在material design中,图 ...

  • Android设计规范 Material Design-Resources(1布局模板)

    9月29日~~昨天天气好好呀,阳光明媚,多么希望十一也这样,那感觉简直是倍儿爽~~话说,今天以后更新的基本都是干货~~所以收获总在最后~~(ps:所有关于 Material Design的下载都在文章 ...

  • Android设计规范Material Design-Components(8列表)

    9月11日,很抱歉的跟大家说,这个更新目前到此了~~可能是因为原文章,开始校对了,所以后面的就被撤掉了,但是大家应该也有所了解了~所以我们会继续跟踪的~~如果校正完毕或者有新消息,会第一时间想到我们学 ...

  • Android设计规范 Material Design-Patterns(2手势)

    9月24日,最近几天,天天晚上都下雨~~冷呀~~还有99天,2014年就过完了(ps:国历年),新的一年就要来了,想想自己在这即将过去的一年里都干了什么,是不是想唱,时间都去哪儿了,我感觉是什么的没有 ...