Axure设计：优化“图片局部放大”( 二 ) _8

所以，
顶部年夜于[[LVAR1.top]]；
底部小于[[LVAR1.bottom]]；
右侧小于[[LVAR1.right]]；
左侧年夜于[[LVAR1.left]]；

15动作3：
---
1.移动”图形：bigpic“；
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恩，别看设置交互动作不多~但也挺搞脑子的~
来看看最后的结果吧~

20比拟，我更喜好下面这个结果，不知看官，能实现吗？（很简单的哦~）

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

以上内容就是Axure设计：优化“图片局部放大”的内容啦，希望对你有所帮助哦！

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