iOS 14 中的日期选择器

原文:New UIDatePicker in iOS 14 @Andy lbanez

WWDC 2020 为很多旧的、众所周知的 API 带来了许多有趣且出乎意料的更新。 在本文中,我们将探讨 iOS 上 UIDatePicker 的新增功能,该 API 自 iOS 发布之初就存在,并且自引入以来一直没有太大的变化。

选择器简史

UIDatePicker 是自 iOS SDK 诞生以来就存在的 API,它最早可以追溯到 iOS 2.0。如果你已经为 iOS 开发了一段时间,想必一定记得它的样子:

在 iOS 7 中,整个系统进行了全面的重新设计。 看看我们的老朋友 UIDatePicker 经过的巨大更新:

…… 虽然对于我们的老朋友来说机会不多。 但是 iOS 14 引入了我们可以使用的全新的日期选择器。 对于用户而言,它使用起来更加轻松,灵活,而且我们无需花太多时间就可以使用它。

iOS 14 中的 UIDatePicker

UIDatePicker 样式

首先,老式滚轮选择器的样式实际上并没有消失。 相反,UIDatePicker 现在具有一个名为 datePickerStyle 的属性,你可以在其中让系统使用 .automatic 以自动选择最佳样式,或者您可以在 .compact.inline 之间进行选择 - 这两者都是 iOS 14 的新功能 - 或 .wheel 是旧的十多年来我们所熟知的风格。

.compact 紧凑样式

.compact 紧凑样式的日期选择器会呈现为用户可以点击的小 UI。

这个小 UI 占用更少的空间,而最好的部分是它是可交互的。 当用户点击它时,他们将以全屏样式显示一个完整的日历视图:

在这个完整的日历视图中,用户可以更加灵活地选择时间和日期,并且可以点击箭头指示器在几个月或更长时间之间移动。

选择器仍然像以往一样可自定义。 例如,你可以显示提示,以仅选择日期或时间,而不是默认两者都提供。

.inline 内嵌样式

这种样式本质上与 .compact 相同,不同之处在于用户将永远不会看到他们必须点击的小界面。 取而代之的是,日历或时间选择器组件将完全呈现。

最后,在 .inline.compact 模式下,用户可以点击左上角显示月份和年份的标签,然后系统会显示一个滚轮,让他们快速跳转到不同的月份和年份:

总结

旧的和已知的 API 在 iOS 14 中得到了应有的更新。新的日期选择器易于实现,它为用户提供了一种更快的日期检索方法。如果你发现本文有任何不正确之处(包括错别字)或问题,请向我发送推特(@AndyIbanezK)或向我发送电子邮件至 andy.andyibanez.com。 感谢您帮助我提高博客质量!如果您希望我涉及到与 Swift,iOS 或其他 Apple 平台有关的任何内容,请随时与我联系,我将在以后的文章中尝试介绍。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 224,983评论 6 522
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 96,354评论 3 403
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 172,216评论 0 367
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 61,061评论 1 300
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 70,073评论 6 400
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,541评论 1 314
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,906评论 3 428
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,881评论 0 279
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,428评论 1 324
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,460评论 3 346
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,578评论 1 355
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 37,176评论 5 351
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,913评论 3 339
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,348评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,490评论 1 277
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 50,142评论 3 381
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,650评论 2 366