Planification d'aventure avec le premier WinUI DateTimePicker

Besoin d'un seul composant WinUI pour choisir la date et l'heure ? Venez rencontrer le premier composant DateTimePicker sur le marché WinUI dès maintenant. Voyez par vous-même à quel point il est beau et facile à utiliser et les capacités qu'il offre.

Hola, amigos ! C'est moi. Il est également temps de planifier de plus en plus d'aventures. Dans ce train de pensée, vous savez tous qu'un plan peut contenir beaucoup de choses, mais il ne peut pas aller sans date et sans heure. Si vous n'êtes pas d'humeur à partir en vacances et que vous avez encore beaucoup de travail à faire avant cela, pensez simplement à tous les outils et applications que vous utilisez dans votre vie de tous les jours. Nouveaux rendez-vous, nouvelles réunions, nouveaux éléments de backlog de produits… 😵

L'UI de ceux-ci apparaît-il immédiatement ? Dans mon esprit, c'est le cas, et tout ce que je peux voir, c'est leurs composants les plus importants et les plus difficiles à choisir : les sélecteurs pour leur date et heure de début/fin. Parfois, ces interfaces utilisateur peuvent même avoir une seule chose qui combine les composants pour faire ce choix difficile, c'est-à-dire un sélecteur de date/heure.

Et si vous devez implémenter une application qui doit offrir un seul composant pour choisir la date et l'heure ? Et pour rendre cette tâche un peu plus ambitieuse, et si cette application devait être une application WinUI ?

Ne vous inquiétez pas ! Nous sommes ici pour aider. Excusez-moi, le premier sélecteur de date/heure sur le marché WinUI est là pour vous aider. S'il vous plaît, saluez le dernier ajout de la jeune et sauvage interface utilisateur Telerik pour la famille WinUI – le RadDateTimePicker! projet mis en place. Vous n'avez besoin que d'une balise RadDateTimePicker en XAML, d'une référence à Telerik.WinUI.Controls.dll et, bien sûr, d'un alias pointant vers son espace de noms—le Telerik.UI.Xaml.Controls.Input one—xmlns:input="using :Telerik.UI.Xaml.Controls.Input". Cela ne signifie pas que vous ne pouvez pas non plus y parvenir en code-behind. Suivez mon exemple :

Passons aux avantages offerts par l'interface utilisateur Telerik pour le DateTimePicker de WinUI. ⏬

Qu'y a-t-il dans la boîte ?

Maintenant que nous avons vu à quel point notre sélecteur est beau et facile à utiliser, voyons ce qu'il offre.

Ma fonctionnalité préférée est la possibilité de transformer ce composant en date ou sélecteur de temps seulement. Comment? En utilisant la propriété InputMode (valeurs acceptées : DatePicker, TimePicker, DateTimePicker).

En parlant de modes, il existe une autre capacité chargée de transformer la visualisation du tout-puissant DateTimePicker. Sa propriété DisplayMode contrôle si le sélecteur sera affiché en ligne ou de manière standard – avec sa partie bouton et la liste déroulante.

D'autres avantages incluent la configuration de l'intervalle pour les options sélectionnables, la modification de l'ordre des éléments date/heure. (ou en cacher certains) et bien sûr, en limitant les valeurs min et max autorisées. Dans la section précédente, vous avez également vu comment j'ai utilisé la propriété EmptyContent pour personnaliser mon sélecteur lorsqu'aucune valeur n'est encore sélectionnée.

Hé, je ne vais pas tout lister, alors assurez-vous de consulter la documentation d'aide pour la liste complète de ses capacités.

Le plus grand exemple d'utilisation

Comme le nom de cette section l'indique, je vais vous donner un exemple vivant et fonctionnel de l'utilisation de notre nouveau composant WinUI. À cette fin, je lève le rideau sur l'une de nos étoiles les plus brillantes, le RadScheduler. 🌟 Si c'est la première fois que vous entendez que Telerik UI pour WinUI propose un composant de planification, je ne vais pas me fâcher (juste un peu triste 😔). Mais je vais certainement vous inciter à lire cet incroyable article de blog et à vous familiariser avec.

Le RadScheduler pour WinUI fournit des boîtes de dialogue pour créer/modifier/supprimer des rendez-vous. Auparavant, EditAppointmentDialog et EditRecurrenceDialog utilisaient deux composants distincts pour sélectionner la date et l'heure. Devinez quoi!? Ils utilisent maintenant tous les deux un seul à cette fin – oui, le RadDateTimePicker!

Si vous vous demandez ce qu'est un EditAppointmentDialog ou EditRecurrenceDialog – le premier est affiché lorsqu'un rendez-vous est sur le point d'être créé ou modifié, et le second, lorsqu'une récurrence d'un rendez-vous est sur le point d'effectuer la même chose.

Voulez-vous le voir en action ? Oui? D'accord !

Magnifique. Maintenant, passons aux choses sérieuses. 🎵 Non, pas celui de Tiësto. Interface utilisateur pour WinUI. Oups, les cueilleurs.

DateTimePicker Catwalk

Bienvenue dans ce petit (mais glamour 💖) défilé de mode DateTimePicker ! J'ai un vrai régal pour vous aujourd'hui! Dans quelques instants, vous aurez la chance de voir certains des derniers ajouts à la collection exclusive d'exemples Telerik WinUI.

Vous vous demandez d'où j'ai obtenu cette application ou comment l'obtenir et l'installer ? Consultez l'article d'aide Application d'exemples WinUI. Allez! Allez! Allez. 🏃

Finale

D'accord, quelques lignes avant de partir.

D'abord et avant tout, merci de m'avoir honoré de la chose la plus précieuse : votre temps pour lire ce blog. J'espère que cela vous a donné envie d'explorer non seulement les sélecteurs de date et d'heure, mais également tous les autres éléments de la Telerik UI for WinUI 0.3.0 Release.

Lorsque vous le faites, veuillez prendre une minute pour laissez vos commentaires dans la section des commentaires ci-dessous ou partagez vos suggestions sur notre portail de commentaires. Vous pouvez également nous contacter par e-mail à l'adresse TelerikWinUI@progress.comou également utiliser les forums Telerik au cas où vous auriez besoin d'une assistance technique avec nos produits.

"La vie est une toile vierge, et vous besoin d'y jeter toute la peinture que vous pouvez. Continuez et peignez votre prochaine aventure avec le dernier :

UI pour WinUI