5 мин. на чтение (слов - 1087)

Как создать адаптивный проект в ActivePresenter 7

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

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

Давайте узнаем, как создать адаптивный проект в ActivePresenter 7.

Создание адаптивного проекта

Существует два способа создания адаптивного проекта:

  • Запустите ActivePresenter и выберите «Адаптивный проект» на начальной странице:
  • В редакторе нажмите кнопку ActivePresenter (1) и выберите «Адаптивный проект» (2):

В ActivePresenter имеется пять адаптивных макетов по умолчанию, которые соответствуют самым популярным размерам экрана устройств:

  • Настольный ПК с разрешением экрана 1280 x 620.
  • Планшет альбомная с разрешением экрана 1024 x 674.
  • Планшет книжная с разрешением экрана 768 x 930.
  • Мобилка альбомная с разрешением экрана 667 x 345.
  • Мобилка книжная с разрешением экрана 375 x 522.

Управление адаптивным макетом

Теперь рассмотрим операции, которые можно совершать с адаптивным макетом.

Изменение текущего рабочего макета

Для переключения между макетами можно щелкнуть непосредственно один из макетов на панели «Адаптивный проект».

Или нажмите кнопку (3) на этой панели и выберите макет из меню.

Добавление макета

ActivePresenter позволяет легко добавлять новые макеты в проект. Для этого сделайте следующее:

  1. Нажмите кнопку раскрывающегося списка (3) на панели «Адаптивный проект».
  2. Выберите «Добавить новый» (4) и выберите один из двух дополнительных вариантов:
  • Выберите один из предустановленных макетов.
  • Создайте пользовательский макет, нажав на «Другой...» Придумайте название и настройте размер нового макета, затем нажмите OK.

Изменение названия макета

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

  1. Нажмите кнопку раскрывающегося списка (3) на панели «Адаптивный проект».
  2. Нажмите «Переименовать...» (5) и введите новое название во всплывающем диалоговом окне, затем нажмите OK.

Удаление макета

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

  1. Нажмите кнопку раскрывающегося списка (3) на панели «Адаптивный проект».
  2. Выберите пункт «Удалить...» (6) и выберите «Да» во всплывающем окне.

Изменение ширины макета

Чтобы изменить ширину макета, переместите ползунок «Размер макета» влево или вправо.

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

Изменение высоты макета

Изменить высоту макета можно на панели «Свойства» или перетаскивая маркер высоты макета.

  1. На панели «Свойства» нажмите кнопку «Свойства слайда» (7).
  2. Отметьте чекбокс «Высота макета» (8) в разделе «Высота макета». Этот параметр отображает маркер высоты макета на холсте.
  3. Введите значение в поле «Высота макета» (9).
Или можно перетащить маркер вверх или вниз, чтобы соответственно уменьшить или увеличить высоту.

Изменение высоты слайда

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

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

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

  1. На панели «Свойства» откройте вкладку «Свойства слайда» (7).
  2. Отметьте чекбокс «Нестандартная высота слайда» (10). Этот параметр включает нестандартную высоту слайда.
  3. Введите значение в поле «Нестандартная высота слайда» (11).

Изменение положения объекта

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

Изменение режима размещения объекта

Режим размещения устанавливает точное положение объекта на слайде проекта.

Чтобы изменить это значение объекта:

  1. Выберите объект и перейдите на вкладку «Размер и свойства» (12) на панели «Свойства».
  2. Перейдите в раздел «Преобразование» (13) и выберите один из четырех режимов («По отношению к верхнему левому краю», «По отношению к верхнему правому краю», «Про отношению к нижнему правому краю» и «По отношению к нижнему левому краю»).

Изменение положения и размера объекта

Эти значения («Влево», «Верх», «Вправо» и «Низ») определяют положение объекта на слайде.

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

Чтобы изменить эти значения:

1. Выберите объект и перейдите на вкладку «Размер и свойства» (12) на панели «Свойства».

2. Перейдите в раздел «Преобразование» (13) и настройте значения «Верх», «Влево», «Вправо», «Низ», «Ширина» и «Высота» (в процентах или пикселях).

Изменение единицы измерения положения объекта

Можно изменить значение единицы измерения положения объекта между процентами (%) и пикселями (px).

  1. Выберите объект и перейдите на вкладку «Размер и свойства» (12) на панели «Свойства».
  2. Перейдите к разделу «Преобразование» (13) и получите доступ к выпадающим спискам единиц измерения (14) рядом с полями размеров.
  3. Выберите «%», «px» или «Авто» (для высоты).
  • Выберите «%», если хотите, чтобы позиция объекта была в процентах.
  • Выберите «px», если хотите, чтобы позиция объекта выражалась в пикселях.
  • Выберите «Авто» в поле «Высота», чтобы сохранить пропорции.

Конвертация между адаптивным и неадаптивным проектом

ActivePresenter позволяет конвертировать из адаптивных проектов в неадаптивные проекты, и наоборот.

Для этого выполните следующие действия:

  1. Нажмите кнопку ActivePresenter.
  2. Выберите «Проект», затем выполните одно из следующих действий:
  • Выберите «Преобразовать в неадаптивный проект», если текущий проект является адаптивным.
  • Выберите «Преобразовать в адаптивный проект», если текущий проект не является адаптивным.

Теперь вы знаете, как создать адаптивный проект и как управлять его макетом в ActivePresenter 7.


Вопросы для самопроверки:

  1. Чем адаптивный дизайн отличается от неадаптивного?
  2. Сколько адаптивных макетов есть в ActivePresenter 7 по умолчанию?
  3. Можно ли создать нестандартный макет?
  4. Какие действия можно совершать с макетом?
  5. Перечислите режимы размещения объектов.
  6. В каких единицах можно устанавливать значения при настройке размещения объектов?
  7. Какому параметру можно присвоить значение «Авто»?
  8. Можно ли вращать объект?
  9. Изменится ли размер или положение объекта при смене единицы измерения?
  10. Можно ли преобразовать адаптивный проект в недаптивный? А наоборот?

Домашнее задание:

  1. Создайте адаптивный проект из набора стандартных макетов.
  2. Создайте нестандартный адаптивный проект, например, для своего мобильного устройства, если его нет в списке стандартных макетов.

Закон соответствия
4 основных преимущества электронных тестов

Читайте также: