Navigation: das baut JellyTV nicht selbst — das ist Apples Bauteil
Auf deinem vierten Bild steht „Ziehe Objekte zur Seiten- oder Tableiste, um sie anzupassen". Das ist kein Text, den jemand geschrieben hat, sondern einer von Apple. JellyTV benutzt dort `TabView` mit `sidebarAdaptable` — und damit ist die Frage, wie die das hinbekommen, beantwortet: gar nicht, das System macht es. Meine drei selbstgebauten Formen fliegen dafür raus: das ausfahrbare Blatt, die geteilte Ansicht und die Reihe oben, die ich vor einer Stunde noch selbst gebaut habe. Zusammen konnten sie weniger als das eine Bauteil und mussten dreimal gepflegt werden. Was jetzt vom System kommt: - die Seitenleiste aus Glas, mit dem Inhalt **dahinter** statt daneben - der Knopf in ihrer Kopfzeile, der zwischen Seitenleiste und Leiste **oben** umschaltet — genau der, den du auf deinen Bildern siehst - „Bearbeiten" mit Ziehen, Ein- und Ausblenden, für beide Formen gleichzeitig - auf dem iPhone die gewohnte Leiste unten statt eines Hamburger-Menüs Die Einstellung „seitlich oder oben" entfällt damit: sie säße neben einem Systemknopf, der dasselbe besser kann. Was du umstellst, merkt sich das System selbst; wir geben ihm nur einen Ort zum Aufbewahren. Die Mediatheken stehen in einem eigenen Abschnitt, der sich in der Seitenleiste zuklappen lässt. Die Suche bekommt ihre eigene Rolle und wird deshalb getrennt von den übrigen Einträgen dargestellt. Angesehen auf iPad (Seitenleiste, Leiste oben, Bearbeiten-Dialog) und iPhone. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
5cebfed36b
commit
4a8500fc37
@@ -9,7 +9,6 @@ import FlixyDesign
|
||||
/// stillschweigend zu verändern.
|
||||
struct AppearanceView: View {
|
||||
@Environment(FlixyTheme.self) private var theme
|
||||
@Environment(NavigationSettings.self) private var navigation
|
||||
@State private var customHex: String = ""
|
||||
@State private var showsCustomField = false
|
||||
|
||||
@@ -17,20 +16,6 @@ struct AppearanceView: View {
|
||||
|
||||
var body: some View {
|
||||
Form {
|
||||
Section {
|
||||
Picker("appearance.navigation", selection: Bindable(navigation).placement) {
|
||||
ForEach(NavigationSettings.Placement.allCases) { placement in
|
||||
Text(placement.label).tag(placement)
|
||||
}
|
||||
}
|
||||
.pickerStyle(.segmented)
|
||||
.padding(.vertical, FlixySpacing.tight)
|
||||
} header: {
|
||||
Text("appearance.navigation")
|
||||
} footer: {
|
||||
Text("appearance.navigationExplanation")
|
||||
}
|
||||
|
||||
Section {
|
||||
LazyVGrid(columns: columns, spacing: FlixySpacing.regular) {
|
||||
ForEach(AccentOption.palette) { option in
|
||||
@@ -158,11 +143,3 @@ private struct PreviewRow: View {
|
||||
}
|
||||
}
|
||||
|
||||
extension NavigationSettings.Placement {
|
||||
var label: LocalizedStringKey {
|
||||
switch self {
|
||||
case .side: "appearance.navigationSide"
|
||||
case .top: "appearance.navigationTop"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user