Quoi de neuf dans l'interface utilisateur Telerik pour WinUI 0.5.0

Annonce de Telerik UI pour WinUI v0.5.0 – la dernière version de WinUI est en ligne, maintenant entièrement emballée avec des tonnes de nouveaux composants et un tout nouvel exemple d'application.

Aujourd'hui, nous ajoutons à la suite : MaskedInputMapExpanderDataBarsSparklinesRadialMenu[ComposantsEventToCommandBehavior et application CRM construite avec Telerik UI pour WinUI et Prism Library. 🐱‍👤

Passons en revue toutes les nouveautés de cette version.

MaskedInput

Le premier ajout à la suite est le contrôle MaskedInput. Il s'agit d'un composant qui formate et contraint le texte à un modèle prédéfini ou à un modèle que vous définissez. Il fournit une validation d'entrée et des masques, tels que la date, l'adresse IP, le SSN, le numéro de téléphone, les chiffres, la devise et les décimales.

Vous pouvez trouver ci-dessous tous les masques pris en charge ainsi que quelques informations sur chacun d'entre eux :

• Aucun : pas de masque, le contrôle se comporte comme une zone de texte normale.
• DateTime : utilisé pour gérer l'entrée utilisateur DateTime et renvoie un objet DateTime.
• FreeFormDateTime : essaie de reconnaître un libre- chaîne de formulaire et convertissez-la en un objet DateTime valide.
• TimeSpan : utilisé pour gérer l'entrée utilisateur TimeSpan et renvoie un objet TimeSpan.
• Numeric : utilisé pour gérer l'entrée utilisateur numérique et renvoie une valeur décimale .
• Standard : utilisé pour gérer l'entrée utilisateur standard (alphanumérique) et renvoie une valeur de chaîne.
• Regex : utilisé pour gérer et valider une entrée utilisateur standard par rapport à une expression régulière. Fournit des erreurs si regex ne correspond pas et renvoie une valeur de chaîne.
• IP : utilisé pour gérer et valider une entrée d'adresse IP et renvoie une valeur de chaîne.
• Email : utilisé pour gérer et valider un entrée d'adresse e-mail et renvoie une valeur de chaîne.

Le contrôle fournit de nombreuses options de personnalisation qui vous permettront de réaliser n'importe quel scénario. Assurez-vous de jouer avec RadMaskedInput dans notre application de démonstration WinUI en ligne et visitez la Documentation de contrôle MaskedInput.

Carte

Présentation du premier composant WinUI complet Carte sur le marché ! Il vous permettra de visualiser facilement des informations géographiques riches – zoomez et faites un panoramique en douceur vers n'importe quel coin de la terre.

Si vous voulez donner un contexte géographique à vos données, c'est facile ! RadMap permet d'y ajouter des éléments ou des formes. Le contrôle prend en charge la virtualisation des éléments via des services Web pour garantir des performances ultra-rapides et une excellente expérience utilisateur.

Voici quelques-unes des principales caractéristiques du contrôle :

