Fermer

janvier 22, 2021

Nouveau CardView, fonctionnalités et applications


Découvrez tout ce qui est nouveau dans notre interface utilisateur Telerik pour la version WPF R1 2021!

La première version pour 2021 est déjà un fait – je suis heureux d'annoncer la disponibilité de la version R1 2021 de Telerik UI pour WPF et Interface utilisateur Telerik pour Silverlight ! 🎉 Il apporte un nouveau contrôle puissant dans CardView ainsi que des tonnes de fonctionnalités pour TileList RadialMenu RichTextBox WordsProcessing et autres composants. Nous avons également considérablement amélioré l'accessibilité de la suite et porté quelques exemples d'applications sur .NET Core et .NET 5!

Plongeons-nous dans toutes les nouveautés.

CardView (beta)

 CardView "title = "CardView" /></p data-recalc-dims=

Présentation du nouveau contrôle de cette version: RadCardView. Ce est un composant puissant, doté de fonctionnalités permettant de visualiser les données au format carte. Le contrôle fournit des dans le tri, le regroupement et le filtrage ainsi que l'édition de cartes avec des options pour personnaliser facilement les éditeurs. Le contrôle est conçu avec des performances à l'esprit, vous pouvez donc afficher un grand nombre de cartes avec facilité, bénéficiant de la virtualisation de l'interface utilisateur. En effet, c'est génial et contrôle rapide!

Passons maintenant en revue les principales caractéristiques de RadCardView :

  • Edition : L'élément de données sous-jacent peut être facilement édité via le DataForm intégré.
  • Selection : Prise en charge intégrée de la sélection unique.
  • Regroupement : Les données peuvent être regroupées selon plusieurs critères, créant efficacement une arborescence de groupes avec les nœuds feuilles contenant les enregistrements de données réels. Les groupes peuvent être facilement étendus / réduits via l'interface utilisateur.
  • Filtrage : Support de filtrage intégré.
  • Tri : Support de tri intégré.
  • Mise en page : La mise en page des cartes et des groupes peut être modifiée entre le classement par ligne et par colonne.
  • Éléments personnalisables : les cartes peuvent être facilement personnalisées à l'aide de l'API du contrôle.
  • Support de localisation : Le texte utilisé dans les zones de paramétrage des commandes est localisé.
  • Validation des données : Chaque carte affichera les erreurs de validation des données actuelles lors de l'édition.
  • Virtualisation de l'interface utilisateur: Vous pouvez afficher des millions d'éléments avec facilité.

En plus du contrôle, nous sommes également fournissant un moyen d'utiliser notre célèbre QueryableCollectionView en Xaml via le tout nouveau QueryableCollectionViewSource . De cette façon, vous pouvez facilement mettre en forme les données en Xaml et les lier directement au CardView (ou à tout autre contrôle similaire). Les extraits suivants montrent comment procéder ci-dessous:

< Window.Resources >

< local: MainViewModel x : Key = "viewModel" />

< telerik: QueryableCollectionViewSource Source = "{Binding Employees, Source = {StaticResource viewModel}}" x: Key = "qcvSource" >

< telerik: QueryableCollectionViewSource.GroupDescriptors >

< telerik: GroupDescriptor Member = "Title" SortDirection = "Décroissant" />

</ telerik: QueryableCollectionViewSource.GroupD escriptors >

< telerik: QueryableCollectionViewSource.SortDescriptors >

[1945900490] < telerik: SortDescriptor Member = "FirstName" />

<[19659021] telerik: SortDescriptor Membre = "LastName" />

</ telerik: QueryableCollectionViewSource .SortDescriptors >

</ telerik: QueryableCollectionViewSource >

</ Window.Resources >

Et voici la définition de CardView:

< telerik: RadCardView ItemsSource = "{Binding View, Source = {StaticResource qcvSource}} " />

Voir le contrôle en action nos démos WPF et assurez-vous de consulter la documentation ici .

TileList — Horizontal Prise en charge de l'orientation

Auparavant, les tuiles de la TileList étaient uniquement alignées verticalement en colonnes, et avec cette version, nous ajoutons également un alignement horizontal. Le nouveau mode prend en charge toutes les fonctionnalités du contrôle comme le regroupement et fournit une option supplémentaire pour ajuster l'alignement horizontal des tuiles. Voir à quoi ressemblent les deux orientations ci-dessous:

 TileList-Orientation "title =" TileList-Orientation "/></p data-recalc-dims=

Pour plus d'informations, consultez l'article Orientation du ] Documentation d'aide de TileList .

RadialMenu — Prise en charge des éléments du menu Taille automatique

