如何使用热区制作Hover效果？原创

在官方案例的几个项目中，可以看到有很多这样类似的效果，今天这期内容就是教大家如何使用热区制作how效果。首先在UI层的形状组件中选择一个矩形作为文字的底板，接着插入文本内容，调整文本和矩形的样式，再以同样的方式做出其他几个相同的按钮。下一步复制北京、上海、广州这三处文字作为默认状态内容，然后将前面做过的三个按钮全部设置为隐藏效果。下一步在三个按钮上分别添加热区。为了方便接下来的操作，可以把每个热区对应重命名。首先在北京热区的联动设置中。

点击添加事件，事件名称修改为移入显示背景触发条件选择鼠标移入实现动作选择显示隐藏目标对象，选择需要显示的图层，动作细分选择显示动画效果选择界限。接下来在北京社区中添加第二个联动设置的事件，事件名称为移出隐藏背景触发条件选择鼠标移出实现动作选择显示隐藏目标对象，选择需要隐藏的图层，动作细分选择隐动画效果选择禁引。再用同样的方法为文字添加移入显示文字和移出隐藏文字这两个效果。剩下上和广州两处按钮都是同样的制作方法，接下来可以预览一下最终效果。以上就是这期教程的完整内容了，如果您想了解关于瑞塔的最新资讯，可以关注瑞塔实验室公众号获取更多内容。