ZeitauswahlTime picker

Mit der Zeitauswahl verfügen Sie über eine standardmäßige Methode, mit der die Benutzer einen Zeitwert per Touch-, Maus- oder Tastatureingabe auswählen können.The time picker gives you a standardized way to let users pick a time value using touch, mouse, or keyboard input.

Beispiel für Zeitauswahl

Abrufen der Windows-UI-BibliothekGet the Windows UI Library

WinUI-Logo

Die Bibliothek „Windows UI“ enthält ab Version 2.2 eine neue Vorlage für dieses Steuerelement, die abgerundete Ecken verwendet.Windows UI Library 2.2 or later includes a new template for this control that uses rounded corners. Weitere Informationen finden Sie unter Eckradius.For more info, see Corner radius. WinUI ist ein NuGet-Paket, das neue Steuerelemente und Benutzeroberflächenfeatures für Windows-Apps enthält.WinUI is a NuGet package that contains new controls and UI features for Windows apps. Weitere Informationen, einschließlich Installationsanweisungen, finden Sie unter Windows UI Library (Windows-UI-Bibliothek).For more info, including installation instructions, see Windows UI Library.

Plattform-APIs: TimePicker-Klasse, Time-EigenschaftPlatform APIs: TimePicker class, Time property

Ist dies das richtige Steuerelement?Is this the right control?

Verwenden Sie die Zeitauswahl, um Benutzern die Auswahl eines einzelnen Zeitwerts zu ermöglichen.Use a time picker to let a user pick a single time value.

Weitere Informationen zur Auswahl des passenden Steuerelements finden Sie im Artikel über Datums- und Uhrzeitsteuerelemente.For more info about choosing the right control, see the Date and time controls article.

BeispieleExamples

XAML-SteuerelementekatalogXAML Controls Gallery
XAML controls gallery

Wenn Sie die App XAML-Steuerelementekatalog installiert haben, klicken Sie hier, um die App zu öffnen und TimePicker in Aktion zu sehen.If you have the XAML Controls Gallery app installed, click here to open the app and see the TimePicker in action.

Der Einstiegspunkt zeigt die ausgewählte Uhrzeit an, und wenn der Benutzer den Einstiegspunkt auswählt, wird eine Auswahloberfläche von der Bildschirmmitte aus vertikal erweitert, damit er eine Auswahl treffen kann.The entry point displays the chosen time, and when the user selects the entry point, a picker surface expands vertically from the middle for the user to make a selection. Die Zeitauswahl überlagert andere Elemente der Benutzeroberfläche. Die anderen Elemente der Benutzeroberfläche werden dadurch jedoch nicht „verschoben“.The time picker overlays other UI; it doesn't push other UI out of the way.

Beispiel für die Erweiterung der Zeitauswahl

Erstellen einer ZeitauswahlCreate a time picker

Dieses Beispiel zeigt, wie Sie ein einfaches Zeitauswahl-Steuerelement mit einer Kopfzeile erstellen.This example shows how to create a simple time picker with a header.

<TimePicker x:Name="arrivalTimePicker" Header="Arrival time"/>
TimePicker arrivalTimePicker = new TimePicker();
arrivalTimePicker.Header = "Arrival time";

Die fertige Zeitauswahl sieht wie folgt aus:The resulting time picker looks like this:

Beispiel für Zeitauswahl

Hinweis

Wichtige Informationen zu Uhrzeit- und Datumswerten finden Sie unter DateTime- und Calendar-Werte im Artikel Steuerelemente für Datum und Uhrzeit.For important info about date and time values, see DateTime and Calendar values in the Date and time controls article.

Beispielcode herunterladenGet the sample code