Создание каркасной схемы для пользовательского интерфейса
Applies ToVisio, план 2 Visio профессиональный 2024 Visio профессиональный 2021 Visio профессиональный 2019 Visio профессиональный 2016

Шаблон каркаса в Visio профессиональный и Visio, план 2 предназначен для создания макетов программных приложений со средней точностью. Шаблон можно использовать для различных типов программного обеспечения, таких как приложения для Windows, Интернет и мобильные устройства.

  1. Выберите набор элементов Диалоговые окна и перетащите на страницу форму "Приложение" или "Диалоговое окно". Чтобы отразить базовую структуру пользовательского интерфейса, добавьте из этого набора элементов другие фигуры.

  2. Чтобы добавить меню и другие значки приложения, выберите набор элементов Панели инструментов.

  3. Чтобы заполнить пользовательский интерфейс и продемонстрировать работу приложения, воспользуйтесь фигурами из остальных четырех наборов элементов по умолчанию (Элементы управления, Курсоры, Основные значки и Веб- и мультимедиазначки).

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

В этой статье

диалоговые окна Create

Фигура

Советы

Форма приложения

Контейнер, который определяет границы всего приложения. В точке соединения, расположенной в правом верхнем углу, находятся фигуры кнопок Windows.

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

Контейнер для размещения значков, элементов управления и текста диалоговых окон. В точке соединения, расположенной в правом верхнем углу, находятся фигуры кнопок Windows.

Кнопка Windows

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

Измените параметры затенения кнопки, щелкнув ее правой кнопкой мыши и выбрав команду Активно.

Строка состояния

Контейнер для элементов строки состояния, значков и разделителей. Элементы строки состояния представляют собой панели средней длины, на которые двойным щелчком мыши можно добавлять текст. Эти элементы также снабжены центральной точкой соединения, предназначенной для добавления значков, индикаторов выполнения, ползунков и других фигур. Значки строки состояния представляют собой короткие панели с центральной точкой соединения, с помощью которой можно добавлять значки из разделов Обычные значки и Значки для Интернета и мультимедиа. Разделители строки состояния предназначены для визуального разграничения других фигур.

Полоса прокрутки

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

Маркер изменения размера

Используется только для полосы прокрутки и строки состояния. После добавления этой фигуры на страницу открывается диалоговое окно, в котором можно настроить тип маркера.

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

Контейнер для вкладок. После добавления элемента "Верхняя вкладка" или "Нижняя вкладка" дополнительные элементы можно добавлять, щелкая вкладку правой кнопкой мыши или щелкая синюю стрелку "Вставка", которая появляется (выделена оранжевым) при наведении указателя мыши на угол вкладки.

Измените параметры затенения вкладки, щелкнув ее правой кнопкой мыши и выбрав команду Активно.

При выборе панели вкладок можно изменить ее стиль с помощью вкладки Формат в разделе Инструменты для контейнера.

К началу страницы

панели инструментов Create

Фигура

Советы

Строка меню

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

Раскрывающееся меню

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

С элементом строки меню можно связать раскрывающееся меню. Для этого необходимо соединить точку соединения в нижнем углу элемента строки меню с точкой соединения в верхнем углу раскрывающегося меню.

К началу страницы

Добавление элементов управления в формы

Фигура

Советы

Гиперссылка

После добавления на страницу гиперссылки открывается диалоговое окно "Гиперссылки", в котором можно указать цель ссылки.

Кнопка

Щелкните кнопку правой кнопкой мыши и задайте ее состояние и внешний вид (например включена или выбрана).

Список

Контейнер для элементов списка. Щелкните список правой кнопкой мыши, чтобы задать его направление (например сверху вниз или слева направо). После добавления элемента списка щелкните его правой кнопкой мыши и задайте его состояние (например включен или выбран), а также заполнители, если необходимо дополнительное место, например для значков. Добавить дополнительные элементы списка можно с помощью контекстного меню или синей стрелки "Вставка".

Чтобы изменить стиль списка, выделите его и воспользуйтесь вкладкой Формат в разделе Инструменты для контейнера.

Флажок

Щелкните флажок правой кнопкой мыши и задайте значение Выбор (например, Установлен или Снят) и Состояние (например, Включен или При наведении указателя).

Элемент управления "Дерево"

Контейнер для элементов управления дерева. После добавления элемента управления дерева щелкните его правой кнопкой мыши и задайте отступы элемента управления и свойства дерева, например состояние (свернуто или развернуто) и место под заполнители.

Добавить дополнительные элементы дерева можно с помощью контекстного меню или синей стрелки "Вставка".

При выборе элемента управления дерева можно изменить его стиль с помощью вкладки Формат в разделе Инструменты для контейнера.

Ползунок

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

Индикатор выполнения

Чтобы переместить индикатор выполнения, воспользуйтесь желтым управляющим маркером.

Календарь

После добавления на страницу календаря открывается диалоговое окно, в котором можно указать месяц и год. Чтобы изменить эти настройки в дальнейшем, щелкните календарь правой кнопкой мыши и выберите команду Настроить.

К началу страницы

Нужна дополнительная помощь?

Нужны дополнительные параметры?

Изучите преимущества подписки, просмотрите учебные курсы, узнайте, как защитить свое устройство и т. д.

В сообществах можно задавать вопросы и отвечать на них, отправлять отзывы и консультироваться с экспертами разных профилей.