Crearea unei diagrame structură de fire pentru interfețele utilizator

Șablonul structură de fire din Visio Professional și Visio Plan 2 este proiectat pentru a crea simulare de simulare de medie fidelitate a aplicațiilor software. Șablonul poate fi utilizat pentru o gamă largă de tipuri de software, cum ar fi aplicații pentru Windows, internet și dispozitive mobile.

  1. Începeți prin a face clic pe tiparul Casete de dialog și glisând un formular Aplicație sau un formular casetă de dialog în pagină. Adăugați alte forme din acest tipar pentru a contura structura de bază a interfaței de utilizator.

  2. Faceți clic pe tiparul Bare de instrumente pentru a adăuga meniuri și alte pictograme de aplicație.

  3. Utilizați formele din celelalte patru tipare implicite(Controale ,Cursore ,Pictograme comune și Pictograme web și Media) pentru a completa interfața de utilizator și a afișa funcționalitatea aplicației.

Unele dintre formele de structură de fire au proprietăți particularizabile. Iată câteva sfaturi despre utilizarea formelor respective.

Ce intenționați?

Crearea casetelor de dialog

Formă

Sfaturi

Formular de aplicație

Un container care oferă limitele întregii aplicații. Un punct de conexiune din colțul din dreapta sus păstrează Windows se află în locul său.

Dialog form

Un container care ține apăsate pictogramele, controalele și textul pentru casetele de dialog. Un punct de conexiune din colțul din dreapta sus păstrează Windows se află în locul său.

Windows buton

Selectați butonul pe care doriți să îl reprezentați utilizând această formă: Închidere, Maximizare, Minimizare sau Restaurare (butoanele care se află de obicei în colțul din dreapta sus al aplicațiilor și formularelor de dialog). Selectați butonul dorit atunci când fixați forma în formular și, de asemenea, puteți să faceți clic dreapta pe formă și să faceți clic pe Tip buton pentru a o modifica mai târziu.

Modificați umbrirea butonului, făcând clic dreapta pe formă, apoi făcând clic pe Afișare activ.

Bara de stare

Un container pentru elemente din bara de stare, pictograme și splitters. Elementele din bara de stare sunt bare de lungime medie la care se poate adăuga text făcând dublu clic. De asemenea, au un punct de conexiune central pentru adăugarea unei pictograme, a unei bare de progres, a unui glisor sau a altei forme. Pictogramele din bara de stare sunt bare scurte, cu un punct de conexiune central, în care puteți fixa pictograme din Pictograme comune sau Pictograme web și Pictograme media pe ele. Puteți fixa diviterul barei de stare între alte forme, pentru a face împărțirile vizibile.

Bara de defilare

Faceți clic dreapta pentru a desemna poziția verticală sau orizontală și pentru a seta lungimea glisorului (lungimea degetului mare). Utilizați handle-ul de control galben pentru a muta glisorul de-a lungul lungimii barei de defilare.

Redimensionarea grabberului

Se poate utiliza numai în barele de defilare și în barele de stare. Apare o casetă de dialog, astfel încât să puteți seta tipul după ce îl fixați pe pagină.

Tab bar

Un container pentru elementele din filă. După ce adăugați un element filă De sus sau un element din fila Jos, puteți adăuga mai multe făcând clic dreapta pe elementul de filă sau făcând clic pe săgeata albastră Inserare care apare cu evidențierea portocalie atunci când țineți indicatorul deasupra unui colț al filei.

Modificați umbrirea unei file, făcând clic dreapta pe formă, apoi făcând clic pe Setare filă activă.

Când este selectată bara Tabulator, puteți utiliza fila Format de sub Instrumente container pentru a modifica stilul barei Tab.

Începutul paginii

Crearea barelor de instrumente

Formă

Sfaturi

Bara de meniuri

