Przejdź do głównej zawartości
Pomoc techniczna
Zaloguj się przy użyciu konta Microsoft
Zaloguj się lub utwórz konto.
Witaj,
Wybierz inne konto.
Masz wiele kont
Wybierz konto, za pomocą którego chcesz się zalogować.
Tworzenie diagramu szkieletowego na potrzeby interfejsów użytkownika

Szablon szkieletowy w Visio Professional i Visio (plan 2) jest przeznaczony do tworzenia makiet aplikacji o średniej wierności. Szablon może być używany dla wielu typów oprogramowania, takich jak aplikacje dla systemu Windows, Internetu i urządzeń przenośnych.

  1. Zacznij od kliknięcia wzornika Okna dialogowe i przeciągnięcia na stronę formularza aplikacji lub formularza okna dialogowego. Dodaj inne kształty z tego wzornika, aby utworzyć konspekt podstawowej struktury interfejsu użytkownika.

  2. Kliknij wzornik Paski narzędzi , aby dodać menu i inne ikony aplikacji.

  3. Użyj kształtów z pozostałych czterech wzorników domyślnych (kontrolek, kursorów, typowych ikon oraz ikon sieci Web i multimediów), aby wypełnić interfejs użytkownika i pokazać funkcjonalność aplikacji.

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

Co chcesz zrobić?

Tworzenie okien dialogowych

Kształt

Porady

Formularz aplikacji

Kontener, który daje granice całej aplikacji. Punkt połączenia w prawym górnym rogu powoduje umieszczenie kształtów przycisków systemu Windows.

Formularz okna dialogowego

Kontener do przechowywania ikon, kontrolek i tekstu dla okien dialogowych. Punkt połączenia w prawym górnym rogu powoduje umieszczenie kształtów przycisków systemu Windows.

Przycisk Windows

Wybierz przycisk, który ma być reprezentowany przy użyciu tego kształtu: Zamknij, Maksymalizuj, Minimalizuj lub Przywróć (przyciski, które zazwyczaj znajdują się w prawym górnym rogu formularzy aplikacji i okien dialogowych). Po upuszczeniu kształtu na formularz można wybrać odpowiedni przycisk, a także kliknąć kształt prawym przyciskiem myszy i kliknąć pozycję Typ przycisku , aby zmienić go później.

Zmień cieniowanie przycisku, klikając kształt prawym przyciskiem myszy, a następnie klikając polecenie Pokaż aktywne.

Pasek stanu

Kontener dla elementów paska stanu, ikon i rozdzielaczy. Elementy paska stanu to paski średniej długości, do których można dodać tekst, klikając dwukrotnie. Mają również środkowy punkt połączenia umożliwiający dodanie ikony, paska postępu, suwaka lub innego kształtu. Ikony paska stanu to krótkie paski z centralnym punktem połączenia, na który można upuszczać ikony z obszaru Typowe ikony lub Ikony sieci Web i multimediów . Aby tworzyć widoczne podziały, możesz upuścić rozdzielacze pasków stanu między innymi kształtami.

Pasek przewijania

Kliknij prawym przyciskiem myszy, aby określić jako pionową lub poziomą i ustawić długość suwaka (długość kciuka). Użyj żółtego uchwytu sterującego, aby przesuwać suwak wzdłuż długości paska przewijania.

Łapacz zmiany rozmiaru

Można używać tylko w paskach przewijania i paskach stanu. Zostanie wyświetlone okno dialogowe umożliwiające ustawienie typu po upuszczeniu go na stronie.

Pasek tabulatora

Kontener dla elementów kart. Po dodaniu elementu karty Górny lub Dolny możesz dodać więcej elementów, klikając prawym przyciskiem myszy element karty lub klikając niebieską strzałkę wstawiania, która jest wyświetlana z pomarańczowym wyróżnieniem po przytrzymaniu wskaźnika myszy na rogu karty.

Zmień cieniowanie karty, klikając kształt prawym przyciskiem myszy, a następnie klikając polecenie Ustaw aktywną kartę.

Po zaznaczeniu paska tabulatora możesz zmienić styl paska tabulatorów za pomocą karty Formatowanie w obszarze Narzędzia kontenerów .

Początek strony

Tworzenie pasków narzędzi

Kształt

Porady

Pasek menu

