Freigeben über


Verbesserte Canvas-Tastaturnavigation in Canvas Apps (experimentell)

[Dieser Artikel ist Teil der Dokumentation zur Vorschauversion und kann geändert werden.]

Wichtig

  • Dies ist eine experimentelle Funktion und wird bald eingestellt. Anstatt diese experimentelle Funktion zu verwenden, sollten Sie in Betracht ziehen eine App sinnvoll zu strukturieren, um die gewünschte Registerkartenavigationsreihenfolge zu erreichen.
  • Die experimentellen Funktionen sind nicht für die Produktion vorgesehen und weisen möglicherweise eine eingeschränkte Funktionalität auf. Diese Funktionen stehen vor der offiziellen Version zur Verfügung, damit Kunden früher Zugriff darauf erhalten und Feedback geben können.

Wenn Sie Steuerelemente wie Container und Komponenteninstanzen verschachteln, wird der vom Benutzer eingegebene Wert für TabIndex manchmal nicht beachtet. Verbesserte Canvas-Tastaturnavigation Die experimentelle Einstellung verbessert das Navigationserlebnis in dieser Situation, wenn die Tab-Taste auf der Tastatur gedrückt wird und hilft dabei, den Fokus präzise und vorhersagbar auf den gewünschten Container oder das gewünschte Steuerelement zu legen.

Diese Funktion bietet außerdem Unterstützung für die Handhabung der Barrierefreiheit für Tastatur-Tabs inline mit den übrigen Steuerelementen in Canvas-Apps. Und richtet sich an manuelle TabIndex-Zuweisungen für alle Steuerelemente.

Anmerkung

Diese Funktion wird als „experimentell“ hinzugefügt, um die Abwärtskompatibilität zu wahren und die bestehende Funktionalität der Apps zu erhalten.

Wenn diese Funktion aktiviert ist, werden auch die folgenden booleschen Eigenschaften für alle untergeordneten Steuerelemente für den ausgewählten Container oder die Komponenteninstanz in Canvas-Apps aktiviert:

Eigenschaftsname Beschreibung
Untergeordnete Steuerelemente priorisieren Bestimmt die Reihenfolge der Navigation (Z-Reihenfolge) für untergeordnete Steuerelemente auf dem Canvas, wenn Sie die Tabulator-Taste auf der Tastatur drücken.
  • Ein (Voreinstellung): Wenn Sie die Tabulatortaste auf der Tastatur drücken, werden zunächst alle untergeordneten Steuerelemente durchlaufen, bevor der Fokus außerhalb des ausgewählten Containers oder der Komponenteninstanz verschoben wird. Diese Option wird für ähnlich verschachtelte HTML-Elemente empfohlen.
  • Aus: Wenn Sie die Tabulatortaste auf der Tastatur drücken, werden alle Steuerelemente nur in der Z-Reihenfolge durchlaufen. Die übergeordnete Beziehung zwischen Steuerelementen oder Containern wird bei der Tastaturnavigation ignoriert.
Hinweis: Diese Eigenschaft gilt nicht für responsive oder autolayout Container.
Fokus auf untergeordnete Steuerelemente aktivieren Ermittelt den Wert von TabIndex für untergeordnete Steuerelemente auf dem Canvas, wenn Sie die Tabulator-Taste auf der Tastatur drücken.
  • Ein (Standard): Das Drücken der Tabulatortaste verhält sich gemäß den TabIndex-Werten, die für jedes Steuerelement definiert sind.
  • Aus: Wenn Sie die Tabulatortaste drücken, wird der Fokus nicht auf ein untergeordnetes Steuerelement innerhalb des ausgewählten Containers oder der Komponenteninstanz verschoben. Legt den TabIndex-Wert auf -1 für alle untergeordneten Steuerelemente fest.

Konfigurieren Sie die verbesserte Canvas-Tastaturnavigation in Ihrer App

Falls noch nicht aktiviert, folgen Sie diesen Schritten, um diese Funktion in Ihrer App zu aktivieren und die oben genannten Eigenschaften festzulegen.

  1. Melden Sie sich bei Power Apps an.

  2. Wählen Sie Apps im linken Bereich.

  3. Wählen Sie Ihre App aus und wählen Sie dann Bearbeiten.

  4. Wählen Sie unter Power Apps Studio Einstellungen>Neue Funktionen>Experimentell.

  5. Wählen Sie Verbesserte Canvas-Tastaturnavigation, um diese Funktion zu aktivieren.

    Verbesserte Einstellung der Canvas-Tastaturnavigation

  6. Einstellungen schließen.

Da Sie nun die experimentelle Funktion aktiviert haben, sehen Sie zwei neue Eigenschaften für Steuerelemente und Container—Untergeordnete Steuerelemente priorisieren und Fokus für untergeordnete Steuerelemente aktivieren. Ändern Sie die Eigenschaftswerte nach Bedarf.

Verbesserte Eigenschaften der Canvas-Tastaturnavigation

Beispiele

Nachdem Sie nun die neue Funktion mit der verbesserten Canvas-Tastaturnavigation verstanden haben, lassen Sie uns einen Blick auf ein paar Beispiele werfen, um das Verhalten beim Drücken der Tabulator-Taste zu verstehen.

Standardmäßig verbessertes Canvas-Tastaturnavigationsverhalten

Das folgende Beispiel zeigt mehrere Texteingabe-Steuerelemente und verschiedene Verschachtelungsszenarien. Die in der Eingabe angezeigte Zahl stellt den Wert der Eigenschaft TabIndex dar. Es gibt zwei verschachtelte Container und übereinander liegende Steuerelemente für Komponenten.

Die Standardreihenfolge wird durch die relative Position der Steuerelemente bestimmt. Wenn der Fokus in einen Container oder eine Komponente eintritt, durchlaufen die Registerkarten zunächst die untergeordneten Elemente des Containers, bevor sie zum nächsten verfügbaren Steuerelement weitergehen.

Standardverhalten der App

Wenn die Option Priorisierung untergeordneter Steuerelemente auf Aus festgelegt ist

Im folgenden Beispiel ist für jedes Container- und Komponenten-Steuerelement die Eigenschaft Untergeordnete Steuerelemente priorisieren auf „Aus“ festgelegt. Alle Eingaben werden daher als auf der gleichen Verschachtelungsebene befindlich betrachtet, so dass die Reihenfolge rein durch ihre X/Y-Position relativ zum Bildschirm bestimmt wird.

Untergeordnete Steuerelemente nicht vorrangig behandeln

Erweiterte Konfiguration mit gemischten Einstellungen

Im folgenden Beispiel haben die orange umrandeten Container die Eigenschaft Untergeordnete Steuerelemente priorisieren auf „Aus“ festgelegt. Bei allen anderen Steuerelementen ist diese Eigenschaft auf „Ein“ festgelegt. Außerdem wurde für einige Eingaben eine angepasste Eigenschaft TabIndex festgelegt, die durch die in jeder Eingabe angezeigte Zahl angezeigt wird.

Die Tab-Reihenfolge durchläuft zuerst die Container und Steuerelemente mit einem TabIndex-Wert größer als 0 und dann alle anderen mit einem Wert von 0. Dieses Verhalten war auch in der früheren Implementierung vorhanden.

Erweiterte Konfiguration mit gemischten Einstellungen

Siehe auch