axure教程|axure之图片拖动放大缩小

时间:2024-03-07 13:24:16

大家好,我是macw小编,今天给大家带来一个axure拖动图片可以改变大小尺寸的教程。axure教程很简单的,几步就搞定了。

 

Axure RP 10 for Mac(交互式原型设计)

Axure RP 10 for Mac(交互式原型设计) v10.0.0.3815汉化激活版

Axure RP10汉化版是最强大的计划,原型设计和交付给开发人员的方法,而无需编写代码。能够制作逼真的,动态形式的原型。

 

 

Axure RP 9 for Mac(交互式产品原型设计工具)

Axure RP 9 for Mac(交互式产品原型设计工具) v9.0.0.3727中文激活版

Axure RP 9 for Mac是Mac平台上的一款专为快速原型设计而生的应用,Axure RP 9 Mac破解版可以辅助产品经理快速设计完整的产品原型,并结合批注,说明以及流程图,框架图等元素,将产品完整地表述给各方面设计人员,如UI 、UE等等,并在讨论中不断完善。

 

动态效果演示:

教程开始:

1、首先准备元件,两个文本标签分别起名字width、height(用于获取图片的宽度跟高度),一张图片(转换为动态面板)。

如图:

2、两个文本标签,分别载入时候获取图片的宽度即width、高度height,然后隐藏。

如图:

3、图片转为动态面板后,设定事件动态面板拖动时,设置图片的宽度=文本标签width+TotalDragX(这个函数的意思是:鼠标指针拖动元件从开始到结束的X轴移动距离。)设置图片的高度=文本标签height+TotalDragY(意思是:鼠标指针拖动元件从开始到结束的Y轴移动距离)。

如图:

4、继续设定动态面板事件,拖动结束时,设置文本标签width=当前图片的宽度,设置文本标签height=当前图片的高度。

如图:

总结:拖动图片改变尺寸不难,大家熟练掌握TotalDragX、TotalDragY指针函数即可。