ScarriffleandClaude Opus 5
f8ada44a8c
Drei Gründe, warum der Mac anders aussah, und keiner davon war Geschmack. **Die Schrift.** macOS rendert dieselben Textstile deutlich kleiner als iOS: `largeTitle` misst dort 26 Punkt statt 34, Fließtext 13 statt 17. Eine Oberfläche, die auf dem iPad stimmt, wirkt damit zusammengeschrumpft. Auf dem Mac stehen jetzt feste Größen — die von iOS. Das kostet dort Dynamic Type; vertretbar, weil macOS keine systemweite Textgröße kennt und man ein Fenster stattdessen größer ziehen kann. **Der Aufmacher wächst mit.** Das war der zweite, größere Teil: das Bild ist so breit wie das Fenster, die Schrift darauf war es nicht. Bei 1280 Punkt Breite wirkt ein 34-Punkt-Titel verloren, bei 834 auf dem iPad genau richtig. Titel, Schriftzug, Angaben und Abstände richten sich jetzt nach der Breite des Aufmachers — mit dem iPad als Bezug und einem Deckel, damit ein Fenster über die ganze Wand nicht in Plakatschrift endet. Die Beschreibung bekommt außerdem eine Zeilenbreite: ein Satz über 1280 Punkt ist unlesbar, das Auge verliert die Zeile. **Die Seitenleiste.** Sie richtet sich nach ihrem Inhalt, und bei Wörtern wie „Start" fällt sie auf eine Breite zusammen, in der schon der Kontoname darunter nicht mehr Platz hatte — daher das „S…". Die Beschriftungen haben jetzt eine Mindestbreite. **Die Formulare.** Auf dem Mac nahm SwiftUI den Spalten-Stil: Beschriftungen rechts ausgerichtet, keine abgesetzten Abschnitte. Jetzt derselbe gruppierte Stil wie auf iOS. Dazu: Scrollbalken sind weg. Der graue Streifen unter dem Aufmacher kam daher, dass in den Systemeinstellungen „Scrollbalken immer einblenden" steht — dagegen reicht `.hidden` nicht, `.never` schon. Und das Fenster öffnet mit 1280 × 820 statt in Notizzettelgröße, ohne graue Titelleiste. 263 Tests grün, iOS baut unverändert. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
114 lines
4.1 KiB
Swift
114 lines
4.1 KiB
Swift
import SwiftUI
|
||
import FlixyDesign
|
||
import FlixyPlayback
|
||
|
||
/// Alles, was die Wiedergabe betrifft.
|
||
///
|
||
/// Vorher stand das verstreut in der langen Liste der Einstellungen, zwischen
|
||
/// Serverangaben und Downloads. Zusammen ergibt es einen Bildschirm, den man
|
||
/// einmal durchgeht und dann in Ruhe lässt.
|
||
struct PlaybackSettingsView: View {
|
||
@Environment(PlaybackSettings.self) private var settings
|
||
@Environment(\.flixyAccent) private var accent
|
||
|
||
var body: some View {
|
||
@Bindable var settings = settings
|
||
|
||
Form {
|
||
SettingsHeader(
|
||
symbol: "play.rectangle",
|
||
colour: SettingsPalette.playback,
|
||
title: "settings.playback",
|
||
explanation: "settings.playbackExplanation"
|
||
)
|
||
|
||
Section {
|
||
Picker("settings.qualityWifi", selection: $settings.wifiQuality) {
|
||
ForEach(PlaybackSettings.Quality.allCases) { quality in
|
||
Text(quality.label).tag(quality)
|
||
}
|
||
}
|
||
Picker("settings.qualityCellular", selection: $settings.cellularQuality) {
|
||
ForEach(PlaybackSettings.Quality.allCases) { quality in
|
||
Text(quality.label).tag(quality)
|
||
}
|
||
}
|
||
} header: {
|
||
Text("settings.quality")
|
||
} footer: {
|
||
Text("settings.qualityExplanation")
|
||
}
|
||
|
||
Section {
|
||
Toggle("settings.rememberQuality", isOn: $settings.remembersQuality)
|
||
Toggle("settings.showBitrate", isOn: $settings.showsBitrate)
|
||
} footer: {
|
||
Text("settings.rememberQualityExplanation")
|
||
}
|
||
|
||
Section {
|
||
Picker("settings.rewind", selection: $settings.rewindSeconds) {
|
||
ForEach(PlaybackSettings.skipChoices, id: \.self) { seconds in
|
||
Text("settings.seconds \(seconds)").tag(seconds)
|
||
}
|
||
}
|
||
Picker("settings.forward", selection: $settings.forwardSeconds) {
|
||
ForEach(PlaybackSettings.skipChoices, id: \.self) { seconds in
|
||
Text("settings.seconds \(seconds)").tag(seconds)
|
||
}
|
||
}
|
||
Picker("settings.defaultRate", selection: $settings.defaultRate) {
|
||
ForEach(PlaybackSettings.rateChoices, id: \.self) { rate in
|
||
Text(rateLabel(rate)).tag(rate)
|
||
}
|
||
}
|
||
} header: {
|
||
Text("settings.controls")
|
||
} footer: {
|
||
// Zurück und vor getrennt, weil sie verschiedene Zwecke haben:
|
||
// zurück, weil man etwas nicht verstanden hat; vor, weil man
|
||
// etwas überspringen will.
|
||
Text("settings.controlsExplanation")
|
||
}
|
||
|
||
Section {
|
||
Toggle("settings.lockLandscape", isOn: $settings.locksLandscape)
|
||
} footer: {
|
||
Text("settings.lockLandscapeExplanation")
|
||
}
|
||
|
||
Section {
|
||
Toggle("settings.autoSkipIntro", isOn: $settings.autoSkipIntro)
|
||
Toggle("settings.autoSkipCredits", isOn: $settings.autoSkipCredits)
|
||
Toggle("settings.autoPlayNext", isOn: $settings.autoPlayNext)
|
||
} header: {
|
||
Text("settings.episodes")
|
||
}
|
||
}
|
||
.tint(accent)
|
||
.flixyForm()
|
||
.scrollContentBackground(.hidden)
|
||
.background(Color.flixyCanvas)
|
||
.navigationTitle(Text("settings.playback"))
|
||
.flixyInlineTitle()
|
||
}
|
||
|
||
private func rateLabel(_ rate: Double) -> String {
|
||
rate == 1
|
||
? String(localized: "settings.rateNormal")
|
||
: rate.formatted(.number.precision(.fractionLength(0...2))) + "×"
|
||
}
|
||
}
|
||
|
||
extension PlaybackSettings.Quality {
|
||
var label: LocalizedStringKey {
|
||
switch self {
|
||
case .original: "quality.original"
|
||
case .high: "quality.high"
|
||
case .medium: "quality.medium"
|
||
case .low: "quality.low"
|
||
case .minimal: "quality.minimal"
|
||
}
|
||
}
|
||
}
|