manlancelot 发表于 2014-4-15 16:53:59

关于放大缩小图片的组件分享和探讨

恩,第一次发帖,还是这种技术帖,有什么问题也请各位大神积极抛砖:lol

众所周知,axure并不支持图片本身的放大跟缩小,这导致我们在进行原型设计中很多情况下都采取多个dynamic panel的形式去模拟实现,对于像我这种强迫症患者+GEEK来说始终有点美中不足。于是我研究了以下这种放大缩小图片的方式,当然,这种方式还有很多问题。也请大家探讨一下。

以下我先将方法步骤写出来,然后再将这种方法的局限性也简单说下。希望大神能够补充。

1、新建一个dynamic panel,dynamic panel的宽高必须均大于图片的宽高;
2、然后进入他的默认state,在panel state formatting面板里面,将你所需要放大缩小的图片作为背景图片导入进去,并将里面的repeat属性选择为stretch to contain;http://caiyun.feixin.10086.cn/dl/181focYzZ8yc

3、回到page,新建一个触发装置(我这里是一个shape按钮)然后动作为onclick;
4、进入case editor,action那边选择set panel size,然后在configure actions里选择要放大缩小后图片的比例,当然,也可以通过函数来设置图片变化后的大小。http://caiyun.feixin.10086.cn/dl/181focbKtlcN

以下分享我做出来的预览组件,请看附件。

局限性:
1、目前这种方式主要的问题,就是图片以dynamic panel的(0,0)点为原点放大缩小的,无法以中心点或者其他点放大缩小,这样导致类似一些地图的放大缩小功能还是无法真正的实现到,这点也请各位大神帮忙看有没有更好的解决方案(比如通过函数什么的)。
2、由于图片是以背景方式嵌入的,因此如果要对这个图片作出一些其他的操作,估计比较麻烦。

恩,以上。

尹广磊 发表于 2014-4-16 11:51:14

试了一下,重新移动一下面板的位置就可以了。
http://www.hiaxure.com/thread-9413-1-1.html
页: [1]
查看完整版本: 关于放大缩小图片的组件分享和探讨