Un container pentru elementele din bara de meniu. După ce adăugați un element din bara de meniu, faceți clic dreapta pe element pentru a seta starea (cum ar fi activat sau selectat), tipul (normal sau vertical) și dacă să adăugați loc pentru o pictogramă. De asemenea, puteți utiliza meniul de comenzi rapide pentru a adăuga mai multe elemente de bară de meniu sau puteți face clic pe săgeata albastră Inserare.

Drop-down menu

Un container pentru Elemente de meniu. După ce adăugați un element de meniu, faceți clic dreapta pe element pentru a seta starea (cum ar fi activat sau selectat), tipul (cum ar fi normal sau radio) și dacă se setează la lățimea meniului. De asemenea, puteți utiliza meniul de comenzi rapide pentru a adăuga mai multe elemente de meniu sau puteți face clic pe săgeata albastră Inserare.

Puteți conecta un meniu vertical la un element din bara de meniu pentru a afișa un meniu deschis. Elementele din bara de meniu au puncte de conexiune în colțul de jos care pot fi conectate la colțul de sus al unui meniu vertical.

Începutul paginii

Adăugarea controalelor la formulare

Formă

Sfaturi

Hyperlink

Când fixați o formă Hyperlink pe pagină, apare caseta de dialog Hyperlinkuri, astfel încât să puteți seta ținta linkului.

Button

Faceți clic dreapta pe forma Buton pentru a seta starea sau aspectul Butonului (de exemplu, activat sau selectat).

Casetă listă

Un container pentru elementele casetei Listă. Faceți clic dreapta pe caseta Listă pentru a seta direcția listei (de exemplu, de sus în jos sau de la stânga la dreapta). După ce adăugați un element casetă listă, faceți clic dreapta pe element pentru a seta starea (cum ar fi activat sau selectat) și pentru a seta substituenți dacă doriți să adăugați spațiu suplimentar elementului, de exemplu, pentru a adăuga o pictogramă. De asemenea, puteți utiliza meniul de comenzi rapide pentru a adăuga mai multe elemente de casetă listă sau puteți face clic pe săgeata albastră Inserare.

Atunci când este selectată caseta Listă, puteți utiliza fila Format de sub Instrumente container pentru a modifica stilul casetei listă.

Casetă de selectare

Faceți clic dreapta pe caseta de selectare pentru a seta Opțiunea (deexemplu, Bifată sau Neselectată)și Starea (cum ar fi Activat sauLa trecere).

Control arbore

Un container pentru elementele de control arboresc. După ce adăugați un element de control arbore, faceți clic dreapta pe element pentru a controla indentarea și pentru a seta proprietățile arborelui, cum ar fi starea extinsă sau restrânsă și spațiile substituent.

De asemenea, puteți să utilizați meniul de comenzi rapide pentru a adăuga mai multe elemente de control arborescul sau să faceți clic pe săgeata albastră Inserare.

Când este selectat controlul arbore, puteți utiliza fila Format de sub Instrumente container pentru a modifica stilul controlului arboresc.

Pictograma glisorului pentru poșta vocală

Faceți clic dreapta pe glisor pentru a seta proprietățile, cum ar fi numărul și poziția gradaților. Utilizați handle-ul de control galben pentru a muta glisorul.

Bara de progres

Utilizați handle-ul de control galben pentru a muta indicatorul de progres.

Calendar

Când fixați un Calendar pe pagină, apare o casetă de dialog pentru a putea seta luna și anul. Pentru a modifica setarea mai târziu, faceți clic dreapta pe formă, apoi faceți clic pe Configurare.

Începutul paginii

Aveți nevoie de ajutor suplimentar?

Extindeți-vă competențele
Explorați instruirea
Fiți primul care obține noile caracteristici
Alăturați-vă la Microsoft Insider

V-a fost de ajutor această informație?

Cât de mulțumit sunteți de calitatea traducerii?

Ce v-a afectat experiența?

Aveți feedback suplimentar? (Opțional)

Vă mulțumim pentru feedback!

×