SwiftClockUI
Clock UI for SwiftUI
This library has been tested
-
β π» macOS Catalina 10.15.3 -
β π» macOS Big Sur 11.6 -
β π± iOS 13 -
β π± iOS 14 -
β π± iOS 15
Bind a date
struct ContentView: View {
@State private var date = Date()
var body: some View {
ClockView().environment(\.clockDate, $date)
}
}
Simply set .environment(\.clockDate, $date) $date has to be a binding. If you want something constant (just for showing the time), you could pass .constant(yourDate)
- Arms move when date are set (take hour and minute in account)
- Move the Arms change the date (hour and minute depending on which arm you've moved)
Change Clock style
There is 4 different clock style:
| Style | Picture |
|---|---|
| Classic |  |
| Art Nouveau |  |
| Drawing |  |
| Steampunk |  |
To set the style: .environment(\.clockStyle, .steampunk) for Steampunk style for instance.
struct ContentView: View {
@State private var clockStyle: ClockStyle = .classic
var body: some View {
ClockView().environment(\.clockStyle, clockStyle)
}
}
\.clockStyle is typed as enum ClockStyle which is Identifiable, CaseIterable, and has a convenient method to get the description (in English): public var description: String
It's very useful when you want to iterate over this enum to let the user choose the clock style, for instance you can easily do something like this:
struct StylePicker: View {
@Binding var clockStyle: ClockStyle
var body: some View {
Picker("Style", selection: clockStyle) {
ForEach(ClockStyle.allCases) { style in
Text(style.description).tag(style)
}
}
.pickerStyle(SegmentedPickerStyle())
}
}
Change elements color
You can also change the color of Clock elements. Again with changing some .environment keys.
ClockView()
.environment(\.clockArmColors, ClockArmColors(
minute: .red,
hour: .blue
))
.environment(\.clockBorderColor, .orange)
.environment(\.clockIndicatorsColor, .green)
In light mode, you could expect a result like this:
Installation
Xcode
You can add SwiftToTen to an Xcode project by adding it as a package dependency.
- From the File menu, select Swift Packages βΊ Add Package Dependency...
- Enter "https://github.com/renaudjenny/SwiftClockUI" into the package repository URL test field
As package dependency
Edit your Package.swift to add this library.
let package = Package(
...
dependencies: [
.package(url: "https://github.com/renaudjenny/SwiftClockUI", from: "1.4.0"),
...
],
targets: [
.target(
name: "
"
,
dependencies: ["SwiftClockUI"]),
...
]
)
2k Dec 31, 2022
125 Dec 13, 2022
1 Jan 8, 2022
177 Oct 5, 2022
65 Nov 11, 2022
50 Dec 14, 2022
153 Jun 3, 2021
182 Dec 1, 2022
1 Nov 27, 2021
2 Jan 29, 2022
7.2k Jan 4, 2023
12 Feb 8, 2022
10 Dec 16, 2022
17 Jul 19, 2022
2 Mar 1, 2022
1.8k Dec 2, 2022
1.6k Dec 31, 2022
1 Oct 18, 2021