Axure中热区的使用
发布网友
共1个回答
热心网友
Axure中的热区功能有何作用？接下来，我将通过一个具体案例进行详细介绍。
首先，我们在Axure中创建一个类似于移动端的列表。现在，我们希望点击列表中的某个项后能够跳转至页面1。
为了实现这一目标，很多同学可能会尝试以下方法：
方法一：将背景框、图片、文字等元素全部设置为单击-链接到页面1的事件。这样，无论点击列表的哪个区域都可以实现跳转。但这种方式操作起来较为繁琐，且每次调整都需要修改所有相关元素。
方法二：将背景框、图片、文字等元素全选后，右键选择“组合”，然后基于组合设置单击-链接到页面1的事件。这样，点击组合的任何区域都可以实现跳转。但如果在调整页面时取消组合，事件可能会出现问题。因此，这种方法也不太适用。
方法三：拖入一个矩形块，覆盖整个列表，然后将矩形块的透明度设置为完全透明。在矩形块上设置单击-链接到页面1事件。这种方式虽然可行，但当页面复杂、列表较多时，使用大量矩形块会导致Axure文件变得很大。同时，调整矩形透明度后，在Axure中无法直观地看到事件触发范围。
既然上述方法都存在不足，那么如何避免这些缺点呢？这时，我们可以使用热区。热区的使用方法类似于矩形覆盖，但其本身是透明的，预览时也看不到它。此外，我们还可以清晰地看到事件的触发范围，占用空间小，几乎规避了上述三种方法的不足。
热区设置如下：
最终效果如下：
