Створення каркасної діаграми для інтерфейсів користувача
Applies ToVisio (план 2) Visio Professional 2024 Visio Professional 2021 Visio Professional 2019 Visio Professional 2016

Каркасний шаблон у програмах Visio Professional та Visio (план 2) призначено для створення макетів середньої точності програмних програм. Цей шаблон можна використовувати для різноманітних типів програмного забезпечення, наприклад програм для Windows, Інтернету та мобільних пристроїв.

  1. Спочатку клацніть колекцію трафаретів Діалогові вікна та перетягніть на сторінку форму "Програма" або "Діалогове вікно". Додайте інші фігури з цієї колекції трафаретів, щоб структурувати основну структуру інтерфейсу користувача.

  2. Клацніть колекцію трафаретів Панелі інструментів , щоб додати меню та інші піктограми програм.

  3. Використовуйте фігури на інших чотирьох стандартних колекціях трафаретів (елементи керування, курсори, загальні піктограми, а також піктограми Інтернету та мультимедіа), щоб заповнити інтерфейс користувача та відобразити функції програми.

Деякі каркасні фігури мають настроювані властивості. Нижче наведено кілька порад із використання цих фігур.

У цій статті

діалогові вікна Створення

Фігура

Поради

Форма програми

Контейнер, який надає межі всього застосунку. Точка з'єднання у верхньому правому куті містить фігури кнопок Windows.

Форма діалогового вікна

Контейнер для зберігання піктограм, елементів керування та тексту для діалогових вікон. Точка з'єднання у верхньому правому куті містить фігури кнопок Windows.

Кнопка Windows

Виберіть кнопку, яку потрібно представити за допомогою цієї фігури: Закрити, Розгорнути, Згорнути або Відновити (кнопки, які зазвичай знаходяться у верхньому правому куті програм і форм діалогових вікон). Ви можете вибрати потрібну кнопку, коли ви відпустите фігуру у формі, а також можете клацнути фігуру правою кнопкою миші та натиснути кнопку Тип кнопки , щоб змінити її пізніше.

Щоб змінити заливку кнопки, клацніть фігуру правою кнопкою миші та виберіть пункт Показати активну.

рядок стану

Контейнер для елементів рядка стану, піктограм і роздільників. Елементи рядка стану – це смужки середньої довжини, до яких можна додати текст, двічі клацнувши. Крім того, вони мають центральну точку з'єднання, щоб додати піктограму, панель перебігу, повзунок або іншу фігуру. Піктограми рядка стану – це короткі смужки з центральною точкою з'єднання, на яку можна додавати піктограми зі спільних піктограм або піктограм Інтернету та мультимедіа . Щоб зробити видимими поділки, можна розділити роздільники рядка стану між іншими фігурами.

Смуга прокручування

Клацніть правою кнопкою миші, щоб призначити його вертикальним або горизонтальним і встановити довжину повзунка (довжину великого пальця). За допомогою жовтого керівного маркера перемістіть повзунок по довжині смуги прокручування.

Захоплення розміру

Можна використовувати лише в смугах прокручування та рядках стану. З'явиться діалогове вікно, у якій можна встановити тип після того, як ви перекинете його на сторінку.

Панель вкладок

Контейнер для елементів із вкладками. Додаючи елемент вкладки Верхній або Нижній, можна додати інші елементи, клацнувши правою кнопкою миші елемент вкладки або клацнувши синю стрілку Вставлення, яка відображається з помаранчевим виділенням, якщо навести вказівник миші на кут вкладки.

Щоб змінити заливку вкладки, клацніть фігуру правою кнопкою миші та виберіть пункт Установити активну вкладку.

Вибравши панель вкладок, можна скористатися вкладкою Формат у розділі Знаряддя для контейнерів , щоб змінити стиль панелі вкладок.

На початок сторінки

Створення панелі інструментів

Фігура

Поради

Рядок меню

Контейнер для елементів рядка меню. Коли ви додасте елемент рядка меню, клацніть його правою кнопкою миші, щоб установити стан (наприклад, увімкнуто або вибрано), тип (звичайний або розкривний список) і чи потрібно додати місце для піктограми. Крім того, можна скористатися контекстним меню, щоб додати інші елементи рядка меню, або клацнути синю стрілку Вставлення.

Розкривне меню

Контейнер для елементів меню. Коли ви додасте елемент меню, клацніть його правою кнопкою миші, щоб установити стан (наприклад, увімкнуто або вибрано), тип (наприклад, звичайний або радіозв'ютер) і встановити для нього ширину меню. Крім того, можна скористатися контекстним меню, щоб додати інші елементи меню, або клацнути синю стрілку Вставлення.

Ви можете підключити розкривне меню до елемента рядка меню, щоб відобразити відкрите меню. Елементи рядка меню містять точки з'єднання в нижньому куті, які можна з'єднати з верхнім кутом розкривного меню.

На початок сторінки

Додавання елементів керування до форм

Фігура

Поради

Гіперпосилання

Якщо перетягнути фігуру Гіперпосилання на сторінку, відкриється діалогове вікно Гіперпосилання, у якій можна встановити об'єкт посилання.

Button

Клацніть правою кнопкою миші фігуру Кнопки, щоб установити стан або вигляд кнопки (наприклад, увімкнуто або вибрано).

Список

Контейнер для елементів списку. Клацніть правою кнопкою миші поле Список, щоб установити напрямок списку (наприклад, згори вниз або зліва направо). Додайте елемент списку, клацніть його правою кнопкою миші, щоб установити стан (наприклад, увімкнуто або вибрано), і встановіть покажчики місця заповнення, щоб додати до елемента додаткове місце, наприклад, щоб додати піктограму. Крім того, можна скористатися контекстним меню, щоб додати інші елементи списку, або клацнути синю стрілку Вставлення.

Вибравши список, можна скористатися вкладкою Формат у розділі Знаряддя для контейнерів , щоб змінити стиль списку.

Прапорець

Клацніть правою кнопкою миші прапорець, щоб установити вибір (наприклад, Вибрано або Знято) і Стан (наприклад , Увімкнуто або Під час наведення курсору).

Елемент керування деревом

Контейнер для елементів керування деревом. Додайте елемент керування деревом, клацніть правою кнопкою миші елемент, щоб керувати відступом, і встановіть властивості дерева, наприклад розгорнутий або згорнутий стан і пробіли покажчиків місця заповнення.

Крім того, можна скористатися контекстним меню, щоб додати інші елементи керування деревом, або клацнути синю стрілку Вставлення.

Вибравши елемент керування "Дерево", можна скористатися вкладкою Формат у розділі Знаряддя для контейнерів , щоб змінити стиль елемента керування "Дерево".

Повзунок голосової пошти

Клацніть повзунок правою кнопкою миші, щоб установити такі властивості, як кількість і розташування поділок. Перемістіть повзунок за допомогою жовтого керівного маркера.

Індикатор перебігу

Перемістіть індикатор перебігу виконання за допомогою жовтого керівного маркера.

Календар

Коли ви відпустите календар на сторінку, з'явиться діалогове вікно, у якій можна встановити місяць і рік. Щоб змінити настройку пізніше, клацніть фігуру правою кнопкою миші та виберіть команду Настроїти.

На початок сторінки

Потрібна додаткова довідка?

Потрібні додаткові параметри?

Ознайомтеся з перевагами передплати, перегляньте навчальні курси, дізнайтесь, як захистити свій пристрій тощо.

Спільноти допомагають ставити запитання й відповідати на них, надавати відгуки та дізнаватися думки висококваліфікованих експертів.