Le modèle filaire dans Visio Professionnel et Visio (plan 2) est conçu pour créer des maquettes d’applications logicielles de fidélité moyenne. Le modèle peut être utilisé pour un large éventail de types de logiciels, tels que des applications pour Windows, Internet et des appareils mobiles.
-
Commencez par cliquer sur le gabarit Boîtes de dialogue et faites glisser un formulaire Application ou Boîte de dialogue sur la page. Ajoutez d’autres formes du gabarit de manière à définir la structure de base de l’interface utilisateur.
-
Cliquez sur le gabarit Barre d’outils pour ajouter des menus et les icônes d’autres applications.
-
Utilisez les formes des quatre autres gabarits par défaut (Contrôles, Curseurs, Icônes courantes et Icônes web et multimédia) pour définir l’interface utilisateur et montrer les fonctionnalités de l’application.
Certaines formes filaires ont des propriétés personnalisables. Voici quelques conseils sur l’utilisation de ces formes.
Que voulez-vous faire ?
Créer des boîtes de dialogue
|
Forme |
Conseils |
|---|---|
|
Formulaire Application |
Conteneur donnant les limites de l’application entière. Un point de connexion dans le coin supérieur droit maintient les formes du bouton Windows. |
|
Formulaire Boîte de dialogue |
Conteneur regroupant les icônes, contrôles et textes des boîtes de dialogue. Un point de connexion dans l’angle supérieur droit permet de maintenir en place les formes de bouton Windows. |
|
Bouton Windows |
Sélectionnez le bouton que vous souhaitez représenter à l’aide de cette forme : Fermer, Agrandir, Réduire ou Restaurer (boutons qui se trouvent généralement dans le coin supérieur droit des applications et des formulaires de boîte de dialogue). Vous sélectionnez le bouton souhaité lorsque vous déposez la forme sur le formulaire. Vous pouvez également cliquer avec le bouton droit sur la forme et cliquer sur Type de bouton pour la modifier ultérieurement. Modifiez l’ombrage du bouton en cliquant avec le bouton droit sur la forme, puis en cliquant sur Afficher l’élément actif. |
|
Barre d’état |
Conteneur des éléments, icônes et séparateurs de barre d’état. Les éléments de barre d’état sont des barres de longueur moyenne auxquelles vous pouvez ajouter du texte en double-cliquant dessus. Ils sont également dotés d’un point de connexion central permettant d’ajouter une icône, une barre de progression, un curseur ou une autre forme. Les icônes de barre d’état sont des barres courtes avec un point de connexion central dans lequel vous pouvez déposer des icônes depuis Icônes courantes ou Icônes web et multimédia. Vous pouvez déposer des séparateurs de barre d’état entre des formes pour créer des divisions visibles. |
|
Barre de défilement |
Cliquez avec le bouton droit sur la barre de défilement pour la désigner comme horizontale ou verticale et définir la longueur du curseur (la longueur de la barre de défilement). Utilisez la poignée de contrôle jaune pour déplacer le curseur sur la longueur de la barre de défilement. |
|
Poignée de redimensionnement |
Ne peut être utilisée que sur une barre de défilement et une barre d’état. Une boîte de dialogue apparaît lorsque vous la déposez sur la page afin de pouvoir définir son type. |
|
Barre d’onglets |
Conteneur des éléments d’onglet. Après avoir ajouté un élément d’onglet supérieur ou un élément d’onglet inférieur, vous pouvez en ajouter d’autres en cliquant avec le bouton droit sur l’élément d’onglet ou en cliquant sur la flèche d’insertion bleue qui s’affiche avec une mise en surbrillance orange lorsque vous placez le pointeur sur un angle de l’onglet. Modifiez l’ombrage d’un onglet en cliquant sur la forme avec le bouton droit, puis en cliquant sur Actif. Lorsque vous avez sélectionné la barre d’onglet, vous pouvez utiliser l’onglet Format sous Outils du conteneur pour modifier son style. |
Créer des barres d’outils
|
Forme |
Conseils |
|---|---|
|
Barre de menus |
Conteneur des éléments de barre de menus. Après avoir ajouté un élément de barre de menus, cliquez dessus avec le bouton droit pour définir son état (comme activé ou sélectionné), son type (normal ou déroulant) et si vous souhaitez ajouter de l’espace pour une icône. Vous pouvez également utiliser le menu contextuel pour ajouter d’autres éléments de barre de menus, ou cliquer sur la flèche d’insertion bleue. |
|
Menu déroulant |
Conteneur des éléments de menu. Après avoir ajouté un élément de menu, cliquez dessus avec le bouton droit pour définir son état (comme activé ou sélectionné), son type (normal ou case d’option) et si vous souhaitez ajouter de l’espace pour une icône. Vous pouvez également utiliser le menu contextuel pour ajouter d’autres éléments de menu, ou cliquer sur la flèche d’insertion bleue. Vous pouvez connecter un menu déroulant à un élément de barre de menus de manière à afficher un menu ouvert. Les éléments de barre de menus sont dotés de points de connexion dans l’angle inférieur qui peuvent être connectés à l’angle supérieur d’un menu déroulant. |
Ajouter des contrôles aux formulaires
|
Forme |
Conseils |
|---|---|
|
Lien hypertexte |
Lorsque vous déposez un lien hypertexte sur la page, la boîte de dialogue Liens hypertexte s’affiche afin que vous puissiez définir la cible du lien. |
|
Bouton |
Cliquez avec le bouton droit sur la forme Bouton pour définir l’état, ou apparence, du bouton (par exemple, activé ou sélectionné). |
|
Zone de liste |
Conteneur des éléments de zone de liste. Cliquez avec le bouton droit sur la zone de liste pour définir le sens de la liste (par exemple, de haut en bas ou de gauche à droite). Après avoir ajouté un élément de zone de liste, cliquez dessus avec le bouton droit pour définir son état (comme activé ou sélectionné) et définir des espaces réservés si vous souhaitez ajouter de l’espace supplémentaire à l’élément, par exemple pour ajouter une icône. Vous pouvez également utiliser le menu contextuel pour ajouter d’autres éléments de zone de liste ou cliquer sur la flèche d’insertion bleue. Lorsque la zone de liste est sélectionnée, vous pouvez utiliser l’onglet Format sous Outils du conteneur pour modifier le style de la zone de liste. |
|
Case à cocher |
Cliquez avec le bouton droit sur la case à cocher pour définir le Choix (par exemple, Sélectionné ou Non sélectionné) et l’État (comme Activé ou Sur pointage). |
|
Contrôle d’arborescence |
Conteneur des éléments de contrôle d’arborescence. Après avoir ajouté un élément de contrôle d’arborescence, cliquez dessus avec le bouton droit pour contrôler la mise en retrait de l’arborescence et définir ses propriétés telles que l’état développé ou réduit et les espaces réservés. Vous pouvez également utiliser le menu contextuel pour ajouter d’autres éléments de contrôle d’arborescence ou cliquer sur la flèche d’insertion bleue. Lorsque vous sélectionnez le Contrôle d’arborescence, vous pouvez sélectionner l’onglet Format sous Outils du conteneur pour modifier son style. |
|
Curseur |
Cliquez avec le bouton droit sur le curseur pour définir les propriétés telles que le nombre et la position des marques de graduation. Utilisez la poignée de contrôle jaune pour déplacer le curseur. |
|
Barre d’avancement |
Utilisez la poignée de contrôle jaune pour déplacer l’indicateur d’avancement. |
|
Calendrier |
Lorsque vous déposez un calendrier sur la page, une boîte de dialogue dans laquelle vous pouvez définir le mois et l’année s’affiche. Pour modifier ces paramètres ultérieurement, cliquez avec le bouton droit sur la forme, puis cliquez sur Configurer. |
