axure教程|axure之图片拖动放大缩小
大家好,我是macw小编,今天给大家带来一个axure拖动图片可以改变大小尺寸的教程。axure教程很简单的,几步就搞定了。
动态效果演示:
教程开始:
1、首先准备元件,两个文本标签分别起名字width、height(用于获取图片的宽度跟高度),一张图片(转换为动态面板)。
如图:
2、两个文本标签,分别载入时候获取图片的宽度即width、高度height,然后隐藏。
如图:
3、图片转为动态面板后,设定事件动态面板拖动时,设置图片的宽度=文本标签width+TotalDragX(这个函数的意思是:鼠标指针拖动元件从开始到结束的X轴移动距离。)设置图片的高度=文本标签height+TotalDragY(意思是:鼠标指针拖动元件从开始到结束的Y轴移动距离)。
如图:
4、继续设定动态面板事件,拖动结束时,设置文本标签width=当前图片的宽度,设置文本标签height=当前图片的高度。
如图:
总结:拖动图片改变尺寸不难,大家熟练掌握TotalDragX、TotalDragY指针函数即可。
相关文章
Axure在浏览器中预览时文字大小错误失效的解决办法
在用Axure设计时,有时候需要用到较小的文字来表达注释、标签等内容。但是在用浏览器预览时,会遇到设置的字号无效的情况。
浏览:47次更新:2021-02-21
Axure 10新功能:全新的动态面板视图
Axure 10已将上线了,Axure RP 10当前处于Beta版,仅适用于拥有有效Axure RP 9许可证或订阅的客户。今天macw小编带大家详细了解一下Axure 10的新功能。
浏览:159次更新:2021-02-22
Acrobat常见问题——如何在Acrobat和Reader中对PDF打印进行故障排除?
Adobe Acrobat 和Reader 是macos上专业的pdf阅读编辑器,本文详细讲解了如何在Acrobat和Reader中对PDF打印进行故障排除?希望对你有帮助!
浏览:51次更新:2021-02-23
Axure9教程:如何实现淘宝模糊搜索框?
提到淘宝的搜索,大家都能想到在这个搜索框输入关键词后出现的一系列联想词。那么这种效果如何通过Axure做出来呢?又有哪些要点呢?
浏览:78次更新:2021-02-28