Human Interface Guidelines —— Pickers

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Pickers

Human Interface Guidelines链接:Picker

Picker

Picker包含一个或多个可滚动的不同值的列表,每个列表都有一个选定的值——显示在view中心的较暗的文本中。 当用户编辑字段或点击菜单时,picker 通常会在屏幕底部或 popover 中显示。 选取器也可以在文中显示,例如在日历事件中编辑日期。 选取器的高度大致是五行lists值的高度。 Picker的宽度取决于设备和环境,可以是屏幕的宽度或 enclosing view。

使用时注意

·使用可预测的和逻辑上有序的值

当可滚动列表停止滚动时,picker中的许多值会被隐藏。 人们最好能够预测这些值是什么,例如一个按字母顺序排列的国家名称列表,以便他们能够快速浏览列表。

·避免切换屏幕以显示Picker

在上下文中,出现在正在编辑的字段下方或靠近正在编辑的字段显示时,picker效果最好。

·对于大量值的列表,请使用 table 而不是 picker

 长列表可能因为太长而无法在 picker 中导航。 Table的高度可调,并且可以包含一个index,这可以使滚动速度更快。


Date Pickers

Date Picker

Date Picker 用于选择特定日期,时间或两者均有的高效页面。 它还提供了一个显示倒数计时器的界面。

Date Picker 有四种模式,每种模式都有一组不同的可选值。

·日期。 显示年、月、日;

·时间。 显示AM/PM(可选)小时、分钟;

·日期和时间。 显示日期,小时,分钟和AM / PM(可选);

·倒计时器。 显示小时和分钟,最长23小时59分钟;

Date Picker 中显示的确切值及其顺序取决于用户的区域设置。

考虑在指定分钟时提供较小的粒度。 默认情况下,分钟列表包含60个值(0到59)。 只要能平均分配到60分钟,可以选择增加分钟的时间间隔。例如,您可能需要每小时四分之一的时间间隔(0,15,30和45)。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏不二小段

Python为什么文件运行和在命令行运行同样语句但结果却不同?

这篇是之前知乎上的一个提问,感觉非常有趣而且内容丰富,所以把我自己的回答搬运到公众号来。 另外关于昨天的推送,是因为我之前把文章投到了Python中文社区的公众...

36113
来自专栏进击的君君的前端之路

HTML知识点整理

1164
来自专栏PHP技术

十个 PHP 开发者最容易犯的错误

PHP 语言让 WEB 端程序设计变得简单,这也是它能流行起来的原因。但也是因为它的简单,PHP 也慢慢发展成一个相对复杂的语言,层出不穷的框架,各种语言特性和...

3295
来自专栏Web项目聚集地

Javascript中的异步

632
来自专栏封碎

Android的webview研究

最近做的项目大量用到了 webview ,用网页来布局。 Android 的 webview 是基于 webkit 内核,不过他的运行效果和 firefox 上...

521
来自专栏杨建荣的学习笔记

awk中的变量(r4笔记第93天)

awk和sed结合起来,对于文件的横向纵向处理几乎是全方位的,可以算是文本处理中的大招了。当然awk这一强大的分本处理工具也不是浪得虚名,功能丰富,学习周期也要...

3367
来自专栏前端知识分享

第128天:less简单入门

> 一款比较流行的预处理CSS,支持变量、混合、函数、嵌套、循环等特点 > [官网](http://lesscss.org/) > [中文网](http://l...

774
来自专栏angularejs学习篇

js鼠标事件

今天遇到一个非常奇怪而又搞笑的事情:给一个a标签添加一个鼠标移动上时给一个事件,我给其添加的是一个onMouseMove事件,结果在IE6 7 8 9和GOOL...

662
来自专栏机器之心

资源 | 简单快捷的数据处理,数据科学需要注意的命令行

1525
来自专栏GopherCoder

Django:web框架的学习(4:番外篇)

1153

扫码关注云+社区