Axure设计:简单的图片细节局部放大

2024-10-12 06:26:51

1、新建一图片,导入喜欢的图,命名为pic,尺寸为320*200

Axure设计:简单的图片细节局部放大

3、另新建一“动态面板”,命名为display,尺寸为320*200;

4、编辑“动态面板:display”的“state1”:插入一张新图,命名为bigpic,尺寸为800*500

Axure设计:简单的图片细节局部放大

6、设置“动态面板:board”拖动时的交互~

Axure设计:简单的图片细节局部放大

8、其中,移动设置为“拖动”;

9、界限以“图片:pic”上下左右为界,所以设置“图片:pic”为局部变量LVAR1;顶部大于[[LVAR1.top]];底部小于[[LVAR1.bottom]];右侧小于[[LVAR1.right]];左侧大于[[LVAR1.left]];

Axure设计:简单的图片细节局部放大Axure设计:简单的图片细节局部放大

10、动作2:---1.移动“图片:bigpic”;2.设置拖动的界限;---

Axure设计:简单的图片细节局部放大Axure设计:简单的图片细节局部放大Axure设计:简单的图片细节局部放大

15、不过,还有些问题,及有待优化的地方~留在下一篇了!

16、觉得不错的话,请投个票,加个赞哦~

猜你喜欢