Fermer

mai 13, 2021

Telerik UI pour WinUI R2 2021: Scheduler, ListView et plusUne minute de lecture



Notre dernière version de WinUI est maintenant en ligne – annonce Telerik UI pour WinUI R2 2021.

Telerik UI pour WinUI R2 2021 est entièrement équipée de nouveaux composants et fonctionnalités pour vos applications WinUI. Parmi les nouveautés, citons Scheduler ListView Shadow RangeSlider Swiss QR Barcode ainsi que de nombreuses fonctionnalités Traitement de documents . En plus de tout cela, nous introduisons le support de Project Reunion 0.5.6 et un nouvel exemple d'application: l'éditeur de thèmes WinUI.

Voyons les nouveautés de cette version.

Support de Project Reunion 0.5.6

Tout d'abord . Il y a environ un mois, avec la version officielle de WinUI 3 (avec Project Reunion 0.5), nous avons publié notre première version officielle de Telerik UI pour WinUI ( article de blog ici ). Project Reunion 0.5.6 a été annoncé récemment, et nous lançons aujourd'hui nos composants de bureau construits dessus. Si vous voulez voir la dernière mise à jour en action, vous pouvez jouer avec la version de bureau de notre application de démonstration – vous pouvez la trouver dans le répertoire d'installation de Telerik UI pour WinUI . Faites-moi savoir si vous avez des commentaires.

Scheduler

RadScheduler et je suis heureux de dire qu'il fait maintenant partie de Telerik UI pour WinUI.

RadScheduler est une planification radicalement différente composant, allant au-delà du contrôle standard de style Microsoft Outlook. Le contrôle donne à l'utilisateur final une précision et une flexibilité sans précédent lors de la gestion de ses rendez-vous. Ceci est réalisé grâce à des fonctionnalités telles que le regroupement à plusieurs niveaux, un zoom puissant pour une navigation intelligente dans un grand nombre de rendez-vous et un défilement ultra-rapide.

Voyez ce que RadScheduler apporte à la table en matière de planification:

  • Utilisateur riche expérience
  • Performances
  • Modification en ligne et dans la boîte de dialogue des rendez-vous
  • Vues intégrées et personnalisées
  • Regroupement à plusieurs niveaux
  • Orientation
  • Déplacement de plusieurs rendez-vous
  • Zoom
  • Rendu exact de rendez-vous
  • Rendez-vous instantanés
  • Support flexible des rendez-vous récurrents
  • Support export / import iCal
  • Indicateurs de temps

Pour plus de détails sur RadScheduler, veuillez consulter cette section de notre documentation d'aide.

ListView

 Podcasts .NET, Azure et C #. Trois listes: podcasts, podcasts, émissions préférées.

RadListView est un nouveau composant de liste de virtualisation qui fournit toutes les fonctionnalités les plus populaires associées aux scénarios où une liste d'éléments est utilisée. Le contrôle fournit des animations d'éléments intégrées, différentes dispositions et orientations, ainsi que des valeurs par défaut intelligentes pour de nombreux gestes: exécution d'une action spéciale lors du balayage, option pour actualiser la liste lors du balayage, etc.

RadListView peut également être utilisé pour visualiser facilement votre éléments en groupes, triés et filtrés selon vos critères. Découvrez les principales fonctionnalités ci-dessous:

  • Layouts : Le contrôle fournit plusieurs mises en page différentes (comme la grille et la pile)
  • En-tête et pied de page
  • Mode de sélection
  • Regroupement
  • Filtrage
  • Tri
  • Chargement incrémentiel : Cette fonction vous permet d'utiliser la virtualisation des données en ne chargeant que des parties des données après l'exécution d'une action comme le défilement vers le bas ou le clic sur un bouton
  • Glisser et réorganiser : Le contrôle fournit un mécanisme pour faire glisser ses objets; en fonction du geste de saisie, les éléments peuvent être réorganisés ou un élément visuel supplémentaire peut être affiché
  • Commandes
  • Animations d'éléments
  • Apparence personnalisable

