Axure7.0 图片的动态放大与缩小

尹广磊 · 发表于 2014-4-16 11:50:44

得manlancelot提醒才注意到Axure7.0的动态面板可以设置背景，并且背景可以拉伸。

同时Axure7.0的交互动作里可以控制面板的大小。

有这两个特性基本上就可以做图片的动态放大与缩小了。

原理：

1. 拖入一个面板，进入面板状态，在编辑区下方设置面板的背景图片，并选择重复“拉伸以包含”。
2. 放大和缩小是先通过函数获取当前面板的宽度和高度，然后乘上一个数字决定它的放大缩小比例。
3. 放大缩小后需要再将面板移动到合适的位置。相对位置移动，根据面板是放大了还是缩小了，计算面板的中线的位置该往哪个方向移动，以保证在放大缩小后图片还是在原来位置的中心。

示例文件：

axure7放大与缩小.rp (132.53 KB, 下载次数: 1277)

----------------------------------------------------------------------

补充另一个示例，让面板放大到浏览器窗口大小。

面板拉伸.rp (82.08 KB, 下载次数: 420)

eocho · 发表于 2014-4-16 13:16:41

辛苦了，非常感谢

manlancelot · 发表于 2014-4-17 14:26:57

感谢老师解答问题。

Diana-luo · 发表于 2014-4-18 14:07:03

老大又分享了~

陈镜秋 · 发表于 2014-5-13 15:36:00

:victory:感觉不错啊,现在使用6.5汉化版的,赶紧换成7.0的试试先

qinhan365 · 发表于 2014-5-15 23:03:20

老大威武~ 酷!

BelKong · 发表于 2015-10-13 20:48:19

感谢分享:)

kiling · 发表于 2015-11-19 17:18:49

感谢分享

willho · 发表于 2016-3-22 13:55:44

感谢分享

ansonqin · 发表于 2016-4-14 11:18:14

你好，无法下载你的示例呀，怎么是.php文件呢