0297b3ad0d
Drei Ursachen, davon zwei echte Fehler. Die NSVisualEffectView steckte in einem Rahmen, dessen Größe animiert wurde. Ein Weichzeichner muss dann in jedem Einzelbild neu in anderer Größe gerechnet werden — am teuersten genau beim Schließen, wo die Fläche am schnellsten schrumpft. Das Material behält jetzt feste Größe, animiert wird nur die Maske davor. Tint, Bänderung und Kante sind reine SwiftUI-Formen und dürfen weiter in der Größe animieren. Auch die Schattendeckkraft ist jetzt konstant statt animiert; sie aufzublenden kostete pro Bild eine neue Weichzeichnung. Onyx bekam Mausbewegungen über dem eigenen Panel praktisch nicht mit. Der globale Monitor feuert nur für Ereignisse an fremde Programme, der lokale nur wenn Onyx aktiv ist — was es als .accessory-App nie ist. Ausgerechnet beim Verlassen des Panels kam das Ereignis also verspätet oder gar nicht. Solange ein Panel offen ist, wird die Zeigerposition jetzt mit 60 Hz abgefragt; der Timer läuft ausschließlich in dieser Zeit. Öffnen und Schließen benutzten dieselbe Kurve. Schließen ist jetzt kürzer und ohne Nachschwingen: beim Öffnen sieht man zu, beim Schließen ist man schon woanders. Nebenbefund beim Prüfen: es liefen zwei Onyx-Instanzen aus verschiedenen Builds gleichzeitig, jede mit eigener Zustandsmaschine auf derselben Notch. Das dürfte einen guten Teil der Hakeligkeit erklärt haben.
75 lines
3.4 KiB
Swift
75 lines
3.4 KiB
Swift
import SwiftUI
|
|
|
|
/// Die einzige Quelle für Farben, Maße und Bewegung in Onyx.
|
|
///
|
|
/// Onyx ist ein tiefschwarzer Stein mit feiner Bänderung und mattem Glanz — kein
|
|
/// Glas. Das Panel benutzt deshalb bewusst **nicht** die Liquid-Glass-APIs von
|
|
/// macOS 26, sondern eine dunkle Vibrancy-Ebene mit eigenem Tint darüber.
|
|
public enum Onyx {
|
|
|
|
// MARK: - Farben
|
|
|
|
public enum Color {
|
|
/// Grundfläche des Panels.
|
|
public static let surface = SwiftUI.Color(red: 0.043, green: 0.043, blue: 0.051)
|
|
/// Kacheln auf der Grundfläche.
|
|
public static let elevated = SwiftUI.Color(red: 0.078, green: 0.078, blue: 0.090)
|
|
/// Innenkante — der halbe „edle" Effekt steckt in dieser einen Linie.
|
|
public static let hairline = SwiftUI.Color.white.opacity(0.08)
|
|
|
|
public static let textPrimary = SwiftUI.Color(red: 0.949, green: 0.949, blue: 0.957)
|
|
public static let textSecondary = SwiftUI.Color.white.opacity(0.58)
|
|
public static let textTertiary = SwiftUI.Color.white.opacity(0.34)
|
|
|
|
/// Kühl und entsättigt. Farbe ist in Onyx ein Signal, keine Dekoration.
|
|
public static let accent = SwiftUI.Color(red: 0.498, green: 0.659, blue: 1.0)
|
|
public static let positive = SwiftUI.Color(red: 0.435, green: 0.812, blue: 0.592)
|
|
public static let warning = SwiftUI.Color(red: 0.910, green: 0.706, blue: 0.290)
|
|
public static let critical = SwiftUI.Color(red: 0.898, green: 0.404, blue: 0.361)
|
|
|
|
/// Deckkraft des Tints über der Vibrancy-Ebene. Darunter liest man den
|
|
/// Hintergrund durch, darüber wirkt das Panel wie eine schwarze Platte.
|
|
public static let surfaceOpacity: Double = 0.74
|
|
}
|
|
|
|
// MARK: - Maße
|
|
|
|
public enum Metric {
|
|
public static let panelCornerRadius: CGFloat = 26
|
|
public static let tileCornerRadius: CGFloat = 16
|
|
public static let panelPadding: CGFloat = 16
|
|
public static let tileSpacing: CGFloat = 10
|
|
public static let hairlineWidth: CGFloat = 1
|
|
}
|
|
|
|
// MARK: - Bewegung
|
|
|
|
public enum Motion {
|
|
/// Ausfahren: ein Spring mit einem Hauch Nachschwingen. Das gibt dem
|
|
/// Panel Masse, statt es nur größer werden zu lassen.
|
|
public static let expand = Animation.spring(response: 0.34, dampingFraction: 0.86)
|
|
|
|
/// Einfahren: kürzer und ohne Nachschwingen.
|
|
///
|
|
/// Schließen muss schneller sein als Öffnen. Beim Öffnen sieht man zu,
|
|
/// beim Schließen ist man schon woanders — dieselbe Kurve rückwärts
|
|
/// fühlt sich dort zäh an, und das Nachschwingen liest sich als Ruckler.
|
|
public static let collapse = Animation.spring(response: 0.24, dampingFraction: 1.0)
|
|
/// Für Messwerte: sichtbar, aber ohne Pulsieren.
|
|
public static let value = Animation.easeOut(duration: 0.25)
|
|
}
|
|
|
|
// MARK: - Typografie
|
|
|
|
public enum Font {
|
|
public static let title = SwiftUI.Font.system(size: 13, weight: .semibold)
|
|
public static let body = SwiftUI.Font.system(size: 12, weight: .regular)
|
|
public static let caption = SwiftUI.Font.system(size: 10, weight: .medium)
|
|
/// Für alle Messwerte — ohne feste Ziffernbreite zappeln die Zahlen.
|
|
public static let metric = SwiftUI.Font.system(size: 20, weight: .medium)
|
|
.monospacedDigit()
|
|
public static let metricSmall = SwiftUI.Font.system(size: 11, weight: .medium)
|
|
.monospacedDigit()
|
|
}
|
|
}
|