AMPHTML 广告、视频广告和图片广告均不支持此组件。
“图片按钮”组件是一个具有三种视觉状态的按钮：
- 鼠标未按下时的图片 - 用户未与该按钮互动时的默认图片
- 鼠标悬停其上时的图片 - 用户鼠标悬停在该按钮上方时的图片
- 鼠标按下时的图片 - 用户点击该按钮时的图片
通过指定这三种图片，您可以轻松创建能够直观呈现响应状态的按钮。
要在项目中使用图片按钮组件，请执行以下操作：
- 打开组件面板，然后打开互动文件夹。
- 将图片按钮
组件拖到场景中。
- 在属性面板的图片按钮属性部分，输入鼠标未按下时的图片、鼠标悬停其上时的图片和鼠标按下时的图片对应的网址。如果图片源文件是本地文件，请点击字段中的浏览
按钮，从计算机文件系统中选择图片。
属性
| 属性 | 说明 |
|---|---|
| 名称 | 组件名称。 |
| 鼠标未按下时的图片 | 按钮处于未按下状态时所用的按钮图片的网址。可引用外部网址（“https://www.google.com/example.jpg”）或素材资源库中的素材资源（“assets/example.jpg”）。可以绑定到动态数据。 |
| 鼠标悬停其上时的图片 | 按钮处于鼠标悬停状态时所用的按钮图片的网址。可引用外部网址（“https://www.google.com/example.jpg”）或素材资源库中的素材资源（“assets/example.jpg”）。可以绑定到动态数据。 |
| 鼠标按下时的图片 | 按钮处于按下状态时所用的按钮图片的网址。可引用外部网址（“https://www.google.com/example.jpg”）或素材资源库中的素材资源（“assets/example.jpg”）。可以绑定到动态数据。 |
| 背景 | 图片小于组件区域时显示在图片周围的颜色。可以绑定到动态数据。 |
| 对齐 |
图片在组件内的对齐方式：
|
| 缩放方式 |
如何显示与组件大小不同的图片
|
| 已停用 | 停用该按钮。默认情况下处于未选中状态。 |
事件和操作
“图片按钮”组件发送的事件您可以根据以下图片按钮组件事件触发其他操作：
| 事件 | 说明 |
|---|---|
| 已加载图片按钮 | 当所有按钮图片都已加载完毕时发送。 |
如需在事件对话框中选择上述某个事件，请将“图片按钮”组件设为目标。
以下图片按钮组件操作可由其他事件触发：
| 操作 | 配置选项 |
|---|---|
| Toggle enable | 无 |
| Set images |
|
在事件对话框中选择上述某个操作时，请将“图片按钮”组件设为接收方。
了解如何配置事件。
预览
此组件在 Google Web Designer 界面内无法预览。要查看该组件的实际运作情况，请点击右上角的预览 