forked from fritob/Camper-Monitor
fototeddyandClaude Sonnet 5
c45cf36920
Die Uhr zeigte in der Fahrzeug-Ansicht bislang immer Vanster fest verdrahtet, unabhängig von der Auswahl am iPhone – das galt schon vor dieser Session, nicht erst seit dem Solar-Merge. WatchDevice trägt jetzt vehicleGraphicStyle (nur beim Neigungsmesser belegt, wie orientation), von PhoneWatchLink beim Aufbau der Nutzlast gefüllt. WatchVehicleView nimmt den Stil als Parameter statt der fest verdrahteten Vanster-Bildnamen, WatchLevelView reicht ihn aus dem zuletzt vom iPhone übertragenen Stand durch. California-Bilder dafür zusätzlich in den Watch-eigenen Asset-Katalog kopiert (die Uhr hat einen eigenen, vom iPhone getrennten Katalog). Ausgewählt wird der Stil weiterhin nur am iPhone (Neigungsmesser einrichten → Fahrzeuggrafik). Persistenz war dafür schon vorhanden: vehicleGraphicStyle ist ein normales, codiertes Feld auf ConfiguredDevice ohne eigene encode(to:)-Überschreibung – wird also schon beim Speichern mitgeschrieben. Nebenbei: Xcode hat beim Bearbeiten den Build-Zähler auf 2 gesetzt und LSApplicationCategoryType (Dienstprogramme) ergänzt – unverändert übernommen. Build (App + Watch) und Tests grün. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
71 lines
2.6 KiB
Swift
71 lines
2.6 KiB
Swift
import SwiftUI
|
||
|
||
/// Die Neigung am Fahrzeug selbst, wie am iPhone – nur auf Uhrgrösse gebracht.
|
||
///
|
||
/// Zwei Ansichten, jede um ihre Achse gekippt: die Seitenansicht für längs
|
||
/// (Front links, Heck rechts) und die Heckansicht für quer. Die Heckansicht
|
||
/// teilt die Blickrichtung des Fahrers, links im Bild ist also links am
|
||
/// Fahrzeug.
|
||
struct WatchVehicleView: View {
|
||
let pitch: Double?
|
||
let roll: Double?
|
||
/// Vom iPhone übernommen – ausgewählt wird sie nur dort, siehe
|
||
/// `WatchDevice.vehicleGraphicStyle`.
|
||
var style: VehicleGraphicStyle = .vanster
|
||
|
||
/// Wie am iPhone dreifach überhöht – zwei Grad wären sonst kaum zu sehen.
|
||
/// Die angeschriebenen Gradzahlen bleiben echt.
|
||
var body: some View {
|
||
VStack(spacing: 8) {
|
||
panel(image: style.sideImageName, angle: pitch, title: "Längs",
|
||
lower: "Front", upper: "Heck", aspect: style.sideAspect)
|
||
panel(image: style.rearImageName, angle: roll, title: "Quer",
|
||
lower: "links", upper: "rechts", aspect: style.rearAspect)
|
||
}
|
||
}
|
||
|
||
private func panel(image: String,
|
||
angle: Double?,
|
||
title: String,
|
||
lower: String,
|
||
upper: String,
|
||
aspect: Double) -> some View {
|
||
VStack(spacing: 2) {
|
||
HStack {
|
||
Text(title)
|
||
Spacer()
|
||
Text(angle.map { String(format: "%.1f°", $0) } ?? "–")
|
||
.monospacedDigit()
|
||
.foregroundStyle(VehicleTilt.colour(for: angle))
|
||
}
|
||
.font(.caption2)
|
||
|
||
ZStack {
|
||
// Die Waagerechte als Bezug – ohne sie ist eine kleine Neigung
|
||
// nicht einzuschätzen.
|
||
Rectangle()
|
||
.fill(Color.secondary.opacity(0.35))
|
||
.frame(height: 1)
|
||
|
||
Image(image)
|
||
.resizable()
|
||
.scaledToFit()
|
||
.foregroundStyle(VehicleTilt.colour(for: angle))
|
||
.aspectRatio(aspect, contentMode: .fit)
|
||
.rotationEffect(.degrees(-(angle ?? 0) * VehicleTilt.exaggeration))
|
||
.animation(.spring(duration: 0.4), value: angle)
|
||
.opacity(angle == nil ? 0.3 : 1)
|
||
}
|
||
.frame(height: 52)
|
||
|
||
HStack {
|
||
Text(lower)
|
||
Spacer()
|
||
Text(upper)
|
||
}
|
||
.font(.system(size: 9))
|
||
.foregroundStyle(.secondary)
|
||
}
|
||
}
|
||
}
|