Inhalt beginnt unterhalb der Notch statt dahinter

Das Panel reichte oben bündig an die Bildschirmkante, damit seine Fläche mit
der schwarzen Notch-Hardware zu einem Körper verschmilzt. Die Notch ist aber
undurchsichtig — die obersten 38 pt Inhalt waren schlicht nicht zu sehen. Links
und rechts daneben liegt in diesem Streifen zusätzlich die Menüleiste, der ganze
Streifen ist also unbrauchbar.

Die Fläche bleibt deshalb, wo sie war; nur der Inhalt rückt nach unten. Das
Fenster wächst entsprechend mit (446x340 → 446x378), damit unten nichts
abgeschnitten wird.

Der Controller nimmt jetzt die Inhaltsgröße entgegen und schlägt den Freiraum
selbst auf. Keine Aufrufstelle muss daran denken, und beim Wechsel zwischen
eingebautem Display (38 pt) und externem (virtueller Balken) wandert der
Freiraum automatisch mit.

Gegengemessen statt geschätzt: die Zentrierung war korrekt (Panel-midX 900 =
Notch-midX 900), der Fehler lag allein in der Höhe. Vier Tests halten den
Inhaltsbereich jetzt außerhalb der Notch fest, auch für den virtuellen Balken.

70 Tests grün.
This commit is contained in:
Guido Schmit
2026-08-10 17:43:30 +02:00
parent 8e0629d3a5
commit 65f9fbfa4e
5 changed files with 97 additions and 11 deletions

View File

@@ -14,9 +14,18 @@ public final class NotchPresentation {
public var collapsedSize: CGSize
public var expandedSize: CGSize
public init(collapsedSize: CGSize, expandedSize: CGSize) {
/// Wie weit der Inhalt von oben wegbleiben muss.
///
/// Die Fläche reicht bis an die Bildschirmoberkante, damit sie mit der
/// schwarzen Notch-Hardware zu einem Körper verschmilzt. Die Notch ist aber
/// undurchsichtig: alles, was in diesen obersten Punkten steht, ist schlicht
/// nicht zu sehen. Der Inhalt beginnt deshalb darunter.
public var contentTopInset: CGFloat
public init(collapsedSize: CGSize, expandedSize: CGSize, contentTopInset: CGFloat) {
self.collapsedSize = collapsedSize
self.expandedSize = expandedSize
self.contentTopInset = contentTopInset
}
/// Wie lange das Einfahren braucht, bis das Fenster gefahrlos verschwinden darf.
@@ -60,7 +69,12 @@ public struct NotchContainer<Content: View>: View {
.overlay(alignment: .top) {
content
.frame(width: presentation.expandedSize.width,
height: presentation.expandedSize.height)
height: presentation.expandedSize.height
- presentation.contentTopInset,
alignment: .top)
// Freiraum für die Notch. Padding statt Offset, damit
// der Inhalt auch beim Messen die richtige Höhe hat.
.padding(.top, presentation.contentTopInset)
.opacity(presentation.isExpanded ? 1 : 0)
// Ein Hauch von oben herangleiten genug, um Richtung zu
// geben, zu wenig, um als Bewegung aufzufallen.