Этот компонент не поддерживается в объявлениях AMPHTML, видеорекламе и графических объявлениях.
- Кнопка не нажата – стандартное изображение, которое показывается, если пользователь не взаимодействует с кнопкой.
- На кнопку наведен указатель – изображение, которое показывается, если пользователь наводит курсор на кнопку.
- Кнопка нажата – изображение, которое показывается, если пользователь нажимает кнопку.
Этот компонент позволяет создать кнопку на основе трех изображений, внешний вид которой меняется при взаимодействии.
Как использовать в проекте компонент "Графическая кнопка"
- Откройте панель компонентов, а затем папку Взаимодействие.
- Перетащите компонент Графическая кнопка в рабочую область.
- На панели Свойства в разделе компонента Графическая кнопка введите URL изображений для состояний Кнопка не нажата, На кнопку наведен указатель и Кнопка нажата. Чтобы использовать локальный файл изображения, нажмите кнопку Обзор и выберите файл на компьютере.
Свойства
Свойство | Описание |
---|---|
Название | Название компонента. |
Кнопка не нажата | URL изображения кнопки, когда она не нажата. Может ссылаться на внешний URL (https://www.google.com/example.jpg) или объект в библиотеке (assets/example.jpg). Можно связать с динамическими данными. |
На кнопку наведен указатель | URL изображения кнопки, когда на нее наведен указатель. Может ссылаться на внешний URL (https://www.google.com/example.jpg) или объект в библиотеке (assets/example.jpg). Можно связать с динамическими данными. |
Кнопка нажата | URL изображения кнопки в нажатом состоянии. Может ссылаться на внешний URL (https://www.google.com/example.jpg) или объект в библиотеке (assets/example.jpg). Можно связать с динамическими данными. |
Фон | Цвет фона, который виден, если изображение меньше, чем область компонента. Можно связать с динамическими данными. |
Выравнивание |
Выравнивание изображения внутри компонента:
|
Масштаб |
Вы можете выбрать параметр отображения изображений, размер которых отличается от компонента.
|
Отключено | Отключает кнопку. По умолчанию флажок снят. |
События и действия
События, отправляемые компонентом "Графическая кнопка"Перечисленные ниже события компонента "Кнопка изображения" могут инициировать другие действия.
Событие | Описание |
---|---|
Графическая кнопка загружена | Отправляется, когда все изображения кнопки загружены. |
Чтобы выбрать одно из этих событий в диалоговом окне Событие, установите компонент "Графическая кнопка" как цель.
Другие события могут вызывать действия в компоненте "Кнопка изображения".
Действие | Параметры настройки |
---|---|
Toggle enable | Нет |
Set images |
|
Чтобы выбрать одно из этих событий в диалоговом окне Событие, установите компонент "Графическая кнопка" как получатель.
Подробнее о том, как настраивать события…
Предварительный просмотр
Этот компонент нельзя просмотреть в интерфейсе Google Web Designer. Чтобы увидеть компонент в действии, просмотрите документ в предпочитаемом браузере, нажав кнопку Предварительный просмотр в правом верхнем углу окна.