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

2025-05-04 00:58:15

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、觉得不错的话,请投个票,加个赞哦~

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