Fermer

août 4, 2020

Navigation dans la recherche de texte dans trois commandes5 minutes de lecture



L'interface utilisateur Telerik pour WPF est désormais plus accessible que jamais. Découvrez les dernières fonctionnalités de navigation de recherche de texte dans les commandes RadTreeView, RadPropertyGrid et RadPanelBar.

La dernière version étant déjà disponible, je suis heureux de vous présenter les dernières améliorations d'accessibilité de notre RadTreeView RadPropertyGrid et RadPanelBar contrôles de Telerik UI pour WPF R2 2020 . Vous n'avez plus besoin d'utiliser la souris pour faire défiler jusqu'à un élément particulier juste pour voir si tel existe! Maintenant, vous pouvez utiliser le clavier pour y accéder.

Présentation de la navigation de recherche de texte au clavier

Que peut-il faire?

La fonction de navigation de recherche au clavier permet aux utilisateurs d'appuyer sur un caractère et par conséquent de parcourir chaque nœud en commençant par ce personnage. En appuyant fréquemment (assez lentement pour que le temps de saisie semi-automatique se réinitialise) le même caractère, utilisé pour trouver le premier nœud, la navigation se déplacera vers le nœud suivant, en commençant par ce caractère. De cette façon en appuyant sur le même personnage, vous pouvez parcourir tous les éléments en commençant par lui. Vous pouvez également accéder à un élément spécifique en tapant plusieurs de ses caractères. Cette approche peut être utilisée dans un scénario où vous souhaitez taper le nom complet du nœud requis.

Quels sont les avantages?

Un plus haut niveau de productivité et une accessibilité améliorée, et une facilité d'utilisation pour les scénarios où la navigation au clavier est la seule option d'interaction.

Le temps écoulé entre les frappes au clavier peut-il être modifié?

La réponse est OUI! Il existe de nombreux scénarios dans lesquels vous pouvez avoir des milliers de longues chaînes très similaires les unes aux autres. Je sais, rechercher dans de grandes données hiérarchiques avec des chaînes similaires peut être une énorme douleur. C'est pourquoi il faut suffisamment de temps pour que le nom complet de l'objet requis soit saisi avant qu'il ne soit réinitialisé. Notre mécanisme de navigation de recherche par clavier expose un moyen de changer cela. En modifiant la valeur de la propriété TextSearch.AutoCompleteTimeout, vous pouvez contrôler le temps entre les frappes.

public MainWindow ()

{

Telerik.Windows.Controls.TextSearch.AutoCompleteTimeout = ] nouveau TimeSpan (2500);

InitializeComponent ();

}

Qu'en est-il du mode de recherche de texte? Pouvons-nous le changer?

Encore une fois, la réponse est OUI! Le mode de recherche par défaut recherchera les nœuds commençant par la clé saisie. Vous ne seriez pas impressionné par un seul mode, n'est-ce pas? Eh bien, devinez quoi – nous y avons pensé! À l'exception du mode ordinal StartsWith nous avons ajouté Contains ContainsCaseSensitive et StartsWithCaseSensitive . Plus de modes, une meilleure expérience utilisateur, non? ?. Vous pouvez autoriser l'utilisateur à changer de mode de manière dynamique afin de pouvoir couvrir autant de cas d'angle que possible.

Voyons comment cette fonctionnalité peut être utilisée séparément dans les commandes RadTreeView RadPropertyGrid et RadPanelBar d'accord?

Navigation de recherche de texte au clavier dans le contrôle RadTreeView

Pour activer le mécanisme Navigation de recherche de texte la propriété IsTextSearchEnabled du RadTreeView doit être définie à vrai.

<telerik: RadTreeView ItemsSource = "{Binding Data} " IsTextSearchEnabled = " True" />

Il suffit de concentrer le contrôle et d'appuyer sur la lettre par laquelle l'élément commence, le mécanisme intégré amènera le nœud dans la vue (s'il est hors de la fenêtre) et le sélectionnera. C'est dans le cas d'une seule sélection. En mode de sélection multiple, le moteur de navigation se concentrera uniquement sur le nœud trouvé mais ne le sélectionnera pas. La fonctionnalité de recherche parcourra tous les éléments développés, vous n'avez donc pas à vous inquiéter si les éléments enfants seront transmis.

 Navigation dans la recherche de texte dans TreeView

Dans le scénario DataBinding la fonctionnalité de navigation dans la recherche de texte ne sait pas quelle propriété est utilisée pour nommer les nœuds. C'est pourquoi il vous appartient d'indiquer la propriété que le moteur de recherche doit utiliser en définissant la propriété jointe telerik: TextSearch.TextPath .

<telerik: RadTreeView ItemsSource = ”{Données de liaison} " IsTextSearchEnabled = " True " telerik: TextSearch.TextPath = " MyProperty" />

Navigation dans la recherche de texte au clavier dans le contrôle RadPropertyGrid

Avant de poursuivre la configuration, vous devez garder à l'esprit que le nouveau gadget nécessite que la propriété RenderMode du contrôle soit définie sur Flat . Sinon, la recherche ne fonctionnera pas. Avec ceci en main, nous pouvons définir la propriété IsTextSearchEnabled sur True et voilà.

<telerik: RadPropertyGrid IsTextSearchEnabled = "True" [19659011] RenderMode = ”Flat” />

 Navigation de recherche de texte PropertyGrid

En utilisant la nouvelle Navigation de recherche de texte, vous pouvez accéder directement à une propriété spécifique en focalisant le contrôle et en appuyant sur le caractère de la propriété commence par. Le mécanisme amènera la première propriété trouvée dans la vue et sélectionnez-le.

Navigation de recherche de texte au clavier dans le contrôle RadPanelBar

Comme pour les autres contrôles ci-dessus, le RadPanelBar doit d'abord être mis au point et configuré pour activer la Navigation de recherche de texte . Vous pouvez le faire en définissant simplement la propriété IsTextSearchEnabled sur True.

<telerik: RadPanelBar ItemsSource = ”{Binding Data} " IsTextSearchEnabled = " True" />

 PanelBar Text Search Navigation

Similaire au contrôle RadTreeView pour les scénarios DataBinding la propriété jointe TextSearch.TextPath doit indiquer celle utilisée par l'algorithme de recherche.

<telerik: RadPanelBar ItemsSource = ”{Binding Data} [19659014] "IsTextSearchEnabled =" True "telerik: TextSearch.TextPath =" MyProperty "/>


Partagez vos commentaires

N'hésitez pas à nous laisser un commentaire ci-dessous pour partager vos pensées. 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 / contrôles.





Source link

0 Partages