ScarriffleandClaude Opus 5
7f380e5f4d
Vorher stand dort eine Liste aller Mediatheken: auf „Bibliothek" tippen, dann auf „Filme", dann endlich ein Raster. In eine andere wechseln hiess zurück und wieder hinein. Der Zwischenbildschirm hat nie etwas erzählt, was eine Leiste nicht auch zeigen kann — er war ein Platzproblem, kein Entwurf. Jetzt steht man sofort in einer Mediathek, und darüber der unteren Leiste liegt eine zweite mit den Mediatheken und Live-TV. Auf dem iPad und am Mac ändert sich nichts: dort steht jede Mediathek einzeln in der Seitenleiste, auf dem Fernseher nebeneinander in der oberen Leiste — es ist dieselbe Idee in der Form, die ein Telefon hergibt. **Warum eine zweite Leiste und nicht Plätze in der unteren.** Die hat fünf, und alles darüber schiebt das System in ein „Mehr"-Verzeichnis, dessen Einträge zwei Navigationsleisten übereinander tragen. Genau daran ist der Zwischenbildschirm seinerzeit entstanden. Eine selbst gezeichnete Leiste kennt diese Grenze nicht — und sie sieht aus wie die Insel auf dem iPad, weil sie dieselbe Fläche benutzt: `FlixySidebar.surface(in:)` ist ein Bauteil, kein nachgebautes Aussehen, und wird jetzt zum dritten Mal gerufen. Als Sicherheitsrand und nicht als Überzug, damit die Liste über der Leiste endet statt dahinter zu verschwinden. Bei mehr als vier Mediatheken wird sie waagerecht scrollbar. **Das Monogramm steht jetzt in der Werkzeugleiste**, am rechten Ende, auf derselben Höhe wie Suche, Filter und Ansicht — die rücken dafür nach links. Als Überzug lag es über dem Inhalt, auf einem Raster also über einem Plakat. Dass es dabei an den Anfang der Reihe rutschte, hat einen Grund, der im Quelltext steht: SwiftUI reiht Werkzeugleisten von aussen nach innen, ein von aussen angehängter Eintrag steht deshalb **vor** den übrigen. Wo in der Reihe etwas steht, kann nur der entscheiden, der die Reihe schreibt. Auf der Startseite bleibt es ein Überzug — dort gibt es keine Navigationsleiste. Dazu: die Zuordnung Mediathekenart → Symbol stand dreimal im Projekt, eine davon falsch (jede Mediathek bekam „film", auch eine mit Serien). Jetzt einmal, neben den übrigen Ableitungen aus den Modellen. Geprüft im Simulator: „Bibliothek" öffnet sofort das Raster, die Leiste wechselt zwischen Filme, Serien, Gemischtes und Live-TV, und das Monogramm steht ganz rechts in der Werkzeugleiste. iOS und tvOS bauen, 469 Tests grün. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
62 lines
2.4 KiB
Swift
62 lines
2.4 KiB
Swift
import SwiftUI
|
|
import FlixyDesign
|
|
|
|
/// Der erste Buchstabe auf einer Scheibe.
|
|
///
|
|
/// **Kein Platzhalterbild.** Jellyfin gibt kein Profilbild heraus, ohne dass
|
|
/// eines hinterlegt ist, und am Konto führt die App heute keines mit. Ein
|
|
/// Buchstabe ist ehrlicher als eine graue Silhouette, die bei jedem gleich
|
|
/// aussieht — und man erkennt an ihm wenigstens, mit welchem Konto man
|
|
/// angemeldet ist.
|
|
///
|
|
/// Stand bis eben in `AccountBar` und wird jetzt zweimal gebraucht: dort in
|
|
/// der Seitenleiste und auf dem iPhone oben rechts, wo seit dem Wegfall des
|
|
/// Einstellungen-Tabs der Weg dorthin liegt.
|
|
struct AccountAvatar: View {
|
|
let name: String
|
|
var diameter: CGFloat = 26
|
|
|
|
@Environment(\.flixyAccent) private var accent
|
|
|
|
var body: some View {
|
|
Text(name.prefix(1).uppercased())
|
|
// Mit der Scheibe wachsen, nicht fest: oben rechts auf dem
|
|
// Telefon ist er grösser als in der Leiste, und ein Buchstabe in
|
|
// Kleinschrift auf einer grossen Scheibe sieht aus wie ein
|
|
// Fehler.
|
|
.font(.system(size: diameter * 0.46, weight: .semibold))
|
|
.foregroundStyle(Color.flixyCanvas)
|
|
.frame(width: diameter, height: diameter)
|
|
.background(accent, in: .circle)
|
|
}
|
|
}
|
|
|
|
extension EnvironmentValues {
|
|
/// Öffnet die Einstellungen.
|
|
///
|
|
/// **Über die Umgebung, weil der Knopf an mehreren Stellen steht.** Das
|
|
/// Blatt gehört der Wurzel — nur sie überlebt den Wechsel des Bereichs.
|
|
/// Jeder Bildschirm, der den Knopf zeigt, müsste den Weg dorthin sonst
|
|
/// als Argument durchgereicht bekommen.
|
|
@Entry var flixyOpenSettings: () -> Void = {}
|
|
}
|
|
|
|
/// Das Monogramm als Knopf für eine Werkzeugleiste.
|
|
///
|
|
/// **Als Ansicht und nicht als Modifikator.** Ein Modifikator hängt seine
|
|
/// Einträge aussen an, und SwiftUI reiht aussen zuerst — das Monogramm stand
|
|
/// damit **vor** Suche, Filter und Ansicht statt dahinter. Wo in der Reihe es
|
|
/// steht, kann nur der entscheiden, der die Reihe schreibt.
|
|
struct AccountToolbarButton: View {
|
|
@Environment(FlixySession.self) private var session
|
|
@Environment(\.flixyOpenSettings) private var openSettings
|
|
|
|
var body: some View {
|
|
Button(action: openSettings) {
|
|
AccountAvatar(name: session.accountName ?? session.serverName, diameter: 34)
|
|
}
|
|
.buttonStyle(.plain)
|
|
.accessibilityLabel(Text("sidebar.settings"))
|
|
}
|
|
}
|