Урок 5. Работа в режиме дизайнера


Смотреть видео

В этом уроке мы подробно рассмотрим работу пользователя в режиме дизайнера в приложении Dr. Explain.

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

Режим дизайнера состоит из следующих компонентов:

  • Панель инструментов дизайнера
  • Рабочая область дизайнера
  • Закладка "Области контролов"
  • Закладка "Редактор экрана"
  • Область, отображающая свойства выбранного управляющего элемента

На панели инструментов дизайнера расположены следующие кнопки:

  • кнопки, позволяющие выровнять элементы по левому краю, по правому краю, кверху, книзу
  • кнопки, позволяющие распределить элементы горизонтально и вертикально.
  • кнопки, позволяющие сделать управляющие элементы одного размера.

Для того чтобы сделать эти кнопки доступными, необходимо выбрать несколько выносок.

  • кнопки вставки, удаления сносок.

При вставке новой сноски не обходимо заполнить в соответствующем поле ее наименование и описание.

  • кнопка, позволяющая скрыть выбранную сноску.
  • кнопка «Настройки дизайнера аннотаций», при нажатии которой вы можете самостоятельно выбрать дизайн для сносок.
  • кнопка «Заменить экран» позволяет заменить снимок экрана путем захвата нового либо вставки его из файла.
  • кнопка «Размеры изображения экрана», при нажатии которой можно настроить точный размер изображения либо сбросить его параметры в значение по умолчанию.
  • кнопки масштаба
  • кнопки, скрывающие/отображающие управляющие элементы и сетку.

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

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

На закладке "Редактор экрана" вам доступны функции, позволяющие отредактировать захваченную область экрана, добавить в нее необходимые надписи

В области «Описание управляющего элемента» вы также можете добавить/изменить его описание, изменить название, стиль описания.

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

В этом уроке мы рассмотрели работу с приложением Dr. Explain в режиме дизайнера.

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



 Урок 4. Вставка темы с анатированным экраном | Описание курса | Урок 6. Работа с единым источником