前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Human Interface Guidelines —— Pickers

Human Interface Guidelines —— Pickers

作者头像
霖酱
发布2018-06-21 11:49:20
6500
发布2018-06-21 11:49:20
举报
文章被收录于专栏:Material Design组件

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个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)。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.05.22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Pickers
    • 使用时注意
      • Date Pickers
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档