Deux des fonctionnalités les plus recherchées pour RadRadialMenu s'activent ensemble via le mode de taille d'élément automatique. Réglage du La propriété AutoSizeMenuItems sur true vous permet de faire en sorte que les éléments remplissent tout l'espace s'ils sont inférieurs à huit et dans le même temps si vous voulez en afficher plus de huit pour les réduire afin de les ajuster plus d'éléments dans le cercle. Voici un exemple illustrant les deux scénarios:

< telerik: RadRadialMenu IsOpen = "True" AutoSizeMenuItems = "Vrai" >

< telerik: RadRadialMenuItem Header = "Item 1" >

< telerik: RadRadialMenuItem Header = "Item 1.1" />

< telerik: RadRadialMenuItem Header = "Item 1.2" />

< telerik: RadRadialMenuItem Header = "Item 1,3 " />

< telerik: RadRadialMenuItem Header = " Item 1.4 " />

< telerik: RadRadialMenuItem Header = "Item 1.5" />

< telerik: RadRadialMe nuItem Header = "Item 1.6" />

< telerik: RadRadialMenuItem Header = "Item 1.7" />

< telerik: RadRadialMenuItem Header = [19659028] "Item 1.8" />

< telerik: RadRadialMenuItem Header = "Item 1.9 " />

< telerik: RadRadialMenuItem Header = " Item 1.10 " / >

< telerik: RadRadialMenuItem Header = "Item 1.11" />

< telerik: RadRadialMenuItem [19659026] Header = "Item 1.12" />

</ telerik: RadRadialMenuItem >

< telerik: RadRadialMenuItem Header = "Item 2" />

< telerik: RadRadialMenuItem Header = "Item 3" />

< telerik: RadRadialMenuItem Header = "Item 4" />

< / telerik: RadRadialMenu >

Et voici comment le niveau supérieur (avec seulement quatre éléments) apparaîtra:

 RadialMenu-AutoSizeMenuItems-1 "title =" RadialMenu-AutoSizeMenuItems-1 "/></p data-recalc-dims=

Navigons maintenant dans l'élément 1 et voyons à quoi ressemblent plus de huit éléments:

 RadialMenu-AutoSizeMenuItems-2 "title =" RadialMenu-AutoSizeMenuItems-2 "/></p data-recalc-dims=

J'espère que vous le trouverez utile. Pour plus de détails, veuillez consulter cet article de la documentation Telerik UI pour WPF.

WordsProcessing: Content Controls

 WordsProcessing-ContentControls "title =" WordsProcessing-ContentControls "/></p data-recalc-dims=

Les balises de document structurées (SDT) ou les contrôles de contenu permettent aux utilisateurs d'ajouter une sémantique spécifique au document: restriction de la saisie, modification du comportement d'édition, etc. Habituellement, cette fonctionnalité est utilisée pour créer des champs séparés qui doivent être remplis et l'interaction de l'utilisateur est améliorée en fournissant des Contrôles de l'interface utilisateur tels que les cases à cocher, les calendriers, les zones de liste déroulante et autres. Les contrôles de contenu actuellement pris en charge par WordsProcessing incluent CheckBox, ComboBox, Date, DropDownList, Image et autres. Vous pouvez voir la liste complète et plus de détails dans notre documentation : Contrôles de contenu pour le traitement des mots .

Traitement des mots: exportation PDF d'images flottantes

Les images flottantes vous permettent de positionner les images selon ding à une ancre spécifique et changez la façon dont le texte les entoure. Désormais, cette fonctionnalité est également prise en charge lors de l'exportation des images au format PDF.

 WordsProcessing-FloatingImages "title =" WordsProcessing-FloatingImages "/></p data-recalc-dims=

PdfViewer: polices Type3

Les polices Type3 sont des caractéristique spécifique à la norme PDF. Les polices Type3 sont constituées de glyphes définis avec des opérateurs graphiques PDF. En général, la police entière est intégrée dans le document PDF, ce qui vous permet de l'afficher sur les appareils sans accéder aux polices du système d'exploitation. RadPdfViewer prend désormais en charge ce type de police et vous pouvez afficher les documents qui contiennent de telles polices.

Améliorations d'accessibilité pour tous les contrôles WPF

 Améliorations d'accessibilité "title =" Améliorations d'accessibilité "/></p data-recalc-dims=

One L'un de nos objectifs en tant que fournisseur de composants est de fournir des commandes magnifiques, riches en fonctionnalités et hautement personnalisables, ainsi que de leur fournir une grande automatisation et un support d'accessibilité. Cette version a considérablement amélioré l'accessibilité de toutes les interfaces utilisateur pour les contrôles WPF à l'aide de l'outil Microsoft Accessibility Insights for Windows . L'outil vérifie automatiquement la conformité à plus de 60 exigences d'accessibilité et nous nous sommes assurés que tous nos contrôles WPF réussissent ces tests sans aucune erreur. De plus, nous nous assurerons que chaque nouveau contrôle passe les tests et fournit la qualité de prise en charge d'accessibilité requise.

