图片放大缩小案例详解

图片放大/缩小，并保持中心位置不变。
思路：
1、所需部件：两个动态面板、两个按钮、一张图片。

2、要使先图片中心位置不变，需要用动态面板嵌套动态面板的方法。当图片放大/缩小时，先移动外层的动态面板位置，再改变内层动态面板大小，需要让外层面板移动速度和内层面板改变大小的速度一致。

3、为避免鼠标多次移入移出导致图片晃动不停，使用两个按钮，一个点击后放大，一个点击后缩小。并且使缩小按钮初始状态为禁用。

4、勾选外层动态面板属性中的“调整大小以适应内容”复选框。以保证不论图片放大到多少都可以全部显示，以后修改图片放大尺寸时也可以全部显示。大家可以试试。

5、图片作为内层动态面板背景图像，重复：“拉伸以包含”。使图片放大时能自动填充所有区域。

6、对“放大”按钮设置用例：鼠标点击时：移动外层动态面板，移动绝对位置到[[Target.x-50]]，[[Target.y-50]]，线性，500毫秒；设置内层动态面板大小为300,300，线性，500毫秒；禁用“放大”按钮；启用“缩小”按钮。

7、对“缩小”按钮设置用例：鼠标点击时：移动外层动态面板，移动绝对位置到[[Target.x+50]]，[[Target.y+50]]，线性，500毫秒；设置内层动态面板大小为200,200，线性，500毫秒；禁用“缩小”按钮；启用“放大”按钮。

北京优艺致尚科技有限公司网站为您提供更多源文件下载，敬请关注。http://www.ueidear.com