DevExpress Winforms Controls a intégré plus de 140 contrôles et bibliothèques d'interface utilisateur, parfaits pour créer des applications fluides, belles et faciles à utiliser. DevExpress WinForm v20.1 est nouvellement publié, vous voulez en faire l'expérience? Cliquez pour télécharger >>
Lors de la conception de l'interface, que ce soit sur le Web, Winform, WPF ou des applications d'interface mobile, notre organisation et la mise en page de l'interface ont toujours été un sujet plus intéressant, et la qualité de l'interface d'organisation dépend de l'utilisateur D'après l'expérience, il peut fournir la convivialité du programme et reflète également la compétence de l'interface de développement du développeur. Une bonne disposition d'interface peut rendre le contenu de notre organisation plus raisonnable et plus beau. Cet article répertorie principalement quelques petits cas et expériences sur l'organisation et la mise en page de l'interface lors du développement de l'interface Winform.
L'organisation et la mise en page de l'interface, cet article est divisé en trois parties, l'une est la présentation de l'organisation de l'interface principale, la disposition de l'organisation de l'interface de liste et la nouvelle disposition de l'organisation de l'interface d'édition.
1. La disposition de l'organisation de l'interface principale
L'organisation et la mise en page de l'interface principale reposent principalement sur l'application de la mise en page multiformulaire. En règle générale, vous pouvez envisager d'utiliser l'interface de conteneur multi-documents, qui est également une méthode conventionnelle; ou vous pouvez envisager le même panneau pour afficher différents contenus de contrôle en fonction des modifications apportées aux contrôles utilisateur.
Par exemple, le premier Winform utilise l'interface Winform par défaut et la mise en page utilise le contrôle «WeifenLuo.WinFormsUI.Docking» pour transporter le contenu de l'interface du formulaire, comme illustré ci-dessous.
La première consiste également principalement à utiliser la méthode multi-documents pour traiter l'affichage de l'interface de différents formulaires. Au fil du temps, la suite d'interfaces DevExpress est progressivement introduite pour créer l'interface. Ce contrôle d'interface peut obtenir des effets d'interface plus riches, et Une fois que l'outil de génération de code d'interface (outil de génération de code Database2Sharp) a généré la liste et l'interface d'édition, il est plus pratique de l'ajuster. Par conséquent, l'interface principale de l'interface Winform est traitée de manière DevExpress. En utilisant DevExpress, vous pouvez utiliser des formulaires ruban, qui peuvent également être bien pris en charge. Interface multi-document, donc l'effet de l'interface principale est meilleur.
Ces interfaces principales ont ensuite essentiellement suivi la même méthode de présentation d'interface, en utilisant RibbonForm et des listes d'arborescence pour afficher le contenu.La partie d'interface de liste peut être présentée de manière uniforme en utilisant des contrôles de pagination pour obtenir un effet d'interface relativement uniforme.
2. Liste de la disposition de l'organisation de l'interface
Dans le contenu ci-dessus, nous avons principalement présenté l'organisation de l'interface principale.En général, l'interface principale est une interface multi-documents, donc l'interface de liste sera éventuellement affichée sur le cadre de l'interface principale. De manière générale, lorsque nous affichons du contenu régulier, il est divisé en contenu de liste et interface d'affichage de détail, c'est-à-dire que le contenu de la liste pagine pour afficher les informations d'enregistrement dans la base de données, et lorsque nous visualisons le contenu de l'interface détaillée, nous affichons le contenu détaillé d'un seul enregistrement.
Pour l'affichage du contenu de la liste, l'effet d'affichage général est le suivant, montrant principalement les informations de table bidimensionnelles dans la base de données.
Parfois, lorsque les champs de la requête de liste ne sont pas suffisants, nous complétons ce petit tableau avec la requête avancée de la liste, de sorte que lorsque la table comporte un grand nombre de champs, nous pouvons effectuer des opérations de requête avancées sur certains champs inhabituels.
Mais une fois que le contenu de la liste est relativement volumineux, si nous devons localiser différentes informations de filtrage, ce n'est pas si convivial si nous n'interrogons que sur certains champs de requête. Par conséquent, certaines listes d'arbres peuvent être introduites pour distinguer différents contenus.
Grâce à l'affichage de ces listes, nous pouvons affiner davantage l'affichage du contenu, tel que l'affichage du contenu du système d'autorisation. En distinguant la structure organisationnelle et les rôles de l'utilisateur, nous pouvons localiser rapidement les utilisateurs du système, et nous pouvons également interroger via le champ de requête. La combinaison est plus pratique à utiliser.
L'affichage du contenu du module de dictionnaire, via l'affichage de la liste arborescente des différentes catégories de dictionnaire, peut nous permettre de filtrer plus facilement les informations du dictionnaire.
Cependant, les gestionnaires de rôle abandonnent la méthode traditionnelle de tableau bidimensionnel pour afficher les données et assurent une meilleure gestion du traitement des données de rôle par le biais de contrôles de liste d'arborescence, d'informations de formulaire et d'informations d'onglets.
Pour l'interface de liste d'informations client du système de gestion de la relation client, cette interface affiche les différents attributs de l'information client dans une arborescence, ce qui peut rendre le positionnement des informations client plus précis et convivial.
Et la gestion unifiée de certaines catégories spécifiques de données peut être combinée avec l'affichage de contrôle de l'arborescence, qui est plus pratique et raisonnable à gérer.
En outre, dans certains cas, nous devons envisager d'afficher les informations de la table maître-détails sur l'interface de liste, vous pouvez également utiliser le contrôle de liste DevExpress pour obtenir l'effet, comme indiqué ci-dessous.
3. Nouveau et modifier la disposition de l'organisation de l'interface
En plus de l'interface de liste, l'autre est l'interface d'affichage détaillée des données. Le contenu de cette interface peut être plus diversifié, comme le transport de divers contrôles, tels que le texte, la date, l'image, la liste déroulante, l'arborescence et notre Certains contrôles, tels que les contrôles d'affichage des pièces jointes via la gestion.
Parfois, le contenu détaillé implique également un certain maître-esclave indiquant une entrée détaillée. Ce qui suit est un cas où le maître-esclave indiquant le contenu détaillé est directement entré.
S'il y a beaucoup de détails, nous pouvons envisager d'utiliser des onglets pour gérer les données et gérer différents types de données via des onglets. Par exemple, les informations client de base suivantes sont un cas.
L'affichage des informations utilisateur de ce dernier système est également basé sur le même concept
Cependant, si vous avez besoin d'afficher de manière centralisée des informations détaillées et d'intégrer des informations d'enregistrement associées, un ou deux onglets ne suffisent certainement pas. Par exemple, l'affichage des informations de base sur le personnel dans le cas suivant affichera non seulement des informations de base sur soi-même, mais associera également certains membres du personnel. Les informations sont affichées ensemble, elles doivent donc être divisées en plusieurs onglets pour accueillir ces informations, mais un trop grand nombre entraînera un encombrement de notre interface, vous pouvez donc ajouter un bouton de configuration derrière les onglets, afin que les utilisateurs puissent facilement maintenir les onglets qui les intéressent contenu.
Mais si le contenu est encore beaucoup, si nous devons séparer avec précision le contenu des différentes parties, nous pouvons également envisager le schéma suivant.
Par exemple, pour les données du patient sur le gliome, nos informations de base sont affichées comme ceci: bien qu'il y ait beaucoup de contenu, il reste relativement raisonnable.
Cependant, s'il y a beaucoup de contenu de pathologie informationnelle, s'il est affiché sur une page de contenu, c'est vraiment moche et il n'est pas facile de maintenir les données. Ce qui suit est un mauvais affichage des cas.
Un moyen raisonnable est d'introduire des onglets ou d'autres méthodes de distinction.J'ai utilisé une méthode différente ici, qui consiste à réaliser l'affichage et la maintenance du contenu des différentes zones dans un onglet en combinant la liste arborescente et les contrôles utilisateur. Il est également plus pratique de saisir des données dans différentes parties de l'interface et de les localiser.
Ce qui suit est un cas plus raisonnable d'affichage du contenu des données du patient.
Pour un patient, différents attributs correspondent à différentes informations de pièce jointe, nous pouvons les gérer de manière uniforme, comme indiqué ci-dessous.
Ce qui précède est l'analyse de plusieurs cas d'interface de l'interface principale, de l'interface de liste et de l'interface d'édition détaillée. Lorsque nous développons, nous utilisons généralement l'outil de génération de code (mon outil de génération de code Database2Sharp) pour générer uniformément la liste standard. Interface et l'interface d'édition pour un affichage détaillé, puis apportez certaines touches et modifications, telles que l'ajustement du type de liste déroulante du dictionnaire, l'ajout de listes d'arborescence, l'ajustement du contenu des différents onglets, l'ajout de contrôles de gestion des pièces jointes et l'ajout de certains Effets d'interface, seulement dans certains cas particuliers, nous devons reconstruire complètement l'affichage détaillé de l'interface.
Cet article est reproduit du blog garden-Wu Huacong
Groupe d'échange technique DevExpress 2: 775869749 Bienvenue à rejoindre la discussion de groupe