Fermer

mai 28, 2019

Comment obtenir des onglets de type chrome avec une forme de tabulation dans WinForms


Ce billet vous présente le contrôle de formulaire à onglets et ses fonctionnalités, et nous verrons comment effectuer la navigation par onglets dans votre application WinForms.

Nous avons présenté le l'interface utilisateur Telerik pour WinForms [19659003] RadTabbedForm dans la version R1 2019 des contrôles. J'espère que maintenant vous avez joué avec et vu à quel point cela peut être pratique dans de nombreux scénarios. Dans cet article de blog, je vais essayer d'expliquer certains scénarios liés aux poignées de contrôle, puis plus en détail les fonctionnalités.

 tabbed-form-01 "title =" tabbed-form-01 "/></p><h2> Où</h2><p> L’idée d’organiser les différentes vues d’une application dans des onglets séparés n’est pas nouvelle: Microsoft TabControl et notre propre système <a href= RadPageView existent depuis un certain temps. Les contrôles ont une fonction plus limitée: imaginez que vous souhaitiez implémenter une interface utilisateur à onglets qui serve de conteneur de niveau supérieur à l'ensemble de l'application. La vue de page et le contrôle d'onglet MS ne conviennent pas à cela car ils sont liés au formulaire. En fait, un contrôle de dock peut mieux vous servir, mais si vous souhaitez obtenir une expérience utilisateur final semblable à celle que les utilisateurs voient dans le monde moderne. navigateurs, cela ne suffit toujours pas.

Le RadTabbedForm est spécialement conçu pour gérer ce scénario. Le contenu de l'application peut être organisé et séparé en différents onglets, chacun étant responsable d'une partie différente de l'application. Les onglets sont situés dans la barre de titre du formulaire, tout comme dans les navigateurs (Chrome, Edge, etc.) et peuvent être réorganisés ou déplacés dans une fenêtre distincte. Ceci est extrêmement utile dans les grandes applications qui visualisent des données. Au lieu de passer d'un onglet à un autre, l'utilisateur final pourrait simplement faire glisser cet onglet pour créer un nouveau formulaire. Les onglets seraient alors dans deux fenêtres séparées et l'utilisateur pourrait facilement voir les deux contenus simultanément. RadTabbedForm offre une grande flexibilité et une liberté appréciée des utilisateurs de votre application.

La capture d'écran ci-dessous montre deux onglets, le deuxième étant séparé dans un formulaire séparé. Le premier onglet affiche RadPivotGrid et le second une ventilation des données groupées et agrégées situées derrière la cellule sélectionnée dans le pivot du premier onglet.

 tabbed-form-011 "title =" tabbed-form-011 "/ ></p><h2> Architecture et fonctionnalités</h2><p> Le <strong> RadTabbedForm </strong> représente un hôte de formulaire de <strong> RadTabbedFormControl </strong>. Le contrôle de formulaire est responsable de la création et de la manipulation des onglets dans la barre de titre, des panneaux. La plupart des fonctionnalités et de l'API sont définies dans la propriété <strong> RadTabbedFormControl </strong>qui est exposée par la propriété <strong> de TabbedFormControl </strong> du formulaire. Le contrôle comporte de nombreuses fonctionnalités et son apparence peut être entièrement personnalisée en définissant simplement quelques propriétés. Le formulaire est construit sur le <a href= TPF constitué de nombreux éléments visuels légers. La structure arti La documentation fournie fournit des informations sur les éléments de base les plus importants du contrôle.

Prise en charge complète du temps de conception

Des onglets peuvent être ajoutés dans le concepteur de Visual Studio. Chaque onglet créera un panneau où tous les autres contrôles peuvent être ajoutés.

RadTabbedForm avec le thème Fluent dans Visual Studio Designer

 tabbed-form-02 "title =" tabbed-form-02 "/></p><h3> Support de la barre de titre</h3><p> Il était très difficile d'implémenter tous les fonctions à l'intérieur de l'espace non client du formulaire. Je suis heureux de dire que nous avons réussi à réaliser tout ce qui était prévu.</p><p><b> Formulaires par onglets par défaut et personnalisés </b></p><p><b><img decoding=

this .AllowAero = true ;

Style de barre de titre Windows 10 standard

 tabbed-form-04 "title =" tabbed-form-04 "/> </pre><h3> Drag and Drop</h3><p> Les onglets peuvent être réorganisés dans la barre de titre. Vous pouvez également les faire glisser pour créer un formulaire séparé. Le contenu de l'onglet, y compris tous les contrôles ajoutés, sera déplacé vers le nouveau formulaire. Cette opération peut être effectuée. répété plusieurs fois et l'onglet est déplacé d'une forme à une autre.</p><p> <img decoding=   

Actions rapides

Divers éléments tels que des boutons, des cases à cocher, des boutons déroulants, etc. peuvent être ajoutés avant et / ou après les onglets.

this .TabbedFormControl.LeftItems.Add ( new RadButtonElement {Text = "button1" }); // ajoute des éléments avant les tabulations

this .TabbedFormControl.RightItems.Add ( new RadButtonElement {Text = "button2" }); // ajoute des éléments après les onglets

Ces éléments peuvent également être ajoutés dans le concepteur Visual Studio.

 tabbed-form-05 "title =" tabbed-form-05 "/> [19659008]
Les collections <strong> LeftItems </strong> et <strong> RightItems </strong> sont également exposées dans la grille des propriétés du concepteur et les éléments peuvent être modifiés dans l'éditeur de collections.</p><p> <img decoding=

this .TabbedFormControl.Tabs [0] .Item.IsPinned = true ;

 tabbed-form-07 "title = "tabbed-form-07" /></p><h3> Menu contextuel</h3><p> Le contrôle par onglets comporte également un menu contextuel intégré entièrement localisable.</p><p> <img decoding=

private void TabbedFormControl_ContextMenuOpening ( objet expéditeur, RadTabbedFormControlItemConextMenuOpeningEventArgs e = "Onglet 1" )

{

// supprimer le premier élément





Source link