Wie stelle ich sicher, dass die App-Beschriftungen auf dem iPhone 6s Plus korrekt skaliert werden?
- Problem verstehen: Auflösung, Punktdichte und Skalierung
- Auto Layout und relative Größen verwenden
- Points, Fonts und die richtige Maßeinheit
- Dynamische Typ-Unterstützung aktivieren
- Schriftarten und Skalierungsrichtlinien
- Raster, Minimum- und Maximum-Größen beachten
- Testen auf realen Geräten und mit Accessibility-Einstellungen
- Schlussbemerkung: Prinzipien zusammengefasst
Problem verstehen: Auflösung, Punktdichte und Skalierung
Das iPhone 6s Plus hat ein physisches Display mit hoher Auflösung, das aber eine gerenderte UI-Grundlage (Points) verwendet. Wichtige Begriffe sind Pixel (physische Bildpunkte) und Points (Design-Einheiten). Das 6s Plus nutzt eine Geräteskalierung von 3x (Retina HD): 1 Point entspricht 3×3 physischen Pixeln. Wenn Beschriftungen (Labels) auf dem Gerät zu groß, zu klein oder unscharf wirken, liegt das häufig an falschen Layout-Einheiten, fester Pixelgröße oder fehlender Anpassung an dynamische Schriftgrößen.
Auto Layout und relative Größen verwenden
Stelle sicher, dass du Auto Layout einsetzt statt fester Frame-Werte in Pixeln. Constraints definieren die Position und Größe von UILabels relativ zu anderen Views und Bildschirmrändern; so passt sich die Beschriftung an verschiedene Bildschirmgrößen und -orientierungen an. Verwende Inhalts-Hugging- und Compression-Resistance-Prioritäten sinnvoll, damit Labels korrekt wachsen oder abschneiden.
Points, Fonts und die richtige Maßeinheit
Definiere Schriftgrößen in Points (pt), niemals in Pixeln. Systemschriftarten und UIFont.preferredFont(forTextStyle:) sorgen dafür, dass Schriftgrößen konsistent und an die Geräteskalierung angepasst sind. Vermeide harte Kodierung exakter Punktwerte, wenn möglich: Verwende Text Styles (.body, .headline etc.) für automatische Anpassung an Nutzerpräferenzen.
Dynamische Typ-Unterstützung aktivieren
Aktiviere Dynamic Type, damit sich die Beschriftungen an die vom Nutzer gewählten Anzeigegrößen in den iOS-Einstellungen anpassen. Setze label.adjustsFontForContentSizeCategory = true oder benutze UIContentSizeCategory.adjusting-APIs. Das verbessert Zugänglichkeit und stellt sicher, dass Text auf Geräten mit verschiedenen Skalierungen korrekt wirkt.
Schriftarten und Skalierungsrichtlinien
Wenn du benutzerdefinierte Fonts verwendest, registriere sie korrekt und nutze UIFontMetrics, um sie an Text Styles zu binden: UIFontMetrics(forTextStyle:).scaledFont(for:). So profitieren benutzerdefinierte Fonts von Dynamic Type und werden konsistent skaliert. Prüfe die Baseline- und Line-Height-Eigenschaften; unterschiedliche Fonts können unterschiedliche visuelle Größen bei gleicher Punktgröße haben.
Raster, Minimum- und Maximum-Größen beachten
Berücksichtige, dass sehr kleine Punktgrößen auf einer 3x-Skalierung unscharf wirken können, wenn Subpixel-Rendering begrenzt ist. Lege sinnvolle Mindest- und Maximalgrößen fest, damit Text lesbar bleibt und nicht überlappt. Verwende adjustsFontSizeToFitWidth sorgfältig; kombiniere es mit minimumScaleFactor, um ein ungewolltes Verkleinern zu vermeiden.
Testen auf realen Geräten und mit Accessibility-Einstellungen
Teste nicht nur im Simulator: Prüfe das Layout auf einem echten iPhone 6s Plus und auf Geräten mit anderen Auflösungen. Simuliere verschiedene Dynamic Type-Größen und Accessibility-Optionen (größere Texte, Bold Text). Achte auch auf Localization, da längere Wörter in anderen Sprachen das Layout beeinflussen.
Schlussbemerkung: Prinzipien zusammengefasst
Verwende Points statt Pixel, setze Auto Layout ein, aktiviere Dynamic Type, nutze UIFontMetrics für benutzerdefinierte Fonts und teste auf realen Geräten und mit unterschiedlichen Nutzereinstellungen. So stellst du sicher, dass App-Beschriftungen auf dem iPhone 6s Plus korrekt skaliert, lesbar und ästhetisch konsistent sind.