SwiftUI 时钟时间选择器视图

带指针的时钟

ClockTimePicker 是一个 SwiftUI 视图,显示一个带有小时和分钟指针的时钟。这些指针可以在钟面上拖动,以选择您想要的日期的小时和分钟。

主要元素是 ClockPickerView.swift

DatePicker 一样使用它,例如

@State var date = Date()

ClockPickerView(date: $date)

当时钟指针更改时,date 的小时和分钟会被更新。

要自定义时钟的外观,请使用

@ObservedObject var options = ClockLooks()

and change the options as desired.

不带指针的时钟

ClockTimePicker 也可以显示不带指针的时钟,更适合 iPad 和 Mac。要显示它,请设置选项为

options.withHands = false    

要选择小时和分钟,请点击中心 hour : minute 以显示小时或分钟设置。

注意:使用 options 调整尺寸和颜色以适应您的设备。

安装

将 "Sources/ClockTimePicker" 文件夹中的文件包含到您的项目中,或使用 Swift Package Manager。请参阅 ClockPicker 以获取使用示例。

Swift Package Manager

为您的项目创建一个 Package.swift 文件,并添加一个依赖项到

dependencies: [
  .package(url: "https://github.com/workingDog/ClockTimePicker.git", from: "1.1.0")
]

使用 Xcode

Select File > Swift Packages > Add Package Dependency...,
https://github.com/workingDog/ClockTimePicker.git

然后在你的代码中

import ClockTimePicker

屏幕截图

im01 im03

im04 im05