ScarriffleandClaude Opus 5
21c5a8b46b
**Eine Taste zum Vergrößern** unten rechts auf der Kachel. Das Antippen der Fläche vergrößert weiterhin, aber auf derselben Fläche liegen schon das Ziehen und das Aufziehen — und was dabei danebengeht, sieht aus wie „reagiert nicht". Ein Knopf geht nicht daneben. **Ton und Untertitel getrennt.** Es sind zwei verschiedene Fragen: die Tonspur stellt man einmal am Anfang um, die Untertitel mitten im Film. In einem gemeinsamen Blatt scrollte man jedes Mal an der anderen Liste vorbei. Das Untertitel-Symbol ist gefüllt, solange welche laufen — so sieht man es, ohne das Blatt zu öffnen. Und eine Auswahl schließt das Blatt jetzt selbst. **AirPlay.** Nicht nachgebaut, sondern die Systemstelle: sie kennt Geräte, die eine App nie aufzählen könnte. Der Knopf erscheint nur beim Systemplayer — VLC zeichnet selbst und kann kein AirPlay, und ein Knopf, der dort ins Leere führte, wäre schlimmer als keiner. **Die Qualität steht als Text da**, nicht als drei Schieberegler: „1080p", „720p", „Auto". Bei „automatisch" steht dort, was gerade tatsächlich ankommt — das weiß nur der Player, und ihn zu fragen ist ehrlicher, als „Auto" hinzuschreiben und die Antwort schuldig zu bleiben. Dazu die Einstellungen mit farbigen Symbolen und einer Kopfkarte je Bereich. Das ist nicht nur Zierde: in einer Liste aus zehn gleich aussehenden Zeilen findet das Auge nichts wieder, und „das mit dem blauen Zahnrad" ist eine brauchbare Beschreibung. Die Farben sind fest und ausdrücklich **nicht** die Akzentfarbe — trüge alles dieselbe, unterschiede sie nichts mehr. Und der Aufmacher läuft jetzt unter der Seitenleiste weiter (`backgroundExtensionEffect`): die Ränder werden gespiegelt und weich fortgeschrieben, während Titel und Knöpfe stehen bleiben. Vorher endete das Bild an der Kante der Leiste, und beim Weiterwandern schob sich das nächste an einer harten Linie ins Bild. 263 Tests grün. Player-Knöpfe und Einstellungen angesehen; den Aufmacher hinter der Leiste konnte ich an den einfarbigen Flächen der Attrappe nicht sicher beurteilen — der Simulator ist dabei erneut abgestürzt. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
69 lines
2.3 KiB
Swift
69 lines
2.3 KiB
Swift
import SwiftUI
|
|
import FlixyDesign
|
|
|
|
/// Das farbige Symbol vor einer Einstellungszeile.
|
|
///
|
|
/// Nicht Zierde: in einer Liste aus zehn gleich aussehenden Zeilen findet das
|
|
/// Auge nichts wieder. Eine Farbe je Bereich macht „das mit dem blauen Zahnrad"
|
|
/// zu einer brauchbaren Beschreibung — und genau so sucht man Einstellungen,
|
|
/// die man schon einmal gesehen hat.
|
|
///
|
|
/// Die Farben sind fest und **nicht** die Akzentfarbe: wenn alles die gleiche
|
|
/// Farbe trägt, unterscheidet sie nichts mehr.
|
|
struct SettingsIcon: View {
|
|
let symbol: String
|
|
let colour: Color
|
|
|
|
var body: some View {
|
|
Image(systemName: symbol)
|
|
.font(.caption.weight(.semibold))
|
|
.foregroundStyle(.white)
|
|
.frame(width: 28, height: 28)
|
|
.background(colour.gradient, in: .rect(cornerRadius: 7))
|
|
}
|
|
}
|
|
|
|
/// Die Kopfkarte eines Einstellungsbildschirms.
|
|
///
|
|
/// Sagt in einem Satz, worum es hier geht. Das klingt nach Zierde, ist aber
|
|
/// der Unterschied zwischen „Wiedergabe" und „hier stelle ich ein, wie weit
|
|
/// der Doppeltipp springt" — und erspart das Durchprobieren aller Schalter.
|
|
struct SettingsHeader: View {
|
|
let symbol: String
|
|
let colour: Color
|
|
let title: LocalizedStringKey
|
|
let explanation: LocalizedStringKey
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading, spacing: FlixySpacing.regular) {
|
|
Image(systemName: symbol)
|
|
.font(.title2.weight(.semibold))
|
|
.foregroundStyle(.white)
|
|
.frame(width: 52, height: 52)
|
|
.background(colour.gradient, in: .rect(cornerRadius: 13))
|
|
|
|
Text(title)
|
|
.font(.flixyTitle)
|
|
.foregroundStyle(Color.flixyTextPrimary)
|
|
|
|
Text(explanation)
|
|
.font(.flixyCaption)
|
|
.foregroundStyle(Color.flixyTextSecondary)
|
|
}
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.padding(.vertical, FlixySpacing.snug)
|
|
.listRowBackground(Color.flixySurface)
|
|
}
|
|
}
|
|
|
|
/// Die Farben der Bereiche, an einer Stelle.
|
|
enum SettingsPalette {
|
|
static let server = Color.gray
|
|
static let appearance = Color.blue
|
|
static let home = Color.green
|
|
static let playback = Color.pink
|
|
static let languages = Color.teal
|
|
static let downloads = Color.indigo
|
|
static let diagnostics = Color.orange
|
|
}
|