Scarriffle/onyx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pausenzeichen wieder ausgestanzt

Browse Source 
„Weiß mit dünnem Rand" war für den Blitz bestellt, nicht für das
Pausenzeichen — ich hatte es auf beide angewendet. Bei fast vollem Akku
liegt das Zeichen auf weißer Füllung: das Weiß verschwindet darin, übrig
bleiben die dunklen Ränder als zwei Striche.

Das Pausenzeichen ist damit wieder ein Loch in der Füllung. Der Blitz
bleibt weiß mit Rand und fadend.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-08-13 13:07:32 +02:00
parent 8545cc421c
commit e79191d033
1 changed files with 35 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
Packages/OnyxKit/Sources/MetricsProvider/BatteryGlyph.swift
View File

@@ -174,12 +174,24 @@ public enum BatteryGlyph {
let glyphRect = CGRect(x: body.midX - glyphWidth / 2, let glyphRect = CGRect(x: body.midX - glyphWidth / 2,
y: rect.midY - glyphHeight / 2, y: rect.midY - glyphHeight / 2,
width: glyphWidth, height: glyphHeight) width: glyphWidth, height: glyphHeight)
// Weiß mit dünnem schwarzem Rand — und beim Laden fadend. guard isCharging else {
// Das Pausenzeichen wird **ausgestanzt**: ein Loch in der Füllung.
//
// Weiß mit Rand funktioniert hier nicht — bei fast vollem Akku
// liegt es auf weißer Füllung, das Weiß verschwindet darin und
// übrig bleiben die dunklen Ränder als zwei Striche.
NSGraphicsContext.saveGraphicsState()
glyph.draw(in: glyphRect, from: .zero, operation: .destinationOut, fraction: 1)
NSGraphicsContext.restoreGraphicsState()
return
}
// Der Blitz: weiß mit dünnem dunklem Rand, und fadend.
// //
// Der Rand ist immer die Gegenfarbe zur Füllung. Damit bleibt das // Der Rand ist immer die Gegenfarbe zur Füllung. Damit bleibt er in
// Zeichen in **jedem** Moment des Fadens lesbar: über der hellen // **jedem** Moment des Fadens lesbar: über der hellen Füllung trägt ihn
// Füllung trägt es der Rand, über dem leeren Teil die Füllung selbst. // der Rand, über dem leeren Teil die Füllung selbst.
let whiteness = isCharging ? boltWhiteness(phase: fadePhase) : 1 let whiteness = boltWhiteness(phase: fadePhase)
if let outline = tint(glyph, with: NSColor(white: 1 - whiteness, alpha: 1)) { if let outline = tint(glyph, with: NSColor(white: 1 - whiteness, alpha: 1)) {
outline.draw(in: outlineRect(glyphRect), from: .zero, outline.draw(in: outlineRect(glyphRect), from: .zero,
operation: .sourceOver, fraction: 1) operation: .sourceOver, fraction: 1)
@@ -239,21 +251,25 @@ public struct BatteryGlyphView: View {
if let name = indicator.symbolName { if let name = indicator.symbolName {
// `TimelineView` gibt die Zeit her, ohne dass hier ein // `TimelineView` gibt die Zeit her, ohne dass hier ein
// Zeitgeber laufen muss. // Zeitgeber laufen muss.
TimelineView(.animation) { context in let size = BatteryGlyph.glyphHeight(for: indicator, in: height)
let phase = isCharging if isCharging {
? context.date.timeIntervalSinceReferenceDate / BatteryGlyph.fadeDuration TimelineView(.animation) { context in
: 0 let phase = context.date.timeIntervalSinceReferenceDate
let whiteness = isCharging / BatteryGlyph.fadeDuration
? BatteryGlyph.boltWhiteness(phase: phase) : 1 let whiteness = BatteryGlyph.boltWhiteness(phase: phase)
let size = BatteryGlyph.glyphHeight(for: indicator, in: height) ZStack {
ZStack { Image(systemName: name)
Image(systemName: name) .font(.system(size: size + 2 * BatteryGlyph.outlineWidth))
.font(.system(size: size + 2 * BatteryGlyph.outlineWidth)) .foregroundStyle(Color(white: 1 - whiteness))
.foregroundStyle(Color(white: 1 - whiteness)) Image(systemName: name)
Image(systemName: name) .font(.system(size: size))
.font(.system(size: size)) .foregroundStyle(Color(white: whiteness))
.foregroundStyle(Color(white: whiteness)) }
} }
} else {
Image(systemName: name)
.font(.system(size: size))
.blendMode(.destinationOut)
} }
} }
} }