• Map Sources : actuellement RadMap prend en charge Bing Map Source, le fournisseur vide, le fournisseur OpenStreetMap et offre des options d'extensibilité de fournisseur personnalisées.
• Panoramique et zoom : effectuez facilement un panoramique et un zoom à l'aide de la souris, du clavier ou de l'interface utilisateur de navigation intégrée.
• Interface utilisateur de navigation : l'interface utilisateur de navigation prédéfinie offrira à vos utilisateurs plus de flexibilité lors de l'utilisation du contrôle.
• Importation de données KML : RadMap prend en charge de superbes superpositions de cartes grâce à sa fonction d'importation KML.
• Recherche : recherchez facilement des emplacements via le mécanisme de recherche exposé par le ]BingRestMapProvider.
• Routage : le contrôle fournit la prise en charge du routage Bing Maps.
• Geocode : RadMap a BingRestMapProvider 196590 prise en charge du géocodage17. ]Le contrôle offre de nombreuses autres fonctionnalités—pour plus de détails, consultez la section RadMap dans notre documentation d'aide en ligne. Je suis sûr que vous allez l'aimer !

  Expander

  RadExpander est un contrôle flexible qui vous aide à économiser de l'espace et à faciliter la navigation dans votre application. Vous pouvez placer l'extenseur n'importe où sur votre page et intégrer n'importe quel contenu dans sa zone de liste déroulante.

  Le contrôle offre les fonctionnalités principales suivantes :

  • Direction : prend en charge quatre directions d'ouverture : haut, bas, gauche et droite.
  • Alignement du contenu : le contrôle d'extension vous permet d'aligner son contenu dans différentes positions.
  • Click Mode : via la propriété ClickMode vous pouvez déterminer quand le contenu du le contrôle doit être étendu.
  • Animations : Personnalisez ou désactivez facilement les animations de développement/réduction.
  • Icône : Personnalisez facilement l'icône de développement/réduction.

  Pour plus de détails, consultez le Documentation d'aide d'Expander.

  DataBar

  

  RadDataBar est un contrôle qui représente visuellement des valeurs numériques avec une information de petite taille graphique. C'est un contrôle léger qui offre d'excellentes performances. Découvrez les principales fonctionnalités du contrôle ci-dessous :

  • Différentes visualisations de barres de données : le contrôle fournit quelques visualisations intégrées comme une barre de valeur unique ou des barres empilées.
  • Support d'info-bulle : l'info-bulle La fonction vous permet d'afficher des informations supplémentaires sur la valeur affichée lorsque la souris survole le visuel de la barre. Barres : L'apparence des visuels des barres et des éléments d'axe du contrôle peut être facilement personnalisée à l'aide de l'API publique.

  Pour plus d'informations, consultez la section DataBar dans notre documentation d'aide en ligne. .

  Sparklines

  

  RadSparkline est un ensemble de contrôles qui affichent des informations de petite taille dans les graphiques . La suite Sparkline contient plusieurs contrôles légers et performants qui offrent une visualisation différente des données tracées. Voici la liste des principales caractéristiques des contrôles :

  • Indicateurs
  • Axe horizontal
  • Différents types de visualisation :
    • Ligne
    • Point de dispersion
    • Zone
    • Colonne

  Pour plus d'informations, consultez la section Sparklines dans notre documentation d'aide en ligne.

  RadialMenu

  

  RadialMenu est un menu moderne et peu encombrant qui offre facilement à l'utilisateur final une variété d'options parmi lesquelles choisir. Il permet aux développeurs de placer de nombreuses commandes et éléments de menu dans un conteneur d'interface utilisateur flexible et dynamique, offrant une expérience utilisateur impressionnante et une navigation rapide.

  Vous pouvez trouver ci-dessous certaines des fonctionnalités clés du composant :

  • Éléments imbriqués[19659064]Utilisation du menu contextuel
  • Déclencheurs d'actions (Tap/Focus/Hover)
  • Sélection Mode
  • Commandes Supports

  Assurez-vous pour visiter la documentation d'aide RadialMenu pour plus de détails.

  EventToCommandBehavior

  Lorsque nous travaillons dans des scénarios de développement plus avancés, nous nous tournons souvent vers le modèle MVVM pour produire un code plus propre, à couplage lâche et plus facile à tester. Mais avec cela vient la responsabilité de s'assurer que tous les contrôles que nous utilisons peuvent suivre ce modèle.

  Bien qu'il soit très facile de travailler avec le modèle basé sur les événements qui existe dans le framework .NET, les événements ne fonctionnent pas bien. dans l'état d'esprit de réduire le code-behind traditionnel et de gérer à la place la logique dans un ViewModel. C'est là que la classe Telerik EventToCommandBehavior est utilisée pour permettre à vos événements de se déclencher et à votre code de répondre en conséquence, le tout dans le ViewModel sans toucher au code-behind des fichiers .xaml.

  Pour en savoir plus. info, consultez l'article d'aide EventToCommandBehavior.

  Exemple d'application CRM

  

  Beaucoup d'entre vous ont demandé un Exemple d'application WinUI, la voici ! Présentation de l'exemple d'application Telerik UI pour WinUI CRM . Construit à l'aide de nombreux composants de l'interface utilisateur Telerik pour WinUI et de la Prism Library l'exemple d'application Customer Relationship Management (CRM) présente une belle interface utilisateur et une réactivité en temps réel tout en gérant d'énormes ensembles de données.

  Le L'application CRM permet une visualisation pratique des données des contacts, des opportunités et des activités utilisées dans les activités quotidiennes de toute équipe de vente. Cette application puissante intègre les composants Telerik UI pour WinUI suivants :

  Vous pouvez trouver l'application Telerik UI pour WinUI CRM ici – assurez-vous de la vérifier et de jouer avec elle ! 😊

  Consultez les notes de version détaillées

  Nous en avons beaucoup plus ! Pour obtenir un aperçu de toutes les dernières fonctionnalités et améliorations que nous avons apportées, consultez les notes de version :

  Telerik UI for WinUI (Release Notes)

  Inscrivez-vous au webinaire

  Pour voir la nouvelle version en action, rejoignez-nous sur le webinaire Telerik R3 2021le mercredi 29 septembre, à 11 h HE – 13 h HE.

  Save My Seat

  Session Twitch

  Nous organisons également une diffusion en direct Twitch pour couvrir nos mises à jour de produits de bureau .NET le mardi 21 septembre à 10h00 HE.

  Partagez vos commentaires

  • Contactez-nous par e-mail—écrivez-nous, pour tout ce qui concerne le produit ou simplement pour dire bonjour à TelerikWinUI@progress.com
  • Portail de commentaires—partagez n'importe quel demande de fonctionnalité (ou rapports de bogues) que vous pourriez avoir
  • Forums Telerik—si vous avez besoin d'une assistance technique avec nos produits, faites-le nous savoir et nous vous aiderons

  Obtenez les bits

  N'attendez pas — essayez la dernière version :

  UI pour WinUI

  Au cas où vous l'auriez manquée, voici quelques-unes des mises à jour de notre version précédente.