SwiftUI WidgetKit ロック画面用をつくる

公式ドキュメント「Creating Lock Screen Widgets and Watch Complications」
https://developer.apple.com/documentation/widgetkit/creating-lock-screen-widgets-and-watch-complications

画像は「.accessoryCircular」と「.accessoryRectangular」実機実行結果。
あと「.accessoryInline」「.accessoryCorner」がある。
これが出来ればWatchも簡単。以前作成したClockKit版も巻き取らないと。

Example Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
struct PCWidgetAccessory: Widget {
    let kind: String = "Accessory"
 
    var body: some WidgetConfiguration {
        IntentConfiguration(kind: kind, intent: ConfigurationIntent.self, provider: Provider()) { entry in
            PCWidgetAccessoryEntryView(entry: entry)
        }
        .configurationDisplayName("Accessory")
        .description("Displays percentages for a given period.")
        .supportedFamilies([.accessoryRectangular, .accessoryCircular])
    }
}
 
struct PCWidgetAccessoryEntryView : View {
    var entry: Provider.Entry
     
    @Environment(\.widgetFamily) var family
     
    var body: some View {
        switch family {
        case .accessoryInline:
            Text("-")
        case .accessoryRectangular:
            HStack {
                Text(self.entry.pcwidgetmodel.clockDate.toStringStart())
                if self.entry.pcwidgetmodel.clockDate.nowPercent() != -1 {
                    Gauge(value: self.entry.pcwidgetmodel.clockDate.nowPercent() / 100) {
                        Image(systemName: String(self.entry.pcwidgetmodel.selectClock) + ".square")
                    } currentValueLabel: {
                        Text("\(Int(self.entry.pcwidgetmodel.clockDate.nowPercent()))")
                    }
                    .gaugeStyle(.accessoryCircular)
                }
                else {
                    Text("-")
                }
                Text(self.entry.pcwidgetmodel.clockDate.toStringEnd())
            }
        case .accessoryCircular:
            if self.entry.pcwidgetmodel.clockDate.nowPercent() != -1 {
                Gauge(value: self.entry.pcwidgetmodel.clockDate.nowPercent() / 100) {
                    Image(systemName: String(self.entry.pcwidgetmodel.selectClock) + ".square")
                } currentValueLabel: {
                    Text("\(Int(self.entry.pcwidgetmodel.clockDate.nowPercent()))")
                }
                .gaugeStyle(.accessoryCircular)
            }
            else {
                Text("-")
            }
        case .systemSmall:
            Text("-")
        default:
            Text("-")
        }
    }
}

SwiftSwiftUI

Posted by shi-n