SwiftUI iOS 14中的新UIDatePicker

WWDC2020为许多古老而著名的API带来了许多有趣且出乎意料的更新。 在本文中，我们将探讨iOS上UIDatePicker的新增功能，该API自从黎明以来就存在，并且自引入以来并没有太大变化。

UIDatePicker是自iOS SDK诞生以来就存在的API，它可以一直追溯到iOS 2.0。如果您已经为iOS开发了一段时间，则肯定知道熟悉下面的界面：

UIDatePicker

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

iOS 7中整个系统进行了全面的重新设计

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

iOS 14中的UIDatePicker

UIDatePicker样式

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

.compact样式

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

微小的UI

这个微小的UI占用更少的空间，而最好的部分是它是交互式的。 当用户点击它时，他们将以其所有的荣耀查看新的完整日历视图.

完整日历视图.

在此完整的日历视图中，您的用户可以更加灵活地选择时间和日期，并且可以在几个月或更长时间之间移动箭头。

选择器仍然像以往一样可自定义。 例如，您可以显示提示，以仅选择日期或时间，而不是默认情况下两者。

选择日期

.inline样式
这种样式本质上与.compact相同，不同之处在于您的用户永远不会看到他们必须点击的小界面。 相反，日历或时间选择器组件将在所有荣耀中随时可用。

.inline样式

最后，在.inline或.compact模式下，您的用户可以点击显示右上角的月份和年份标签，然后系统会显示一个拾轮器，让他们快速跳转到不同的月份和年份：

在.inline或.compact模式下

结论

旧的和已知的API在iOS 14中得到了应有的刷新。新的日期选择器易于实现，它为您的用户提供了一种更快的日期检查方法。

推荐

基础文章推荐

• 《SwiftUI是什么，听听大牛们如何说》

经典教程推荐

• 更新近百篇SwiftUI教程《SwiftUI2020教程》
• 帮您突破数据存储难关《SwiftUI vs CoreData数据存储解决方案》

上新

• 《WWDC2020专栏》
• 《SwiftUI WWDC2020 新增组件列表》

技术源码推荐

推荐文章

CoreData篇

• SwiftUI数据存储之做个笔记App 新增与查询(CoreData)
• SwiftUI进阶之存储用户状态实现登录与登出
• SwiftUI 数据之List显示Sqlite数据库内容（2020年教程）

Combine篇

• 一篇文章学懂弄通SwiftUI与Combine(含轮播动画App源码)

TextField篇

• 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源码)》
• 《SwiftUI实战之TextField风格自定义与formatters》
• 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》
• 《SwiftUI 当键盘出现时避免TextField被遮挡自动向上移动》
• 《SwiftUI实战之TextField如何给键盘增加个返回按钮(隐藏键盘)》

JSON文件篇

• SwiftUI JSON文件下载、存储、解析和展示(代码大全)

---

一篇文章系列

• SwiftUI一篇文章全面掌握List(教程和源码)
• 《SwiftUI 一篇文章全面掌握TextField文本框 (教程和全部源码)》
• SwiftUI一篇文章全面掌握Picker,解决数据选择(教程和源码)
• SwiftUI一篇文章全面掌握Form(教程和源码)
• SwiftUI Color 颜色一篇文章全解决

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

• 请关注我的专栏icloudend, SwiftUI教程与源码
  https://www.jianshu.com/c/7b3e3b671970