Kontener elementów paska menu. Po dodaniu elementu paska menu kliknij prawym przyciskiem myszy element, aby ustawić stan (na przykład włączony lub wybrany), typ (normalny lub rozwijany) oraz określić, czy chcesz dodać miejsce na ikonę. Możesz również użyć menu skrótów, aby dodać więcej elementów paska menu, lub kliknąć niebieską strzałkę Wstaw.

Menu rozwijane

Kontener elementów menu. Po dodaniu elementu menu kliknij prawym przyciskiem myszy element, aby ustawić stan (na przykład włączony lub wybrany), typ (na przykład normalny lub radiowy) oraz ustawienie szerokości menu. Możesz również użyć menu skrótów, aby dodać więcej elementów menu, lub kliknąć niebieską strzałkę Wstaw.

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

Początek strony

Dodawanie kontrolek do formularzy

Kształt

Porady

Hiperlink

Po upuszczeniu kształtu Hiperlink na stronie zostanie wyświetlone okno dialogowe Hiperlinki, aby można było ustawić obiekt docelowy linku.

Obraz przycisku

Kliknij prawym przyciskiem myszy kształt Przycisk, aby ustawić stan lub wygląd przycisku (na przykład włączony lub zaznaczony).

Pole listy

Kontener elementów pola listy. Kliknij prawym przyciskiem myszy pole Lista, aby ustawić kierunek listy (na przykład od góry do dołu lub od lewej do prawej). Po dodaniu elementu pola listy kliknij prawym przyciskiem myszy element, aby ustawić stan (na przykład włączony lub zaznaczony) i ustawić symbole zastępcze, jeśli chcesz dodać do elementu dodatkowe miejsce, na przykład w celu dodania ikony. Możesz również użyć menu skrótów, aby dodać więcej elementów pola listy, lub kliknąć niebieską strzałkę Wstaw.

Po zaznaczeniu pola Lista możesz zmienić styl pola listy za pomocą karty Formatowanie w obszarze Narzędzia kontenerów .

Pole wyboru

Kliknij prawym przyciskiem myszy pole wyboru, aby ustawić opcję Wybór (na przykład Wybrano lub Niezaznaczone) i województwo (na przykład Włączone lub Włączone).

Kontrolka drzewa

Kontener dla elementów kontrolek drzewa. Po dodaniu elementu kontrolki Drzewa kliknij prawym przyciskiem myszy element, aby sterować wcięciem i ustawić właściwości drzewa, takie jak rozwinięte lub zwinięte spacje województwo i symbole zastępcze.

Możesz również użyć menu skrótów, aby dodać więcej elementów kontrolek drzewa, lub możesz kliknąć niebieską strzałkę Wstaw.

Po zaznaczeniu kontrolki Drzewo możesz zmienić styl kontrolki Drzewo za pomocą karty Formatowanie w obszarze Narzędzia kontenerów .

Ikona suwaka poczty głosowej

Kliknij prawym przyciskiem myszy suwak, aby ustawić właściwości, takie jak liczba i położenie znaczników osi. Użyj żółtego uchwytu sterującego, aby przesunąć suwak.

Pasek postępu

Użyj żółtego uchwytu sterującego, aby przenieść wskaźnik postępu.

Kalendarz

Po upuszczeniu kalendarza na stronie zostanie wyświetlone okno dialogowe umożliwiające ustawienie miesiąca i roku. Aby później zmienić to ustawienie, kliknij prawym przyciskiem myszy kształt, a następnie kliknij polecenie Konfiguruj.

Początek strony

Potrzebujesz dalszej pomocy?

Chcesz uzyskać więcej opcji?

Poznaj korzyści z subskrypcji, przeglądaj kursy szkoleniowe, dowiedz się, jak zabezpieczyć urządzenie i nie tylko.

Społeczności pomagają zadawać i odpowiadać na pytania, przekazywać opinie i słuchać ekspertów z bogatą wiedzą.

Czy te informacje były pomocne?

Jaka jest jakość języka?
Co wpłynęło na Twoje wrażenia?
Jeśli naciśniesz pozycję „Wyślij”, Twoja opinia zostanie użyta do ulepszania produktów i usług firmy Microsoft. Twój administrator IT będzie mógł gromadzić te dane. Oświadczenie o ochronie prywatności.

Dziękujemy za opinię!

×