macOS SwiftUI 封装组件之日期选择器文本模式NSDataPicker (教程含源码)

实战需求

macOS SwiftUI 封装组件之日期选择器NSDataPicker

本文价值与收获

看完本文后,您将能够作出下面的界面

macOS SwiftUI 封装组件之日期选择器文本模式NSDataPicker (教程含源码)_第1张图片
日期选择器NSDataPicker
日期选择器NSDataPicker

基础知识

日期选择器

日期选择器使用户可以选择日期,时间,日期和时间或日期范围。支持公历和非公历。

选择适合您的应用的样式。日期选择器有两种样式:文本和图形。当空间有限并且您希望用户进行特定的日期和时间选择时,文本样式很有用。当您想让用户选择浏览日历中的日期,希望让用户选择日期范围或钟表的外观适合您的用户界面时,图形样式很有用。

文本显示

该组件包含以下日期和时间元素组合之一的文本字段表示。


macOS SwiftUI 封装组件之日期选择器文本模式NSDataPicker (教程含源码)_第2张图片
截屏2021-02-02 下午1.46.39.png
macOS SwiftUI 封装组件之日期选择器文本模式NSDataPicker (教程含源码)_第3张图片
image.png

在日期或时间字段中选择一个元素后,用户可以输入一个新值,或按向上或向下箭头键分别增大或减小该元素的值。默认情况下,日期和时间字段包括一个步进器,用户还可以使用该步进器来递增和递减所选元素的值。如果对您的应用有意义,则可以选择隐藏步进器。

文本日期选择器中显示的元素顺序可能会因用户的语言环境而异。例如,在大多数欧洲语言环境中,人们会以DD-MM-YYYY的顺序看到日期元素,而世界上其他人则可能会根据其位置使用YYYY-MM-DD或MM-DD-YYYY。用户可以在系统偏好设置>语言和地区>区域中更改其语言环境。


实战代码

你可能感兴趣的:(macOS SwiftUI 封装组件之日期选择器文本模式NSDataPicker (教程含源码))