Pour plus d'informations et un exemple de code, consultez le Section ListVew de notre documentation.

Shadow

 Trois cartes comportant des desserts sont entourées d'ombres et le bouton Détails sur chaque carte a également une ombre.

Comme Microsoft le dit à propos de le Fluent Design System « Le monde physique est notre vocabulaire. Fluent parle dans l'ombre et la lumière. »Les ombres sont la composante principale de l'aspect et de la sensation modernes. RadShadow pour le composant WinUI vous donne la possibilité de mettre un effet d'ombre hautement personnalisable autour de n'importe quelle interface utilisateur que vous avez. Avec l'aide de RadShadow, vous pouvez élever certains éléments et être en mesure d'obtenir l'apparence moderne souhaitée.

Certaines des fonctionnalités clés du contrôle sont:

  • Couleur de l'ombre
  • Transparence de l'ombre
  • Position
  • Rayon du coin de l'ombre
  • Rayon de flou

Vous pouvez trouver la documentation de Shadow control ici .

Swiss QR Barcode

 Un Swiss QR code, reconstituable grâce au Croix suisse au centre

La QR-facture simplifie l'émission et le paiement des factures et est introduite dans toute la Suisse pour moderniser les opérations de paiement. Sa caractéristique la plus frappante est le Swiss QR code qui contient toutes les informations de paiement dans un format numérique qui peut être lu à l'aide d'un smartphone ou d'un scanner de bordereaux.

Maintenant, avec l'aide de RadBarcode, vous pouvez facilement générer un tel code dans votre application WinUI. Pour ce faire, définissez simplement la Symbologie du code-barres sur SwissQRCode:

< telerikDataViz: RadBarcode x: Name = "Barcode" Width = ] "200" Hauteur = "200" >

< telerikDataViz: RadBarcode.Symbology >

