Sélecteur d’heureTime picker

Le sélecteur d’heure offre aux utilisateurs une méthode standard de sélection d’une heure à l’aide d’une entrée tactile, de la souris ou du clavier.The time picker gives you a standardized way to let users pick a time value using touch, mouse, or keyboard input.

Exemple de sélecteur d’heure

Obtenir la bibliothèque d’interface utilisateur WindowsGet the Windows UI Library

Logo WinUI

La bibliothèque d’interface utilisateur Windows version 2.2 ou ultérieure inclut pour ce contrôle un nouveau modèle qui utilise des angles arrondis.Windows UI Library 2.2 or later includes a new template for this control that uses rounded corners. Pour plus d’informations, consultez Rayons des angles.For more info, see Corner radius. WinUI est un package NuGet qui contient de nouveaux contrôles et des fonctionnalités d’interface utilisateur pour les applications Windows.WinUI is a NuGet package that contains new controls and UI features for Windows apps. Pour plus d’informations, notamment des instructions d’installation, consultez la bibliothèque d’interface utilisateur Windows.For more info, including installation instructions, see Windows UI Library.

API de plateforme : classe TimePicker, propriété TimePlatform APIs: TimePicker class, Time property

Est-ce le contrôle approprié ?Is this the right control?

Utilisez un sélecteur d’heure pour permettre à un utilisateur de sélectionner une valeur d’heure unique.Use a time picker to let a user pick a single time value.

Pour plus d’informations sur le choix du contrôle approprié, voir l’article Contrôles de date et d’heure.For more info about choosing the right control, see the Date and time controls article.

ExemplesExamples

Galerie de contrôles XAMLXAML Controls Gallery
XAML controls gallery

Si vous disposez de l’application Galerie de contrôles XAML, cliquez ici pour ouvrir l’application et voir le contrôle TimePicker en action.If you have the XAML Controls Gallery app installed, click here to open the app and see the TimePicker in action.

Le point d’entrée affiche l’heure choisie, et lorsque l’utilisateur sélectionne ce point d’entrée, la surface du sélecteur s’agrandit à la verticale à partir du milieu pour que l’utilisateur effectue une sélection.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. Le sélecteur d’heure se superpose aux autres éléments de l’interface utilisateur ; il ne les ferme pas.The time picker overlays other UI; it doesn't push other UI out of the way.

Exemple de développement du sélecteur d’heure

Créer un sélecteur d’heureCreate a time picker

Cet exemple indique comment créer un sélecteur d’heure simple avec un en-tête.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";

Le sélecteur d’heure qui en résulte se présente comme suit :The resulting time picker looks like this:

Exemple de sélecteur d’heure

Notes

Pour obtenir des informations importantes sur les valeurs de date et d’heure, voir Valeurs DateTime et Calendar dans l’article Contrôles de date et d’heure.For important info about date and time values, see DateTime and Calendar values in the Date and time controls article.

Obtenir l’exemple de codeGet the sample code