Контроллер
Узнайте, как создавать прототипы с использованием клавиатуры и геймпада в качестве триггеров.
В Adobe XD можно использовать сочетания клавиш и триггеры геймпада для имитации «родных» приложений для настольных ПК и создания более насыщенного игрового процесса или дизайна. При подключении прототипа вы можете выбрать Клавиши и геймпад в выпадающем списке Триггер и назначить любую клавишу. Тогда вы сможете воспроизвести или записать эти анимации в окне предварительного просмотра, веб-браузере или мобильных приложениях и поделиться ими с участниками проекта для совместной проверки. Так у вас получится лучшая история прототипа с дополнительным богатым слоем.
Можно выбрать Клавиши и геймпад для:
- связывания отдельного объекта или монтажной области с другой монтажной областью;
- Соедините два состояния компонента.
- связывания состояния компонента с другой монтажной областью;
- воспроизведения речи, звука, видео или Lottie.
Работа с триггерами клавиатуры
При создании прототипов некоторых настольных приложений, специальных возможностей, сочетаний клавиш или игр необходима клавиатура для взаимодействия с прототипом. В прототипе следует использовать сочетания клавиш в качестве триггеров для перехода между экранами или состояниями компонентов, либо для воспроизведения речи, аудио, видео или Lottie.
При связывании прототипа выберите Клавиши и геймпад. Затем нажмите любую клавишу на клавиатуре, чтобы назначить ее в качестве триггера для отдельного объекта, состояния компонента или всей монтажной области. Это означает, что вы можете иметь несколько триггеров с одной монтажной области.
A. Триггер, установленный на сочетание клавиш B. Клавиша быстрого вызова C. Действие, установленное на автоматическое анимирование D. Целевой артборд или состояние компонента
Вы также можете комбинировать клавишу с модификатором для определения триггеров с помощью сочетаний клавиш, например CMD S, CTRL R. Нельзя использовать пробел и другие системные клавиши, такие как функциональные клавиши, режим сна, громкость и питание. Когда вы назначаете несколько триггеров с одним и тем же сочетанием клавиш на одной и той же монтажной области, назначается последний установленный триггер, который запускается во время предварительного просмотра.
Работа с триггерами геймпада
Лучший способ протестировать прототип игры — использовать реальный игровой контроллер. В прототипе используйте геймпады в качестве триггеров для перехода между экранами или состояниями компонентов либо для воспроизведения речи, звука, видео или Lottie. Затем взаимодействуйте с прототипом в проигрывателе для настольного ПК или веб-браузере с помощью подключенного игрового контроллера.
Подключите контроллер Xbox (Series X/S или One) через Bluetooth или контроллер PlayStation (DualSense или DualShock 4), через Bluetooth или USB и выберите Клавиши и геймпад. Затем можно нажать любую клавишу на подключенном геймпаде, чтобы назначить ее в качестве триггера для отдельного объекта, состояния компонента или всей монтажной области.
A. Выбор триггера для геймпада B. Кнопка геймпада для быстрого вызова C. Действие, установленное на автоматическое анимирование D. Целевой артборд или состояние компонента
При этом обязательно используйте один и тот же контроллер как для разработки, так и для предварительного просмотра прототипа. Например, вы можете протестировать прототип с помощью контроллера Xbox на настольном ПК или в Интернете, если он был разработан с использованием контроллера Xbox.
Мобильные приложения и мобильные веб-браузеры
XD поддерживает клавиатуры и геймпады для предварительного просмотра в приложении для настольного ПК и для веб-прототипов. Если вы просматриваете прототип в мобильном приложении или мобильном браузере, вы можете переключаться между монтажными областями жестом касания (поскольку к устройству не подключена клавиатура или геймпад).
Поддерживаемые игровые контроллеры и браузеры
USB и Bluetooth поддерживают:
|
|
Mac (USB) |
Mac (Bluetooth) |
Win (USB) |
Win (Bluetooth) |
|
Xbox (Series X/S, One) |
Нет |
Да |
Да |
Да |
|
PlayStation (DualSense, DualShock 4) |
Да |
Да |
Да |
Да |
Поддерживаемые браузеры:
|
Контроллер |
Chrome (Mac) |
Chrome (Win) |
Edge Chromium (Mac) |
Edge Chromium (Win) |
Edge (устаревшая версия) |
IE |
Firefox (Mac и Win) |
Safari |
|
Xbox (USB) |
Нет |
Да |
Нет |
Да |
Нет |
Нет |
Нет |
Нет |
|
Xbox (Bluetooth) |
Да |
Да |
Да |
Да |
Нет |
Нет |
Нет |
Нет |
|
PlayStation (USB) |
Да |
Да |
Да |
Да |
Нет |
Нет |
Нет |
Не рекомендуется |
|
PlayStation (Bluetooth) |
Да |
Да |
Да |
Да |
Нет |
Нет |
Нет |
Не рекомендуется |
Прототип с использованием клавиш клавиатуры или кнопок геймпада
Откройте вкладку Прототип.
Чтобы определить взаимодействие, нажмите на синий соединитель на объекте источника, состоянии компонента или монтажной области. В Инспекторе свойств задайте параметры, описанные ниже.
- Триггер: задайте для типа триггера значение «Клавиши и геймпад» и выберите любую клавишу на клавиатуре или кнопку на геймпаде, чтобы назначить триггер (кроме пробела и других системных клавиш, таких как функциональная клавиша, клавиша перехода в режим сна, клавиши управления громкостью и клавиша питания).
- Тип: выберите любой из доступных типов действий: Transition, Auto-Animate, Overlay, Scroll to, Previous Artboard, Audio Playback, Speech Playback, Video Playback или Lottie Playback.
- Назначение: выберите состояние компонента или монтажную область назначения в раскрывающемся списке (недоступно для некоторых типов действий).
После выбора типа действия установите конкретные параметры для такого типа действия.
Чтобы определить более одного взаимодействия для объекта, состояния компонента или монтажной области
- Выберите его и нажмите кнопку «+» на монтажной области. Можно также нажать кнопку «+» в Инспекторе свойств.
- Задайте свойства в Инспекторе свойств.
Помните, что триггеры Tap, Drag, Hover и Time можно применить один раз, а Voice, Keys & Gamepad — много раз.
Для просмотра изменений на настольном ПК выберите значок Предпросмотр на настольном ПК
.
Чтобы поделиться своим прототипом с участниками проекта из приложения XD для настольных ПК, выберите Поделиться > Настройки обзора > Отзыв об оформлении или Разработка.
Связанные материалы
Проектируйте прототипы пользовательских интерфейсов при помощи Adobe XD
Создавайте интерактивные макеты для веб-сайтов и мобильных приложений.