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

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；

3、回到page，新建一个触发装置（我这里是一个shape按钮）然后动作为onclick；
4、进入case editor，action那边选择set panel size，然后在configure actions里选择要放大缩小后图片的比例，当然，也可以通过函数来设置图片变化后的大小。

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

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

恩，以上。

放大缩小图片.rar (389.26 KB, 下载次数: 57)

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

试了一下，重新移动一下面板的位置就可以了。
http://www.hiaxure.com/thread-9413-1-1.html