手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure如何给图片增加点击效果HotSpot使用方法

时间:2024-10-20 13:22:40

1、首先打开Axure,我们能很清楚的看到Axure的功能分区,在中央白色操作去讲我们需要制作的图片拷贝进去。

Axure如何给图片增加点击效果HotSpot使用方法

2、找到左侧部件库中公共(common)部件,在公共(common)部件库中找到Hotspot部件,鼠标将其直接拖拽到白色操作区图片上方。

Axure如何给图片增加点击效果HotSpot使用方法

3、选中拖入的Hotspot,点击右侧中间的样式按钮,调整Hotspot的大小及样式。PS:当然也可直接通过拖动Hotspot边缘改变Hotspot的大小。

Axure如何给图片增加点击效果HotSpot使用方法

4、同样选中拖入的Hotspot,双击右上方交互功能模块下的‘鼠标单击时’按钮。

Axure如何给图片增加点击效果HotSpot使用方法

5、弹出用例编辑器,在用例编辑器中可以设定鼠标点击时,触发什么样的效果,这里我们选择在当前窗口打开一个地址链接。如图所示

Axure如何给图片增加点击效果HotSpot使用方法

6、最后,保存并发布,点击图片,页面跳转到百度首页。

Axure如何给图片增加点击效果HotSpot使用方法
© 手抄报圈