本文介绍了如何在Axure中利用热区元件实现复杂的交互设计，包括用热区让二级菜单出现和消失，以及点击图片不同区域触发不同交互。通过设置热区的点击事件和显示/隐藏交互，可以实现更精细的用户体验设计。
新建了站点： https://congge-ready2learn.com/，已经将已发布的axure学习内容同步到，欢迎收藏看看。
先放一张上一章提过的框架图。
2.3.3 热区怎么玩儿？
如果跟着上一篇《元件怎么玩儿？–Axure自学–学会20%的功能，满足80%的日常使用（2）》实操过的胖友们应该知道，需要设计某种交互动作时（如点击、双击等），是需要基于某个元件对象的。换句话说，需要选中某个元件对象，然后在右侧的交互面板INTERACTIONS进行交互设计。
那么问题来了， 如果我希望有交互的地方，没有其他可见的元件怎么办？或者我希望有交互的地方，是某个元件的某个部分（比如图片的左边/图片的右边）怎么办？ 举个大家都用过的小功能作为栗子：点击某个一级菜单，弹出二级菜单窗口，如果我不需要选择二级菜单中的选项，则鼠标点击二级菜单范围外的某一空白处，二级菜单窗口消失。
示意如下：
实现这个小功能，就可以借助热区Hot Spot这个元件了。把热区元件拖动到画布中，可以看到一个绿色的透明小框框，它可以作为交互
最低0.47元/天 解锁文章
3744
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
