Steuerelemente für UWP-AppsControls for UWP apps

Steuerelemente

In der UWP-App-Entwicklung ist ein Steuerelement ein UI-Element, das Inhalte anzeigt oder Interaktionen ermöglicht.In UWP app development, a control is a UI element that displays content or enables interaction. Steuerelemente sind die Bausteine der Benutzeroberfläche.Controls are the building blocks of the user interface. Ein Muster ist eine Anleitung zum Kombinieren verschiedener Steuerelemente, um etwas Neues zu erstellen.A pattern is a recipe for combining several controls to make something new.

Wir stellen Ihnen mehr als 45 Steuerelemente bereit, angefangen bei einfachen Schaltflächen bis hin zu leistungsstarken Datensteuerelementen wie der Rasteransicht.We provide 45+ controls for you to use, ranging from simple buttons to powerful data controls like the grid view. Diese Steuerelemente sind Teil des Fluent Design-Systems und können Ihnen bei der Erstellung einer ansprechenden, skalierbaren UI helfen, die auf allen Geräten und Bildschirmgrößen großartig aussieht.These controls are a part of the Fluent Design System and can help you create a bold, scalable UI that looks great on all devices and screen sizes.

Die Artikel in diesem Abschnitt enthalten Designrichtlinien und Codierungsanweisungen für das Hinzufügen von Steuerelementen und Mustern zu Ihrer UWP-App.The articles in this section provide design guidance and coding instructions for adding controls & patterns to your UWP app.

EinführungIntro

Allgemeine Anweisungen und Codebeispiele für das Hinzufügen und Formatieren von Steuerelementen in XAML und C#.General instructions and code examples for adding and styling controls in XAML and C#.

Hinzufügen von Steuerelementen und Verarbeiten von Ereignissen Add controls and handle events
Es gibt drei wichtige Schritte zum Hinzufügen von Steuerelementen zur App: Hinzufügen eines Steuerelements zu Ihrer App-UI, Festlegen der Eigenschaften für das Steuerelement und Hinzufügen von Code zu den Ereignishandlern des Steuerelements, sodass dieses eine Aktion ausführt.There are 3 key steps to adding controls to your app: Add a control to your app UI, set properties on the control, and add code to the control's event handlers so that it does something.

Formatieren von Steuerelementen Styling controls
Das XAML-Framework bietet zahlreiche Anpassungsmöglichkeiten für die App-Darstellung.You can customize the appearance of your apps in many ways by using the XAML framework. Sie können mit Stilen die Steuerelementeigenschaften festlegen und diese Einstellungen dann für andere Steuerelemente übernehmen, um so für ein einheitliches Erscheinungsbild zu sorgen.Styles let you set control properties and reuse those settings for a consistent appearance across multiple controls.

Abrufen der Windows-UI-BibliothekGet the Windows UI Library

Einige Steuerelemente sind nur in der Windows-UI-Bibliothek verfügbar.Some controls are only available in the Windows UI Library. Informationen dazu, wie Sie diese abrufen, finden Sie im Artikel mit der Übersicht über die Windows-UI-Bibliothek und Installationsanweisungen.To get it, see the Windows UI Library overview and installation instructions.

Alphabetischer IndexAlphabetical index

Detaillierte Informationen zu bestimmten Steuerelementen und Mustern.Detailed information about specific controls and patterns. (Eine nach Funktionen sortierte Liste finden Sie unter Index der Steuerelemente nach Funktion.)(For a list sorted by function, see Index of controls by function.)

Rufen Sie die XAML-Steuerelementekatalog-App aus dem Microsoft Store ab, um diese Steuerelemente und das Fluent Design-System in Aktion zu sehen.Get the XAML Controls Gallery app from the Microsoft Store to see these controls and the Fluent Design System in action. Die App ist eine interaktive Ergänzung zu dieser Website.The app is an interactive companion to this website. Wenn Sie sie installiert haben, können Sie Links auf einzelnen Steuerungsseiten verwenden, um die App zu starten und das Steuerelement in Aktion zu sehen.When you have it installed, you can use links on individual control pages to launch the app and see the control in action.

Beziehen der XAML-Steuerelementekatalog-App (Microsoft Store)Get the XAML Controls Gallery app (Microsoft Store)

Abrufen des Quellcodes (GitHub)Get the source code (GitHub)

XAML Controls Gallery screen

Zusätzliche SteuerelementeAdditional controls

Zusätzliche Steuerelemente für die UWP-Entwicklung werden von Unternehmen wie Telerik, SyncFusion, DevExpress, Infragistics, ComponentOne und ActiPro bereitgestellt.Additional controls for UWP development are available from companies such as Telerik, SyncFusion, DevExpress, Infragistics, ComponentOne, and ActiPro. Diese Steuerelemente bieten zusätzliche Unterstützung für Unternehmen und .NET-Entwickler, indem sie die Steuerelemente des Standardsystems um benutzerdefinierte Steuerelemente und Dienste erweitern.These controls provide additional support for enterprise and .NET developers by augmenting the standard system controls with custom controls and services.

Wenn Sie mehr über diese Steuerelemente erfahren möchten, sehen Sie sich auf GitHub das Beispiel Customer Orders Database (Datenbank für Kundenaufträge) an.If you're interested in learning more about these controls, check out the Customer orders database sample on GitHub. In diesem Beispiel werden das Rastersteuerelement und die Validierung der Dateneingabe von Telerik verwendet, die Teil der UI für die UWP-Suite sind.This sample makes use of the data grid control and data entry validation from Telerik, which is part of their UI for UWP suite. Die UI für die UWP-Suite besteht aus einer Sammlung von über 20 Steuerelementen, die als Open-Source-Projekt über die .NET Foundation verfügbar sind.The UI for UWP suite is a collection of over 20 controls that is available as an open source project through the .NET foundation.