Tworzenie diagramu szkieletowego na potrzeby interfejsów użytkownika

Szablon diagramu szkieletowego jest przeznaczony do tworzenia makiet aplikacji o średniej wierności odtwarzania. Szablonu można używać do szerokiej gamy typów oprogramowania, na przykład do aplikacji dla systemu Windows, do aplikacji internetowych i do aplikacji dla urządzeń przenośnych.

  1. Zacznij od kliknięcia wzornika Okna dialogowe i przeciągnięcia formularza Aplikacja lub Okno dialogowe na stronę. Dodaj pozostałe kształty z tego wzornika, aby utworzyć zarys podstawowej struktury interfejsu użytkownika.
  2. Kliknij wzornik Paski narzędzi, aby dodać menu i ikony aplikacji.
  3. Skorzystaj z kształtów z innych czterech domyślnych wzorników (Formanty, Kursory, Typowe ikony i Ikony sieci Web i multimediów), aby zapełnić interfejs i ukazać funkcje aplikacji.

Niektóre kształty diagramów szkieletowych mają właściwości, które można dostosowywać. Oto kilka porad dotyczących korzystania z tych kształtów.

Co chcesz zrobić?


Tworzenie okien dialogowych

Kształt Porady
Formularz aplikacji Kontener wyznaczający ramy dla całej aplikacji. Kształty przycisków systemu Windows należy umieszczać w punkcie połączenia w prawym górnym rogu.
Formularz okna dialogowego Kontener na ikony, formanty i tekst dla okien dialogowych. Kształty przycisków systemu Windows należy umieszczać w punkcie połączenia w prawym górnym rogu.
Przycisk systemu Windows

Wybierz przycisk, który ma być reprezentowany za pomocą tego kształtu: Zamknij, Maksymalizuj, Minimalizuj lub Przywróć (są to przyciski, które zazwyczaj znajdują się w prawym górnym rogu okien aplikacji i formularzy okien dialogowych). Przycisk wybiera się po upuszczeniu kształtu na formularz. Można zmienić wybór później, klikając kształt prawym przyciskiem myszy i klikając polecenie Typ przycisku.

Cieniowanie przycisku można zmienić, klikając kształt prawym przyciskiem myszy i klikając polecenie Pokaż aktywny.

Pasek stanu Kontener na elementy paska stanu, ikony i rozdzielacze. Elementy paska stanu to paski średniej długości, do których można dodawać tekst dwukrotnym kliknięciem. Mają one również centralny punkt połączenia, który umożliwia dodanie ikony, paska postępu, suwaka lub innego kształtu. Ikony paska stanu to krótkie paski z centralnym punktem połączenia, na które można upuszczać ikony ze wzornika Typowe ikony lub Ikony sieci Web i multimediów. Upuszczając rozdzielacze paska stanu między kształtami, można wprowadzać wizualny podział na grupy.
Pasek przewijania Kliknij prawym przyciskiem myszy, aby określić pasek jako pionowy lub poziomy i ustawić długość suwaka (rozmiar przycisku przewijania). Za pomocą żółtego uchwytu sterującego można przesuwać suwak na całej długości paska przewijania.
Uchwyt zmiany rozmiaru Może być używany tylko w przypadku paska przewijania i paska stanu. Po upuszczeniu go na stronę zostanie wyświetlone okno dialogowe, w którym można ustawić typ uchwytu.
Pasek kart

Kontener dla elementów kart. Po dodaniu elementu karty górnej lub elementu karty dolnej można dodać więcej elementów, klikając prawym przyciskiem myszy element karty lub klikając niebieską strzałkę wstawiania, która po zatrzymaniu wskaźnika myszy na rogu karty ma wyświetlane pomarańczowe wyróżnienie.

Cieniowanie karty można zmienić, klikając kształt prawym przyciskiem myszy i klikając polecenie Ustaw kartę aktywną.

Gdy pasek kart jest zaznaczony, można zmienić jego styl, używając karty Formatowanie w grupie Narzędzia kontenerów.

