Freigeben über

Edgebasierte UI-Animationen

  • Artikel

Randbasierte Animationen zeigen oder ausblenden ui, die vom Rand des Bildschirms stammen. Die Aktionen zum Ein- und Ausblenden können entweder vom Benutzer oder von der App initiiert werden. Die Benutzeroberfläche kann die App entweder überlagern oder Teil der Hauptoberfläche der App sein. Wenn die Benutzeroberfläche Teil der App-Oberfläche ist, muss die Größe der restlichen App möglicherweise angepasst werden, um sie aufzunehmen.

Wichtige APIs: EdgeUIThemeTransition-Klasse

Empfohlene und nicht empfohlene Vorgehensweisen

  • Verwenden Sie Rand-UI-Animationen, um eine benutzerdefinierte Meldung oder Fehlerleiste ein- oder auszublenden, die sich nicht weit in den Bildschirm erstreckt.

  • Verwenden Sie Panelanimationen, um die Benutzeroberfläche anzuzeigen, die einen erheblichen Abstand zum Bildschirm hat, z. B. einen Aufgabenbereich oder eine benutzerdefinierte Bildschirmtastatur.

  • Ziehen Sie die Benutzeroberfläche vom gleichen Rand ein, an dem sie angefügt wird.

  • Ziehen Sie die Benutzeroberfläche an denselben Rand, von dem sie stammt.

  • Wenn der Inhalt der App als Reaktion auf das Ein- oder Ausblenden der Benutzeroberfläche geändert werden muss, verwenden Sie Ein- oder Ausblendungsanimationen für die Größenänderung.

    • Wenn die Benutzeroberfläche eingeblendet wird, verwenden Sie nach der Rand-UI- oder Panelanimation eine Einblendungsanimation.
    • Wenn die Benutzeroberfläche ausgelassen wird, verwenden Sie gleichzeitig eine Einblendungsanimation wie die Rand-UI oder Panelanimation.

  • Wenden Sie diese Animationen nicht auf Benachrichtigungen an. Benachrichtigungen sollten nicht in der randbasierten Benutzeroberfläche untergebracht werden.

  • Wenden Sie die Rand-UI- oder Panelanimationen nicht auf ui-Container oder Steuerelemente an, die sich nicht am Bildschirmrand befinden. Diese Animationen werden nur zum Anzeigen, Ändern der Größe und zum Schließen der Benutzeroberfläche am Rand des Bildschirms verwendet. Wenn Sie andere Benutzeroberflächentypen verschieben möchten, verwenden Sie Animationen für die Neupositionierung.

    veranschaulicht, wann Benutzeroberflächen- oder Panelanimationen am Rand verwendet werden sollen und wann die Position neu positioniert werden soll.

Für Entwickler