Le menu hamburger est maintenant disponible dans vos applications WinForms via l'interface utilisateur Telerik pour le mode Navigation de WinForms. Vous pouvez créer une application WinForms moderne si rapidement que vous n’y croirez pas vraiment.
Les interfaces utilisateur évoluent constamment dans le but de faire de chaque utilisateur d’une application un utilisateur expérimenté. Nous construisons des applications avec de nombreuses fonctionnalités et capacités exceptionnelles et nous souhaitons qu'elles soient facilement disponibles et facilement accessibles à l'utilisateur final.
Est-ce familier ou intuitif?
Lorsque j'utilise un logiciel, il existe généralement trois logiciels différents. types d'interface utilisateur que je rencontre. Il y a tout d'abord les interactions que je connais déjà d'autres applications, telles qu'un menu situé en haut, un ruban ou une interface à plusieurs documents. Ensuite viennent les nouvelles choses très intuitives quant à la manière dont elles sont censées être utilisées. C’est ce que nous appelons habituellement une UI / UX géniale – c’est quelque chose que je ne connais pas, mais en même temps quelque chose que je semble savoir utiliser. Une de ces choses pour moi était les menus radiaux . Bien qu'ils n'aient pas acquis beaucoup de traction, je me suis immédiatement senti à l'aise d'en utiliser un dès le départ. Le troisième type regroupe des éléments cachés quelque part dans l’application, parfois impossibles à trouver sans aide externe, par exemple. une fonctionnalité qui a un raccourci mais pas d'autre moyen d'y accéder.
Si vous me demandez si le sujet d’aujourd’hui, le soi-disant «menu hamburger» ou «tiroir / vue de navigation», comme on l’appelle dans le monde UWP, relève du premier ou du deuxième groupe. Il est de plus en plus adopté dans une variété d'applications Windows 10 et dans Windows 10 lui-même – voir Paramètres, l'application Groove et bien d'autres. Le symbole avec les trois lignes horizontales "" est devenu synonyme de raccourci pour un menu.
L'idée principale de ce paradigme d'interface utilisateur est de faire en sorte que le menu soit la navigation de niveau supérieur dans votre application et que tout le contenu soit organisé dans des onglets séparés. Vous pouvez voir cette méthode pour organiser une application tout au long de votre chemin, des téléphones aux tablettes en passant par le bureau et les applications Web. La raison en est l'adaptabilité intégrée du composant. Sur les petits écrans, il peut s'agir simplement d'un bouton qui, une fois cliqué, affiche le menu en superposition sur le contenu et disparaît lorsqu'il n'est pas nécessaire. Sur des écrans légèrement plus grands, il peut s'agir d'un éclat sur le côté qui peut être étendu en cas de besoin. Et sur de grands écrans ou lorsque de nombreux changements d'onglets sont nécessaires, il peut rester étendu tout le temps.
Vous pouvez désormais intégrer ce paradigme de navigation Windows 10 à votre application WinForms avec l'interface utilisateur Telerik pour WinForms à l'aide du mode NavigationView de RadPageView. Et en complément de votre application avec le thème Fluent récemment présenté, vous disposerez d’une application Windows Forms moderne. Voyons de plus près le contrôle réel et comment en tirer le meilleur parti.
Rencontre avec NavigationView
Si vous avez de l’expérience avec notre suite de contrôles, c’est quelque chose que vous avez probablement déjà fait. Néanmoins, si vous vous joignez à la famille, d’abord, bienvenue, et ensuite, ne vous laissez pas intimider par tous les noms que je lance ici, utiliser ce composant est un jeu d’enfant. Je parie que vous allez sentir que c'est quelque chose que vous savez très bien faire.
Déposez un RadPageView sur votre formulaire et ajoutez plusieurs pages via la balise active ou le volet Propriétés de Visual Studio. Modifiez le texte des pages et / ou ajoutez-leur des images pour les rendre plus jolies. Définissez la propriété ViewMode de l'affichage de la page sur NavigationView et vous êtes tous définis. Pour vous révéler un petit secret, vous pouvez d'abord changer le ViewMode puis ajouter des pages, cela fonctionne dans les deux cas. Et c'est tout! Vous êtes prêt à explorer les différents modes d'affichage proposés par la vue de navigation. Pour aider à cela, permettez-moi de vous y aider.
Commençons par le mode d’affichage minimal. Ici, nous recherchons une surface de travail maximale et n’avons le menu que lorsque nous en avons besoin. De même, si vos utilisateurs passent le plus clair de leur temps sur un onglet et s’en aventurent rarement dans un autre onglet, cela leur donnera la zone de travail la plus propre.
Les commentaires sont désactivés en mode Aperçu.
Source link