Die WinUI 3-Katalog-App umfasst interaktive Beispiele für die meisten WinUI 3-Steuerelemente, -Features und -Funktionen. Laden Sie die App aus dem Microsoft Store herunter, oder rufen Sie den Quellcode auf GitHub ab
Standardanimationsdauerwerte
WinUI stellt eine Reihe von Standardanimationsdauern bereit, die während der gesamten Plattformsteuerelemente verwendet werden. Sie können diese benannten Ressourcen auch beim Erstellen von benutzerdefinierten Storyboardanimationen verwenden.
ThemeResource-Name
Wert
ControlNormalAnimationDuration
250 ms
ControlFastAnimationDuration
167 ms
ControlFasterAnimationDuration
83 ms
Beschleunigung in Fluent-Bewegung
Beschleunigung ist eine Möglichkeit, die Geschwindigkeit eines Objekts während des Reisens zu ändern. Es ist der Klebstoff, der alle Fluent-Bewegungserfahrungen miteinander verbindet. Während extrem, hilft das im System verwendete Beschleunigungsgefühl, das physische Gefühl von Objekten, die sich im gesamten System bewegen, zu vereinheitlichen. Dies ist eine Möglichkeit, die reale Welt nachzuahmen und Objekte in Bewegung zu machen, wie sie in ihrer Umgebung gehören.
Anwenden von Beschleunigungen auf Bewegung
Diese Beschleunigungen helfen Ihnen dabei, ein natürlicheres Gefühl zu erreichen und sind die Grundlinie, die wir für Fluent-Bewegung verwenden.
Schnell out, langsam in
C#
cubic-bezier(0, 0, 0, 1)
Wird für Objekte oder UI-Eingaben in die Szene verwendet, entweder durch Navigieren oder Spawning.
Nach der Szene wird das Objekt mit extremer Reibung erfüllt, wodurch das Objekt zum Ruhen verlangsamt wird. Das resultierende Gefühl ist, dass das Objekt von einer langen Entfernung entfernt und in eine extreme Geschwindigkeit gelangt ist oder schnell in einen Ruhezustand zurückkehrt.
Selbst wenn es einem Moment unverantwortlicher Kraft vorausgeht, hat die Geschwindigkeit des eingehenden Objekts die Wirkung des Gefühls schnell und reaktionsfähig.
Langsam, schnell in
C#
cubic-bezier(1 , 0 , 1 , 1)
Wird für Ui- oder Objekte verwendet, die die Szene verlassen.
Objekte werden angetrieben und gewinnen Schwung, bis sie die Fluchtgeschwindigkeit erreichen. Das resultierende Gefühl besteht darin, dass das Objekt am schwierigsten versucht, aus dem Weg des Benutzers herauszuholen und Platz für neue Inhalte zu schaffen.
Die Quelle für diesen Inhalt finden Sie auf GitHub, wo Sie auch Issues und Pull Requests erstellen und überprüfen können. Weitere Informationen finden Sie in unserem Leitfaden für Mitwirkende.
Feedback zu Windows developer
Windows developer ist ein Open Source-Projekt. Wählen Sie einen Link aus, um Feedback zu geben:
Die Benutzeroberfläche der App definiert oft den Erfolg Ihrer App. Dieser Lernpfad konzentriert sich auf die Bereitstellung der besten App-Navigation und das Erstellen der besten Benutzeroberfläche mithilfe von Designs, Symbolen, Bildern, Personalisierungen, unterschiedlichen Formfaktoren und Steuerelementen.