Axure中热区的用法

Axure中有一个元件叫热区，它的作用是什么样的呢？

热区是一个透明元件，常利用它的透明性。这个元件允许你放在任何区域上并在元件上添加交互。常用于按钮或者给某张图片添加热区。

热区可用来创建自定义按钮上的点击区域。例如：使用多个元件，如图片、文字、形状，来创建一个高保真度的按钮，则需要在这些部件上添加热区并添加一次交互动作，而不需要分别在每个元件上添加事件。此外，我们可以利用热区给一张图片添加多个交互或者给一张图片的某部分区域添加交互。

举个例子：下图中，我想给右边的卡片（包括图片、标题、介绍、按钮、外框）加一个点击跳转到百度首页的事件，显然我一个个给这些（图片、标题、介绍、按钮、外框）元件去加事件显然很费时间，而且重复大量相同的步骤，效率低下。这个时候，我们使用热区，给热区添加一个点击跳转百度首页的事件，然后将这个热区覆盖在右边的卡片上，则 *** 作点击后，就能实现事件效果。看，这热区，用起来是不是简单高效！

什么是热区呢？

热区，从字面意思来看的话，就是热点区域，也就是所谓的反应区域的意思。

在我个人平时的应用中，都是添加一些反应事件的区域使用的。

举个例子：

图标大小100*100，但是我需要在鼠标经过200*200的区域实现效果，这种就可以在图标的上层加上200*200的热区，做相应的事件反映区域了。

ps：这只是我实际应用场景的一个案例，其实我们平时了解了元件的性质后，可以应用一切适合的场景，不要束缚你的想象。

热区的其他用法：

1、可以添加成链接（譬如增大某处的反应区域时，添加热区作为反应区域比较好使）

2、跳转到层或区域（譬如微博的右侧方的＂回到顶部＂）

3、可以添加交互（譬如在做微博原型时，在翻到此处热区时自动加载下方更多）

ax有的热区点不了解决步骤如下：

1、Axure软件进入联系页面(链接跳转)。

2、将一个热区拉长，长度足够覆盖三个名片中的邮箱长度即可。

3、对热区添加点击跳转事件。

4、运行页面，可发现鼠标移入后，三个邮箱同时可以点击，点击后均可触发点击事件，跳转至指定页面。

---