下拉按钮(Pulldown Button)

问题

用户需要在一组对象中选择其中一个。

解决方案

在视觉上以循环的方式呈现这些项目,这样一次就能选中一个项目。

how the items by their visual representation in a circular fashion so that one item can be selected at a time.

From www.funda.nl

何时使用

这些项目需要相当大的空间来显示,因为他们通常作为一张图片来显示。同时分配给项目的空间通常非常有限,仅够放5-8项。项目集合不应该太多,因为太多会花费更多时间去完成选择操作。当项目总数超过可见数目的3倍的时候请不要使用这个模式。

如何使用

在两端都有箭头按钮的矩形区域显示这些项目,同时高亮当前选中的项目。

为什么使用

tbw?

更多的例子

谷歌在回复(按钮)的设计上使用了下拉按钮,并隐藏了其他选项:

From Google.com

原文链接
http://www.welie.com/patterns/showPattern.php?patternID=pulldown-button

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,923评论 25 709
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,340评论 8 183
  • -1- 原本平常的日子,惬意的周末,因为恰逢圣诞节而变得热闹起来。看朋友圈的照片,到处人山人海,无非就是大家趁这个...
    Charles远仁阅读 8,952评论 41 79
  • 欲寄梅花香已放。 更添作,知音想。 对灯火扶疏心满怅。 若见汝,还思量?不见汝,还思量! 纸伞依约从雨巷。 绿衣事...
    陶然忘机阅读 2,383评论 4 3
  • 2017年8月11号,本与闺蜜约好去共逛南国书香节。但是她还有一位男朋友,所以我另外找了别人去的书香节。书香节很...
    念无为阅读 3,931评论 0 3

友情链接更多精彩内容