首页 > 代码库 > AxureRP7.0基础教程系列 部件详解图片热区 HOT SPOT WIDGET

AxureRP7.0基础教程系列 部件详解图片热区 HOT SPOT WIDGET

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

图片热区 HOT SPOT WIDGET



图片热区是一个不可见的(透明的)层,这个层允许你放在任何区域上并添加交互。

使用案例


自定义按钮

图片热区可以用来创建自定义按钮上的点击区域
在上面说的例子中,我们使用了图片部件、文字部件、形状按钮部件,我们只需在这些部件上面添加一个图片热区并添加一次事件即可,无需在每个部件上都添加事件。

 




给图片添加热区

如果你想给一张图片上添加多个交互,就可以给图片添加热区来实现。
上面的例子中,我给一张图片的多个区域添加了图片热区和交互。

 



编辑图片热区

图片热区在生成的原型中是透明的(不可见的),如果你想在设计区域中也将其设置为透明,点击 菜单 -- 视图 -- 遮罩 -- 取消勾选图片热区即可。


AxureRP7.0基础教程系列 部件详解图片热区 HOT SPOT WIDGET