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>
126 lines
3.7 KiB
Swift
126 lines
3.7 KiB
Swift
import SwiftUI
|
|
#if canImport(UIKit)
|
|
import UIKit
|
|
#else
|
|
import AppKit
|
|
#endif
|
|
|
|
/// Was auf iPhone und Mac verschieden heißt — an einer Stelle.
|
|
///
|
|
/// Nicht jede Ansicht soll `#if os(iOS)` tragen. Ein Formular, das auf beiden
|
|
/// Plattformen dasselbe meint, soll auf beiden gleich aussehen; wo die
|
|
/// Systeme verschiedene Namen dafür haben, steht der Unterschied hier und
|
|
/// nirgends sonst. Sonst wandert er in zwanzig Dateien und wird beim
|
|
/// nächsten Bildschirm vergessen.
|
|
extension View {
|
|
/// Eine schmale Titelzeile — auf dem Mac gibt es sie nicht.
|
|
public func flixyInlineTitle() -> some View {
|
|
#if os(iOS)
|
|
navigationBarTitleDisplayMode(.inline)
|
|
#else
|
|
self
|
|
#endif
|
|
}
|
|
|
|
/// Ein Blatt, das die halbe Höhe einnimmt.
|
|
///
|
|
/// Auf dem Mac ist ein Blatt ein Fenster: dort zählt keine Rastung,
|
|
/// sondern eine vernünftige Mindestgröße.
|
|
public func flixyMediumSheet() -> some View {
|
|
#if os(iOS)
|
|
presentationDetents([.medium])
|
|
#else
|
|
frame(minWidth: 420, minHeight: 460)
|
|
#endif
|
|
}
|
|
|
|
/// Dasselbe, aber auf Wunsch bis zur vollen Höhe aufziehbar.
|
|
public func flixyResizableSheet() -> some View {
|
|
#if os(iOS)
|
|
presentationDetents([.medium, .large])
|
|
#else
|
|
frame(minWidth: 460, minHeight: 520)
|
|
#endif
|
|
}
|
|
|
|
/// Ein Formular, das auf beiden Seiten gleich aussieht.
|
|
///
|
|
/// Auf dem Mac setzt SwiftUI sonst den Spalten-Stil: Beschriftungen rechts
|
|
/// ausgerichtet, keine abgesetzten Abschnitte, alles eng. Der gruppierte
|
|
/// Stil ist derselbe, den iOS ohnehin nimmt — und der Grund, warum die
|
|
/// Einstellungen auf dem Mac wie ein Systemdialog aus einem anderen
|
|
/// Jahrzehnt aussahen.
|
|
public func flixyForm() -> some View {
|
|
#if os(macOS)
|
|
formStyle(.grouped)
|
|
#else
|
|
self
|
|
#endif
|
|
}
|
|
|
|
/// Eingabefelder für Adressen und Namen: keine Großschreibung, keine
|
|
/// Korrektur — auf dem Mac gibt es beides ohnehin nicht als Tastatur.
|
|
public func flixyPlainEntry(isAddress: Bool = false) -> some View {
|
|
#if os(iOS)
|
|
self
|
|
.keyboardType(isAddress ? .URL : .default)
|
|
.textInputAutocapitalization(.never)
|
|
.autocorrectionDisabled()
|
|
#else
|
|
autocorrectionDisabled()
|
|
#endif
|
|
}
|
|
}
|
|
|
|
extension View {
|
|
/// Keine eigene Fläche hinter der Titelzeile.
|
|
///
|
|
/// Auf der Startseite liegt darunter der Aufmacher — eine weichgezeichnete
|
|
/// Leiste verschleierte die Hälfte davon. Auf dem Mac gibt es die Leiste in
|
|
/// dieser Form nicht.
|
|
public func flixyClearToolbarBackground() -> some View {
|
|
#if os(iOS)
|
|
self
|
|
.toolbarBackground(.hidden, for: .navigationBar)
|
|
.toolbarColorScheme(.dark, for: .navigationBar)
|
|
#else
|
|
self
|
|
#endif
|
|
}
|
|
}
|
|
|
|
/// Etwas in die Zwischenablage legen.
|
|
///
|
|
/// UIKit und AppKit heißen verschieden und meinen dasselbe; die Diagnose soll
|
|
/// deswegen nicht mit `#if` beginnen.
|
|
public enum FlixyClipboard {
|
|
public static func copy(_ text: String) {
|
|
#if canImport(UIKit)
|
|
UIPasteboard.general.string = text
|
|
#else
|
|
NSPasteboard.general.clearContents()
|
|
NSPasteboard.general.setString(text, forType: .string)
|
|
#endif
|
|
}
|
|
}
|
|
|
|
extension ToolbarItemPlacement {
|
|
/// Rechts in der Titelzeile.
|
|
public static var flixyTrailing: ToolbarItemPlacement {
|
|
#if os(iOS)
|
|
.topBarTrailing
|
|
#else
|
|
.primaryAction
|
|
#endif
|
|
}
|
|
|
|
/// Links in der Titelzeile.
|
|
public static var flixyLeading: ToolbarItemPlacement {
|
|
#if os(iOS)
|
|
.topBarLeading
|
|
#else
|
|
.navigation
|
|
#endif
|
|
}
|
|
}
|