CRM et ColorThemeGenerator—.NET 5 Support

Nous avons mis à jour nos exemples d'applications CRM et ColorThemeGenerator afin de fournir. Prise en charge de NET 5: leurs fichiers de code source incluent désormais un projet multitargeting avec des références NuGet. De cette façon, en téléchargeant une seule archive zip à partir de votre compte, vous pourrez exécuter et explorer la même application dans tous les frameworks pris en charge – framework .NET complet, .NET Core et .NET 5.

En même temps, nous sommes mettant également à jour le ColorThemeGenerator cliquez une fois pour devenir l'application .NET 5 – installez-le à partir de ici . Et le CRM est .NET 4.6.1 en raison de certaines limitations .NET 5. Cependant, dès qu'il sera résolu, nous téléchargerons .NET 5 cliquez une fois sur le site – installez-le à partir de ici . Notez que l'application CRM est également mise à jour pour prendre en charge la dernière version 8 de Prism, comme certains d'entre vous l'ont demandé. Cheers 🍻

Autres fonctionnalités

  • NotifyIcon : Ajout d'une option pour configurer le comportement de fermeture du popup ( link )
  • DataForm : Mode éditeur unique pour l'édition des champs ( link )
  • Callout : Ajout de CustomPopupPlacementCallback au CalloutPopupSettings ( link )
  • SyntaxEditor : Ajout d'une option pour implémenter des marges personnalisées (par exemple, des points d'arrêt) via l'interface utilisateur ou via code ( link )
  • SyntaxEditor : Ajout d'une option pour configurer la largeur du SearchPanel ( link )
  • SyntaxEditor : Ajout des événements SearchPanelOpened et SearchPanelClosed () link )
  • SyntaxEditor : Ajout d'une API pour activer ou désactiver le défilement automatique lorsque le texte du document est modifié ( link )
  • Docking : MinWidth de l'auto- Les éléments du menu déroulant Masquer la zone peuvent maintenant être définis ( lien )
  • ChartView3 D : Propriété ActualRange exposée pour l'axe linéaire 3D ( lien )
  • GridView : Le curseur se transforme maintenant en occupé lors d'une opération de tri en cliquant sur une cellule de groupe dans le panneau Groupe
  • GridView : Meilleur mécanisme de recyclage pour les cellules lorsque la virtualisation est activée
  • Fenêtre : Le contrôle a maintenant une ombre dans le thème Office2019
  • ToolBar : prend en charge ToolBarRepeatButtonStyle et ToolBarRadPathButtonStyle for
  • ToolBar : Les thèmes de Office Black à Green, y compris maintenant, prennent en charge le paramètre de visibilité d'arrière-plan pour les RadButtons
  • FileDialogs : Amélioration des performances de chargement des lecteurs locaux
  • FileDialogs : Les utilisateurs peuvent désormais accéder au répertoire précédent en appuyant sur la touche Retour arrière
  • RadRichTextBox : Interface utilisateur ajoutée pour choisir parmi différents formats de liste pour le style de numérotation
  • RadRichTextBox : HtmlForm atProvider peut désormais importer et exporter l'alignement des tableaux et des cellules de tableau.
  • SpreadProcessing : Implémentation des propriétés pour travailler avec les informations de métadonnées de document telles que le titre, l'auteur, le sujet, les mots-clés, la description ( lien ) [19659010] WordsProcessing :: Propriétés implémentées pour travailler avec des informations de métadonnées de document comme le titre, l'auteur, le sujet, les mots-clés, la description ( lien )
  • PdfProcessing : Amélioration des performances lors de l'insertion de tableaux à l'aide de RadFixedDocumentEditor

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 des produits ci-dessous:

Inscrivez-vous au webinaire ou attrapez-nous sur Twitch

Pour voir la nouvelle version en action, Veuillez vous joindre à nous sur le webinaire Telerik R1 2021 le mardi 26 janvier 2021 de 11 h 00 HE à 13 h 00 HE. Vous pouvez également assister à notre session en direct d'une journée complète sur Twitch le 29 janvier de 8 h 00 à 17 h 00 (HE), où nos défenseurs des développeurs plongeront dans toutes vos fonctionnalités préférées.

Save My Webinar Seat

Partagez vos commentaires

N'hésitez pas à nous laisser un commentaire ci-dessous pour partager vos impressions. Ou visitez nos portails de commentaires sur l'interface utilisateur pour WPF Silverlight et Bibliothèques de traitement de documents et faites-nous savoir si vous avez des suggestions ou si vous avez besoin de fonctionnalités particulières /

Essayez la dernière version:

Telerik UI pour WPF Telerik UI pour Silverlight

Au cas où vous l'auriez manqué, voici quelques-unes des mises à jour de notre dernière version .





Source link