< telerikDataViz: SwissQRCode [1965589057] Module

  • = "4" SizingMode = "Manual" />

    </ telerikDataViz: RadBarcode.Symbology >

    </ telerikDataViz: RadBarcode >

  • Pour plus d'informations, veuillez vous référer à la section Swiss QR dans notre document Code-barres umentation.

    RangeSlider

     RangeSlider montre une barre de défilement intitulée «Prix: de 0 à 20». Une plage est sélectionnée de 10 à 20.

    Avez-vous déjà eu besoin d'autoriser une sélection de plage de valeurs dans une application? C'est là que RadRangeSlider est utile. Le contrôle fournit une interface utilisateur native simple qui est entièrement personnalisable en termes d'apparence et offre de nombreuses options de configuration. Voici quelques-unes des principales caractéristiques du contrôle:

    • Orientation
    • Glissement différé
    • Accrochage
    • Info-bulles
    • Formatage
    • Personnalisation des graduations

    Pour plus d'informations, consultez le Section RangeSlider dans nos documents en ligne.

    Contrôle LayoutTransform

     Une boîte Gary avec une bordure fuchsia contient les mots 'Full Frame Layout'. La boîte a été étirée vers le haut et vers la gauche.

    Le nouveau LayoutTransformControl est un contrôle de contenu qui vous permet d'appliquer facilement des transformations sur n'importe quel FrameworkElement de votre application. Voici une liste des transformations possibles:

    • RotateTransform
    • ScaleTransform
    • SkewTransform
    • MatrixTransform
    • TransformGroup

    En utilisant le TransformGroup, vous pouvez combiner autant de transformations que nécessaire. J'espère que ce sera un contrôle utile. Consultez la documentation ici .

    HubTile

     Deux rangées de carreaux de différentes tailles se retournant et changeant, se sentant très vivant. La couleur principale de chaque carreau est le fuchsia avec le type blanc. La première rangée a un carré «Jake Connely» et une photo. Le contenu se déplace de haut en bas - photo complète, moitié-moitié, nom uniquement. Il y a deux petits carrés empilés, un vert et un rouge, avec gagné / ^ 43% et perdu / v 56%, chaque retournement. Deux rectangles de graphiques côte à côte remplissent la ligne: les opportunités fermées avec un graphique linéaire et les nouvelles pistes avec un graphique à barres. Ceux-ci déplacent leur contenu de haut en bas comme la première tuile. Dans la deuxième rangée, un carré Contacts contient plusieurs petits carrés avec des photos de personnes; ces petits carrés se retournent au hasard. Un rectangle avec Statistiques défile entre quelques faits différents comme un carrousel vertical. Un rectangle Produits défile de la même manière verticalement dans certains produits Telerik Ui pour WinUI.

    HubTile est un élément d'interface utilisateur rectangulaire conçu spécifiquement pour se mettre à jour dynamiquement et afficher les dernières informations à jour de différents services ou applications.

    Actuellement Il existe six variantes HubTile intégrées qui peuvent afficher différents types d'informations avec différents effets et de nombreuses options de personnalisation. Les combiner vous permettra d'obtenir une apparence dynamique efficace des informations que vous devez afficher aux utilisateurs de votre application. Voici une liste des vignettes disponibles:

    • RadHubTile : vignette utilisée pour afficher des informations telles que le nombre de notifications que vous avez dans votre boîte de réception, le nombre de tâches restantes dans votre liste de tâches, etc. [19659110] RadIconHubTile : vignette qui permet d'afficher une IconSource comme son contenu.
    • RadSlideHubTile : contient deux éléments de contenu dans lesquels vous pouvez insérer du texte ou des images. L'effet visuel pris en charge par cette vignette comprend trois états:
    1. RadPictureRotatorHubTile : affiche une image à la fois et fait pivoter les images aléatoires d'une collection d'URI d'image.
    2. RadMosaicHubTile : se compose de vignettes plus petites, qui retournez au hasard pour afficher les images d'une collection d'URI d'image.
    3. RadCustomHubTile : est un HubTile personnalisé qui vous permet de mettre n'importe quoi, du texte à une mini-interface utilisateur mise à jour dynamiquement.

    SideDrawer

     Une interface utilisateur de menu alimentaire est grisée lorsqu'un menu de gauche est retiré. Ce SideDrawer affiche les coordonnées, puis les catégories d'aliments.

    Un autre nouveau composant est le contrôle SideDrawer – il permet une navigation rapide à travers tous les niveaux de votre application. Il peut être placé de chaque côté de l'application car il fournit quatre directions d'ouverture intégrées. Il fournit une liste de quelques animations d'ouverture / fermeture intégrées qui vous aideront à obtenir une apparence unique et en même temps moderne de vos applications.

    Voir la documentation SideDrawer pour plus d'informations et extraits de code.

    NumericBox

     Une boîte blanche avec une bordure fuchsia montre le numéro 174 surligné en fuchsia. Les commandes à droite sont un X, une tête de flèche vers le bas, une tête de flèche vers le haut.

    Le contrôle NumericBox est un petit composant mais en même temps très utile. Il fournit des fonctionnalités pour sélectionner des valeurs numériques dans une plage prédéfinie. Le contrôle expose une API pratique pour personnaliser son comportement afin de mieux répondre aux exigences de l'entreprise. Voici quelques-unes des principales caractéristiques de la commande:

    • Minimum et maximum
    • Différentes options d'incrémentation
    • Format de valeur
    • Visibilité des boutons d'augmentation / diminution
    • Mode lecture seule
    • Prise en charge du filigrane [19659128] Culture consciente

    Pour plus de détails, consultez la section NumericUpDown de la documentation.

    WinUI Theme Editor

     Telerik WinUI Theme Editor affiche un mode clair et un mode sombre de la même page, avec des commandes sur la droite pour choisir les préréglages de couleurs.

    Présentation de
    Telerik WinUI Theme Editor . Il s'agit d'une application d'assistance basée sur l'application UWP XAML Theme Editor de Microsoft. C'est un outil qui vous aidera à personnaliser facilement les pinceaux WinUI par défaut, à prévisualiser les modifications et à copier les paramètres afin d'obtenir une apparence unique pour votre application. Vous pourrez prévisualiser tous les contrôles Telerik à l'intérieur ainsi que ceux natifs MS. J'espère que cet outil vous aidera à réaliser plus et à implémenter de belles applications WinUI.

    WordsProcessing: Importation de formats de documents et de points

    Bien qu'il s'agisse d'anciens formats, il reste encore beaucoup de documents enregistrés sous .doc et .dot fichiers et doivent être modifiés par nos utilisateurs. C'était donc l'une des fonctionnalités les plus demandées pour la suite. Avec R2 2021, ces formats sont pris en charge et les documents peuvent être importés et convertis au format DOCX largement utilisé. Vous pouvez trouver plus d'informations ici .

    WordsProcessing: Fonctionnalité de recherche

    WordsProcessing vous permet de rechercher un texte spécifique et de trouver toutes les occurrences dans le document. Vous pouvez rechercher une partie du texte ou des mots entiers avec ou sans casse correspondante. Il est également possible d'effectuer une recherche avec une expression régulière. L'article Remplacer le texte et le style décrit cette fonctionnalité.

    SpreadProcessing: DataTableFormatProvider

    Le nouveau DataTableFormatProvider vous permet de convertir facilement vos tables en feuilles de calcul ou de créer une nouvelle table de données à partir d'une feuille de calcul existante. De cette façon, vous pouvez facilement afficher vos données dans une feuille de calcul et les visualiser pour l'utilisateur final. Plus d'informations sur cet outil sont disponibles dans cet article de notre documentation d'aide en ligne.

    PdfProcessing: Aplatir les champs de formulaire

    Bien que l'aplatissement de formulaire puisse être fait manuellement, il fait maintenant partie de la bibliothèque et vous pouvez y parvenir en appelant une seule méthode. Cette fonctionnalité vous permet de supprimer facilement tous les champs et de conserver leurs valeurs. De cette façon, vous pouvez rendre le document en lecture seule une fois que l'utilisateur l'a rempli. Des informations détaillées sur cette fonctionnalité sont disponibles ici .

    SpreadStreamProcessing: mesure de texte

    L'une des limitations de la bibliothèque SpreadStreamProcessing était que vous ne pouviez pas définir la largeur de colonne après l'exportation des colonnes car la bibliothèque écrivait directement dans le flux de fichiers. Ce n'est plus une limitation et vous pouvez maintenant utiliser la classe CellContentSizeHelper pour mesurer les cellules et définir la largeur de la colonne. Pour plus de détails, consultez cet article .

    Refonte des forums communautaires Telerik et Kendo UI

    Enfin, nous avons réorganisé l'un des endroits préférés que les développeurs adorent traîner: les Forums communautaires Telerik et Kendo UI . Découvrez l'histoire complète expliquez pourquoi et quoi dans le article de blog dédié .

    Consultez les notes de version détaillées

    Nous en avons beaucoup plus. Pour avoir un aperçu de toutes les dernières fonctionnalités et améliorations que nous avons apportées, consultez les notes de version des produits ci-dessous:

    Telerik UI pour WinUI (Notes de version)

    Inscrivez-vous au webinaire

    Pour voir la nouvelle version en action, rejoignez-nous sur le webinaire Telerik R2 2021 le mardi 18 mai, de 11 h 00 à 13 h 00 HE.

    Save My Seat [19659010] Les webinaires seront complétés par des sessions de démonstration en direct sur Twitch le mercredi 19 mai de 9 h à 10 h 30 HE et le jeudi 20 mai de 13 h 30 à 15 h HE. [19659004] Partagez vos commentaires

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

    Get the Bits

    Don n'attendez pas – essayez la dernière version:

    UI pour WinUI

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




    Source link

    0 Partages