图像热区的功能一

尹广磊

学习目标：

图像热区有两种不同的用法，本篇先学习它的功能一。


知识补充：

见下图，图像热区在编辑状态下是浅绿色的，但是在生成后它是透明的。




教程开始：

图像热区可以加盖在一些组件上面，然后在图像热区上添加交互动作能起到一些特殊的效果。


示例一：

像下图这样，有一组新闻标题，做演示时这一组标题实际打开的都是同一个演示链接。
如果每一个标题都加一次链接就比较麻烦，此时就可以利用“图像热区”控件来做一些技巧。




见下图，用一个“图像热区”把整个标题区域盖住，然后只需要在图像热区上加一次链接即可。
生成后由于图像热区是透明的，因此不影响演示效果，但是这样操作提高了编辑效率。




示例二：

像下图这样，有一个人物信息，其中有头像、姓名、职业，这是三个不同的控件。
将来在演示时肯定是鼠标点击在任何一个上面都可以打开该人物的链接，
此时同样可以利用图像热区，加盖整个区域，然后在热区上加一个链接。




示例三：

像下图这样有一张图片，你只希望图片中的按钮处可以点击，而不是整张图片可以点击。
就可以往图片的局部加盖一块图像热区，然后在热区上添加链接。

提示：图像热区只有矩形形态，不能变化其它的形状。




示例文件：

张梓图

棒

mathlogic

学习利用图像热区区域链接点击

李红

webppd:angel 以学习，图像热区-----热区部分可以直接链接到其他界面。:)

潮潮学习axsure

给图像热区添加一个链接，点击被图像热区覆盖的控件均可跳转至该链接！好东西！

CC蟹

get