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 条评论
登录 后参与评论

相关文章

来自专栏微信公众号:Java团长

你们都在用IntelliJ IDEA吗?或许你们需要看一下这篇博文

以前一直用的elipce,如今入坑IntelliJ IDEA,没想到啊。深深的爱上了它,强大到无所不能;

1713
来自专栏哲学驱动设计

OEA 中 WPF 树型表格整体重构

为什么要重构     上两个月主要做了一件事情,那就是把 OEA 框架中的 TreeGrid 控件,从结构上重新设计,并大量重构现有代码。而花较大精力做这件事的...

2156
来自专栏技术总结

Photos存储、获取、更改照片详解

2699
来自专栏nimomeng的自我进阶

Event官方文档

当系统传递一个touch event,首先会send到一个特定的view。对于touch view来讲,这个view就是被hitTest:withEve...

1212
来自专栏hightopo

基于 HTML5 Canvas 绘制的电信网络拓扑图

2623
来自专栏张善友的专栏

在OpenOffice.org和微软Office之间共享文档

原文:Sharing files between OpenOffice.org and Microsoft Office。翻译可能也比较随意。 本文版权请向原文...

2157
来自专栏python爬虫日记

python3下搜狗AI API实现

a、搜狗也发布了自己的人工智能 api,包括身份证ocr、名片ocr、文本翻译等API,初试感觉准确率一般般。

1893
来自专栏小程序之家

如何在小程序中使用罗盘

现代生活中,经常会用到导航系统,导航系统必不可少的一个功能就是罗盘,何为罗盘?简单罗盘通过磁力将内部的指针指向某个方向,从而实现判别方位。现代技术以及将罗盘缩小...

5064
来自专栏冰霜之地

WWDC2016 Session笔记 - Xcode 8 Auto Layout新特性

Incrementally Adopting Auto Layout是什么意思呢?在我们IB里面布局我们的View的时候,我们并不需要一次性就添加好所有的con...

913
来自专栏携程技术中心

干货 | React Fiber 初探

1942

扫码关注云+社区

领取腾讯云代金券