ScarriffleandClaude Opus 5
10caa5fdd1
**Das Raster sagt jetzt, ob noch etwas kommt.** Eine Mediathek lädt seitenweise nach, und wer unten ankam, sah ein Raster, das aufhört — ohne unterscheiden zu können, ob das alles war oder gerade nachgeladen wird. Beides sah gleich aus. Beide Server nennen die Gesamtzahl (Jellyfin `TotalRecordCount`, Plex `totalSize`), und wir lesen sie längst. Also stehen die nächsten Kacheln schon da, in der Form, die sie haben werden — gedeckelt auf ein Dutzend, weil zweihundert Platzhalter niemandem helfen. Ist wirklich alles da, steht es am Ende ausdrücklich: „Alle 252 Titel geladen". Gegen die Attrappe mit 252 Titeln durchgeblättert und nachgesehen: die Zeile steht da, und alle 252 sind angekommen. **Herein sanft, hinaus zügig.** Das Einblenden der Bedienung begleitet eine Bewegung des Zeigers und soll wirken, als käme sie der Hand entgegen; zwei Zehntel wirkten wie ein Aufblitzen. Das Ausblenden dagegen ist ein Aufräumen, und dabei muss niemand zusehen. **Ein Klick ins Schwarze blendet um, statt anzuhalten.** Ein Film füllt das Fenster fast nie ganz aus — die Balken daneben gehören nicht zum Film, und dort zu klicken ist die natürliche Geste für „zeig mir die Bedienung". Wo das Bild aufhört, wird aus `presentationSize` gerechnet, also aus dem, was wirklich ankommt. Fehlen die Maße, verhält es sich wie bisher. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
62 lines
2.4 KiB
Swift
62 lines
2.4 KiB
Swift
import SwiftUI
|
|
|
|
/// Eine Kachel, die es gleich geben wird.
|
|
///
|
|
/// **Warum es das gibt.** Eine Mediathek lädt seitenweise nach. Wer unten
|
|
/// ankommt, sieht ein Raster, das aufhört — und kann nicht unterscheiden, ob
|
|
/// das alles war oder ob gerade nachgeladen wird. Beides sieht gleich aus, und
|
|
/// im Zweifel hält man eine halb geladene Liste für vollständig.
|
|
///
|
|
/// Diese Kacheln sagen: hier kommt noch etwas. Sie werden nur so oft gezeigt,
|
|
/// wie der Server tatsächlich noch Titel gemeldet hat — es ist also keine
|
|
/// Beschwichtigung, sondern eine Auskunft.
|
|
///
|
|
/// Ein Ladekreis täte das nicht: er sagt „es passiert etwas", aber nicht
|
|
/// **wo** und nicht **wie viel**. Die Form der Kachel an der Stelle, an der
|
|
/// sie erscheinen wird, sagt beides.
|
|
public struct PlaceholderCard: View {
|
|
/// Womit das Aufleuchten versetzt wird.
|
|
///
|
|
/// Alle gleichzeitig pulsieren zu lassen sieht nach einem Fehler aus —
|
|
/// als blinkte die ganze Seite. Ein Versatz je Kachel macht daraus eine
|
|
/// Bewegung, die von links nach rechts läuft.
|
|
let index: Int
|
|
|
|
@State private var isBright = false
|
|
@Environment(\.accessibilityReduceMotion) private var reduceMotion
|
|
|
|
public init(index: Int = 0) {
|
|
self.index = index
|
|
}
|
|
|
|
public var body: some View {
|
|
VStack(alignment: .leading, spacing: FlixySpacing.snug) {
|
|
RoundedRectangle(cornerRadius: FlixyRadius.card)
|
|
.fill(Color.flixyElevated)
|
|
.aspectRatio(PosterCard.aspectRatio, contentMode: .fit)
|
|
|
|
// Zwei Balken an der Stelle von Titel und Jahr. Ohne sie springt
|
|
// die Zeile, sobald der echte Titel kommt.
|
|
RoundedRectangle(cornerRadius: 3)
|
|
.fill(Color.flixyElevated)
|
|
.frame(height: 10)
|
|
RoundedRectangle(cornerRadius: 3)
|
|
.fill(Color.flixyElevated)
|
|
.frame(width: 32, height: 8)
|
|
}
|
|
.opacity(isBright ? 0.85 : 0.45)
|
|
.animation(
|
|
reduceMotion
|
|
? nil
|
|
: .easeInOut(duration: 0.9)
|
|
.repeatForever(autoreverses: true)
|
|
.delay(Double(index % 6) * 0.1),
|
|
value: isBright
|
|
)
|
|
.onAppear { isBright = true }
|
|
// Für die Sprachausgabe ist eine Kachel ohne Inhalt nichts, worüber
|
|
// man wischen möchte.
|
|
.accessibilityHidden(true)
|
|
}
|
|
}
|