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

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

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




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




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

原理：

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


示例文件：


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

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

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文件呢
页: [1]
查看完整版本: Axure7.0 图片的动态放大与缩小