Fermer

décembre 27, 2019

Amélioration de la navigation en fil d'Ariane dans l'interface utilisateur de Telerik pour WinForms


Découvrez les améliorations de notre nouveau contrôle du fil d'Ariane dans Telerik UI pour WinForms, avec des conseils pour en tirer le meilleur parti.

Breadcrumbs (ou breadcrumb trail) est un système de navigation secondaire qui indique l'emplacement d'un utilisateur dans un site Web ou une application. Le terme vient du conte de fées Hansel et Gretel dans lequel les personnages principaux créent une traînée de chapelure afin de suivre leur chemin vers la maison. Tout comme décrit dans le conte de fées, les utilisateurs doivent connaître leur emplacement dans l'application et suivre l'historique de navigation.

L'ancien RadBreadCrumb était composé de StackLayoutPanel qui héberge une collection de RadSplitButtonElements . Chaque RadSplitButtonElement représente un nœud dans la hiérarchie jusqu'au chemin complet du nœud sélectionné. Cela fonctionne correctement, mais il y avait plusieurs inconvénients de l'implémentation actuelle que nous voulions améliorer. C'est pourquoi nous sommes heureux d'annoncer un tout nouveau contrôle RadBreadCrumb !

Navigation RadBreadCrumb

RadBreadCrumb est un contrôle de navigation qui permet aux utilisateurs de naviguer dans une arborescence, comme le fichier Windows explorateur, le modèle d'objet de document en HTML ou la structure de la hiérarchie organisationnelle dans une entreprise. Il peut être utilisé pour définir la navigation de l'application ou pour afficher des données hiérarchiques plus complexes.

 breadcrumb-navigation "title =" breadcrumb-navigation "/></p data-recalc-dims=

Grâce à ses capacités avancées, RadBreadCrumb améliorera considérablement la navigation et les performances de votre application. Voici quelques-unes des fonctionnalités clés :

Intégration TreeView

RadBreadCrumb fournit un moyen facile de se connecter à une instance de contrôle RadTreeView et il montrera le chemin vers le nœud actuellement sélectionné sous la forme d'une séquence de boutons déroulants . Chaque bouton peut être utilisé pour naviguer vers un nœud spécifique dans l'arborescence. Les chapelures sont plus appropriées lorsque vos données ont une structure hiérarchique approfondie avec de nombreux niveaux.

 treeview-integration "title =" treeview-integration "style = "font-weight: bold;" /></p data-recalc-dims=

Liaison de données

Avec son puissant mécanisme de liaison de données, le contrôle vous permet d'afficher des structures hiérarchiques, telles que des répertoires et des données relationnelles. Il peut être lié à n'importe quelle source de données IList ou IBindingList et il affichera la structure hiérarchique de la source de données, où l'utilisateur peut la parcourir. De plus, le mode indépendant est également pris en charge si vous devez remplir les éléments manuellement.

Édition de texte et saisie automatique

L'édition de texte est une fonction très utile lorsque l'utilisateur doit entrer manuellement l'emplacement souhaité au lieu de le sélectionner avec la souris. Complété par le puissant mécanisme complet auto il rend cette tâche sans faille.

this .radBreadCrumb1.IsTextModeEnabled = true ;

this .radBreadCrumb1.IsAutoCompleteEnabled = ];

 auto-comlete "title =" auto-comlete "/></p data-recalc-dims=

Historique

Une autre caractéristique clé est que les lieux récemment visités peuvent être enregistrés et affichés dans une liste déroulante pratique afin que l'utilisateur puisse naviguer entre

this .radBreadCrumb1.IsHistoryEnabled = true ;


 history "title =" history "/> </strong data-recalc-dims=

Auto-Hide Items

