bukovinafilip/Atoll
1
0
Fork 0
mirror of https://github.com/FBukovina/Atoll.git synced 2026-10-27 15:14:33 +00:00
Code Issues Projects Releases Packages Wiki Activity

Create Lock Screen Reminder Widget

Browse source
This commit is contained in:
Hariharan Mudaliar 2025-11-11 01:32:11 +05:30
commit 436d5a4e96
10 changed files with 465 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

106
DynamicIsland/components/LockScreen/LockScreenReminderWidget.swift Normal file
View file

@ -0,0 +1,106 @@
import SwiftUI
struct LockScreenReminderWidget: View {
let snapshot: LockScreenReminderWidgetSnapshot
private let primaryFont = Font.system(size: 19, weight: .semibold, design: .rounded)
private let iconSize: CGFloat = 20
private let chipWidth: CGFloat = 9
var body: some View {
HStack(alignment: .center, spacing: 8) {
Image(systemName: snapshot.iconName)
.font(.system(size: iconSize, weight: .semibold))
.foregroundStyle(Color.white)
RoundedRectangle(cornerRadius: 2)
.fill(chipColor)
.frame(width: chipWidth, height: iconSize)
Text(snapshot.title)
.font(primaryFont)
.foregroundStyle(primaryTextColor)
.lineLimit(1)
.minimumScaleFactor(0.85)
.allowsTightening(true)
.layoutPriority(1)
.frame(height: iconSize, alignment: .center)
if let relative = snapshot.relativeDescription {
Text("•")
.font(primaryFont)
.foregroundStyle(separatorColor)
.frame(height: iconSize, alignment: .center)
Text(relative)
.font(primaryFont)
.foregroundStyle(secondaryTextColor)
.lineLimit(1)
.minimumScaleFactor(0.85)
.allowsTightening(true)
.layoutPriority(0.75)
.frame(height: iconSize, alignment: .center)
}
Text("•")
.font(primaryFont)
.foregroundStyle(separatorColor)
.frame(height: iconSize, alignment: .center)
Text(snapshot.eventTimeText)
.font(primaryFont)
.foregroundStyle(secondaryTextColor)
.lineLimit(1)
.minimumScaleFactor(0.85)
.allowsTightening(true)
.layoutPriority(0.75)
.frame(height: iconSize, alignment: .center)
}
.padding(.horizontal, 16)
.padding(.vertical, 12)
.frame(minWidth: 240, idealWidth: 360, maxWidth: 520, alignment: .leading)
.foregroundStyle(Color.white)
.background(Color.clear)
.shadow(color: .black.opacity(0.3), radius: 8, x: 0, y: 3)
.accessibilityElement(children: .ignore)
.accessibilityLabel(accessibilityLabel)
}
private var accentColor: Color {
snapshot.isCritical ? .red : snapshot.accent.color
}
private var chipColor: Color {
if snapshot.isCritical {
return .red
}
switch snapshot.chipStyle {
case .eventColor:
return accentColor.ensureMinimumBrightness(factor: 0.7)
case .monochrome:
return Color.white.opacity(0.85)
}
}
private var primaryTextColor: Color {
Color.white.opacity(0.92)
}
private var secondaryTextColor: Color {
snapshot.isCritical ? Color.white : Color.white.opacity(0.78)
}
private var separatorColor: Color {
Color.white.opacity(0.65)
}
private var accessibilityLabel: String {
var components: [String] = [snapshot.title]
if let relative = snapshot.relativeDescription {
components.append(relative)
}
components.append(snapshot.eventTimeText)
return components.joined(separator: ", ")
}
}