Übersicht über die Benutzeroberfläche

Das Erstellen einer großartigen Windows app bedeutet, eine benutzeroberfläche zu erstellen, die intuitiv, reaktionsfähig und visuell poliert ist. Die Windows-Plattform bietet eine vielzahl von UI-Bausteinen – von einsatzbereiten Steuerelementen und flexiblen Layoutsystemen bis hin zu reibungslosen Animationen und Fenster-APIs – sodass Sie Oberflächen erstellen können, die sich direkt zu Hause unter Windows fühlen.

Designprinzipien, Muster und visuelle Anleitungen finden Sie in der Entwurfsübersicht.

Bedienelemente

Windows bietet eine umfassende Bibliothek von UI-Steuerelementen, die der Fluent Design-Sprache folgen. Von grundlegenden Eingabesteuerelementen wie Schaltflächen, Kontrollkästchen und Textfeldern bis hin zu erweiterten Sammlungsansichten, Dialogfeldern, Menüs und Auswahlen – diese Steuerelemente bieten Ihnen die Bausteine für jede App-Schnittstelle.

Erste Schritte mit Steuerelementen

Layout

Mit Layoutpanels und angefügten Layouts können Sie UI-Elemente auf eine Weise anordnen, die sich an verschiedene Bildschirmgrößen und Ausrichtungen anpasst. Verwenden Sie integrierte Panels wie StackPanel, Grid und RelativePanel, oder erstellen Sie benutzerdefinierte Panels für spezielle Szenarien. Transformationen und 3D-Perspektiveneffekte fügen weitere Flexibilität hinzu.

Informationen zu Layoutpanels

Navigation

Helfen Sie Benutzern beim Navigieren in Ihrer App mit Navigationsmustern wie Rückwärtsnavigation, Navigationsverlauf und Seiten-zu-Seiten-Übergängen. Verwenden Sie Navigationssteuerelemente wie NavigationView, BreadcrumbBar und TabView, um klare, konsistente Navigationsstrukturen zu erstellen.

Navigation erkunden

Motion

Bewegung bringt Ihre App zum Leben und schafft ein Gefühl der Kontinuität, wenn Benutzer damit interagieren. Verwenden Sie Seitenübergänge, verbundene Animationen, Parallaxeffekte und XAML-Animationen, um visuelles Feedback zu geben und die Aufmerksamkeit zu lenken.

Bewegung erkunden

Windowing

Mit den Fenster-APIs können Sie App-Fenster verwalten, Titelleisten anpassen und steuern, wie Ihre App auf dem Bildschirm angezeigt wird. Verwenden Sie die AppWindow-Klasse und zugehörige APIs, um Mehrfensteroberflächen zu erstellen, Vollbildmodus zu öffnen oder kompakte Überlagerungen zu implementieren.

Erfahren Sie mehr über Fensterverwaltung