Axure设计：优化“图片局部放大”

1、上一篇，介绍图片局部放大，使用了拖动方式，和本篇优化稍有出入~

2、新建一图片，导入喜欢的图，命名为pic，尺寸为400*250；（图片尺寸可自定义，展示受限百度限制）

3、新建一”矩形“，命名为board，尺寸为200*125；并设定填充颜色为#00FF00，不透明：20%；设置为“隐藏”；置于”图片：pic”上方；如下图所示：

7、以下分别设置”组合：area“的”鼠标移动时“和”鼠标移出时“的交互的动作~

8、先是简单的”鼠标移出时“的交互动作：---隐藏”动态面板：display“；隐藏”矩形：board“；---

9、”鼠标移动时“的交互动作：

11、动作2：---1.移动”矩形：board“；2.设置移动的界限；---

16、其中，移动设置为“到达”；

17、设置“动态面板：board”为愁抉痊歪局部变量LVAR1，“图片：pic”为局部变量LVAR2；所以，X值为[[(LVAR2.x-LVAR1.x)*2]]，Y值为[[(LVAR2.y-LVAR1.y)*2]]；如下图所示：

18、设置“动态面板：display”为局部变量LVAR1，“图片：bigpic”为局部变量LVAR2；所以移动的界限，顶部大于[缪梨痤刻[LVAR1.height-LVAR2.height]]；左侧大于[[LVAR1.width-LVAR2.width]]；

19、恩，别看设置交互动作不多~但也挺搞脑筋的~来看看最后的效果吧~

21、觉得不错的话，请投个票，加个赞哦~