Überlappende Ansichten

Erfahren Sie, wie wir künstliche Intelligenz für diese Regel nutzen!

Ansichten, die Informationen enthalten, sollten sich weder vollständig noch teilweise mit einer anderen Ansicht überschneiden.

Diese Regel setzt eine bewährte Vorgehensweise durch, die in den Human Interface Guidelines von Apple festgelegt ist. Sie können diese Regel über das Mobile Dashboard deaktivieren oder indem Sie die Regel in für iOS geschriebenen Tests ignorieren.

Erfahren Sie, wie Sie Regeln im Mobile Dashboard deaktivieren.

Auswirkung

Überlappende Ansichten wirken sich auf sehende Menschen aus und können auch Menschen beeinflussen, die dynamische Typografie verwenden. Die dynamischen Typeinstellungen können die Größe von Textelementen automatisch anpassen. Eine größere Schriftart kann die Ansichten größer machen und möglicherweise zu Überlappungen führen. Überlappende Textelemente können dazu führen, dass dem Endbenutzer Informationen fehlen oder unleserlich sind.

Bestätigung

1. Betrachten Sie die Grenzen jeder informativen Ansicht
2. Sie werden eines der folgenden finden:
   • Unzugänglich: Die Grenzen einer Ansicht überschneiden sich mit einer anderen Ansicht.
   • Zugänglich: Keine informativen Ansichten haben überlappende Grenzen.
3. Wenn Textelemente vorhanden sind, versuchen Sie es mit größeren Dynamic Type-Größen und wiederholen Sie diesen Vorgang, um sicherzustellen, dass sich diese Ansichten beim Vergrößern nicht mit anderen Ansichten überschneiden.

So beheben Sie das Problem

UIKit

Unsachgemäße Einschränkungen können ein durch diese Richtlinie erkanntes Problem verursachen. Auch wenn jede Situation anders ist, achten Sie darauf, dass die Einschränkungen der Ansicht ausreichend Platz zwischen den informativen Elementen bieten. Wenn zwischen zwei benachbarten informativen Ansichten keine Einschränkung besteht, müssen Sie möglicherweise eine hinzufügen, um sicherzustellen, dass sie sich nicht überschneiden, wenn Dynamic Type auf eine größere Einstellung aktualisiert wird.

SwiftUI

Überlappende Ansichten verursachen ein von dieser Richtlinie erkanntes Problem. Obwohl jede Situation etwas anders ist, stellen Sie sicher, dass jede Ansicht über die richtigen Ansichtsmodifikatoren verfügt, um eine Überlappung der Grenzen zu begrenzen. Es wird empfohlen, HStack- und VStack-Ansichten als übergeordnete Ansichten zu verwenden. ZStack ist eine weitere Option, sollte aber nicht für Ansichten verwendet werden, die Textelemente enthalten.

React Native

Überlappende Ansichten verursachen ein von dieser Richtlinie erkanntes Problem. Auch wenn jede Situation etwas anders ist, stellen Sie Folgendes sicher:

• Ansichten mit Text oder Ansichten mit skalierbarem Inhalt haben keinen maxHeight gesetzt
• Wenn Sie ein flexibles Layout verwenden, sollten Sie einen Wert für die gap-Eigenschaft hinzufügen, um die Lesbarkeit zu verbessern