Fermer

septembre 16, 2021

Quoi de neuf dans l'interface utilisateur Telerik pour WinUI 0.5.08 minutes de lecture



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

MaskedInput dans un champ de date et d'heure sépare chaque donnée : année, mois, date, heure, minute, seconde, heure zone.

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

Carte de Seattle avec zoom niveaux de quartier, ville, région, état, monde

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

    Graphique à barres pour la comparaison des coûts de rémunération horaire dans la fabrication. Répertorie divers pays et trois colonnes de données correspondantes : les coûts de rémunération horaires, le % de variation annuelle de la rémunération horaire en USD et le % de variation annuelle de la rémunération en monnaie nationale. Les nombres positifs sont une barre bleue à droite, tandis que les nombres négatifs sont en rouge et vont vers la gauche.

    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

    Cinq styles différents de graphiques sparkline minimalistes, y compris des points, des lignes et des barres.

    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

    Cliquer sur l'icône d'engrenage ouvre un RadialMenu, rayonnant en cercle à partir du icône d'engrenage.

    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

    CRM WinUI affiche un vaste tableau de bord avec plusieurs graphiques et widgets

    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.




Source link

0 Partages