Auto- masquer les éléments est utile lorsque le chemin hiérarchique est plus long que la longueur du contrôle. Dans ce cas, le contrôle RadBreadCrumb affichera commodément la dernière partie de la hiérarchie, afin que l'utilisateur soit au courant de sa sélection. Tous les éléments masqués seront affichés dans un menu contextuel lorsque vous cliquez sur le bouton d'en-tête.

 auto-hide "title =" auto-hide "/></p data-recalc-dims=

Fully Themable

Le RadBreadCrumb le contrôle est livré avec un riche ensemble de thèmes qui vous permettent de créer facilement des interfaces lisses avec l'apparence de certaines des dernières versions de Windows et Office.

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

Événements exposés

La riche variété d'événements exposés fournie par le Telerik Presentation Framework vous permet de réaliser facilement des scénarios plus complexes en implémentant votre propre logique et en personnalisant l'apparence de RadBreadCrumb dans votre application. En voici quelques-uns:

  • AutoCompleteItemsCreated – Cet événement se produit lorsque des éléments de saisie semi-automatique sont créés. Ici, l'utilisateur peut modifier les éléments de saisie semi-automatique et / ou modifier la collection (ajouter, supprimer, déplacer ou remplacer des éléments).
  • SplitButtonCreating – Dans ce gestionnaire d'événements, les utilisateurs peuvent remplacer le bouton par un bouton personnalisé, ou annuler la création de RadSplitButtonElement pour le RadTreeNode associé.
  • SplitButtonCreated – Pour chaque nœud de la hiérarchie de chemins, un SplitButtonElement est créé. Dans ce gestionnaire d'événements, les utilisateurs peuvent définir les propriétés des boutons, modifier un ou plusieurs éléments de la collection SplitButton.Items ou modifier la collection (ajouter, supprimer, remplacer des éléments).
  • HistoryItemCreated – In ce gestionnaire d'événements permet à l'utilisateur d'accéder à AssociatedMenuItem afin de le modifier ou d'empêcher son ajout à l'historique.
    

private void RadBreadCrumb1_HistoryItemCreated ( object ] expéditeur, Telerik.WinControls.UI.BreadCrumb.AssociatedMenuItemEventArgs e)

{

e.MenuItem.FillPrimitive.BackColor = Color.Aquamarine;

e.MenuItem.ForeColor = Color.BlueViolet;

}

int counter = 0;

privé void RadBreadCrumb1_SplitButtonCreated ( objet expéditeur, Telerik.WinControls.UI.BreadCrumb.SplitButtonCreatedEventArgs e)

[[19654550] (compteur ++% 2 == 0)

{

return ;

}

e.SplitButtonElement.ActionButton.ForeColor = Color.Green;

e.SplitButtonElement.ArrowButton.ForeColor = Color.Goldenrod;

}

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

  • CollapsedItemsCreated – Cet événement se produit lorsqu'il n'y a pas assez d'espace pour contenir tous les éléments et que tous les éléments réduits ont leurs éléments de menu correspondants créés . Dans ce gestionnaire d'événements, l'utilisateur peut ajouter, supprimer, réorganiser les éléments qui apparaîtront comme réduits.
  • PathParsing – Pour gérer cet événement, l'utilisateur peut modifier le chemin d'accès ou annuler l'opération d'analyse. [19659040] PathParsed – Cet événement se produit lorsqu'un chemin a été évalué et qu'un RadTreeNode est sur le point d'être sélectionné dans le RadBreadCrumb . Dans ce gestionnaire d'événements, l'utilisateur peut modifier la sélection ] RadTreeNode .

Des informations plus détaillées sur ce contrôle sont disponibles ici .

Consultez la dernière version et partagez vos commentaires

Assurez-vous de télécharger un essai gratuit de la dernière version de la Telerik UI for WinForms suite et explorez tous les nouvelles fonctionnalités fournies avec la version Telerik R3 2019 .

Vous pouvez également visiter notre portail de rétroaction et nous envoyer une ligne si vous avez des suggestions ou s'il y a des fonctionnalités / commandes particulières que vous aimeriez voir.





Source link