Początek strony Początek strony

Tworzenie pasków narzędzi

Kształt Porady
Pasek menu Kontener na elementy paska menu. Po dodaniu elementu paska menu kliknięcie elementu prawym przyciskiem myszy umożliwia ustawienie jego stanu (takiego jak włączony lub zaznaczony) i typu (normalny lub rozwijany) oraz określenie, czy jest potrzebne miejsce na ikonę. Można także dodawać więcej elementów paska menu za pomocą menu skrótów lub niebieskiej strzałki wstawiania.
Menu rozwijane

Kontener na elementy menu. Po dodaniu elementu menu kliknięcie elementu prawym przyciskiem myszy umożliwia ustawienie jego stanu (takiego jak włączony lub zaznaczony) i typu (takiego jak normalny lub radiowy) oraz ustawienie go na szerokość menu. Można także dodawać więcej elementów menu za pomocą menu skrótów lub niebieskiej strzałki wstawiania.

Menu rozwijane można połączyć z elementem paska menu, aby wyświetlało otwarte menu. Elementy paska menu mają w dolnym rogu punkty połączenia, które można łączyć z górnym rogiem menu rozwijanego.

Początek strony Początek strony

Dodawanie formantów do formularzy

Kształt Porady
Hiperłącze Po upuszczeniu na stronę kształtu Hiperłącze zostanie wyświetlone okno dialogowe Hiperłącza, w którym można ustawić obiekt docelowy łącza.
Przycisk Kliknij prawym przyciskiem myszy kształt Przycisk, aby ustawić stan i wygląd przycisku (na przykład włączony lub zaznaczony).
Pole listy

Kontener na elementy pola listy. Kliknij prawym przyciskiem myszy pole listy, aby ustawić kierunek listy (na przykład z góry do dołu lub od prawej do lewej). Po dodaniu elementu pola listy kliknięcie go prawym przyciskiem myszy umożliwia ustawienie jego stanu (takiego jak włączony lub zaznaczony) i ustawienie symboli zastępczych, jeśli trzeba dodać do elementu dodatkowe miejsce, na przykład w celu dodania ikony. Można także dodawać więcej elementów pola listy za pomocą menu skrótów lub niebieskiej strzałki wstawiania.

Gdy pole listy jest zaznaczone, można zmienić styl pola listy, używając karty Formatowanie w grupie Narzędzia kontenerów.

Pole wyboru Kliknij pole wyboru prawym przyciskiem myszy, aby określić dla niego ustawienia Wybór (na przykład Zaznaczone lub Niezaznaczone) oraz Stan (na przykład Włączone lub Po najechaniu kursorem).
Formant drzewa

Kontener na elementy formantów drzewa. Po dodaniu elementu formantu drzewa kliknięcie elementu prawym przyciskiem myszy umożliwia sterowanie wcięciami i ustawianie właściwości drzewa, takich jak stan zwinięty lub rozwinięty i odstępy symboli zastępczych.

Można także dodawać więcej elementów formantów drzewa za pomocą menu skrótów lub niebieskiej strzałki wstawiania.

Gdy formant drzewa jest zaznaczony, można zmienić jego styl, używając karty Formatowanie w obszarze Narzędzia kontenerów.

Suwak Kliknij prawym przyciskiem myszy kształt Suwak, aby ustawić właściwości, takie jak liczba i położenie znaczników osi. Za pomocą żółtego uchwytu sterowania można przesuwać suwak.
Pasek postępu Za pomocą żółtego uchwytu sterowania można przesuwać pasek postępu.
Kalendarz Po upuszczeniu na stronę kształtu Kalendarz zostanie wyświetlone okno dialogowe, w którym można ustawić miesiąc i rok. Ustawienie można zmienić później, klikając prawym przyciskiem kształt i klikając polecenie Konfiguruj.

Początek strony Początek strony

 
 
Dotyczy:
Visio 2010