产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

图片放大缩小案例详解

[复制链接]
ccccc 发表于 2014-6-17 18:47:42 | 显示全部楼层 |阅读模式

立即注册,下载精品资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 ccccc 于 2014-6-17 18:48 编辑

图片放大/缩小,并保持中心位置不变。
思路:
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

图片放大缩小(三).rar

74.52 KB, 下载次数: 60

图片放大缩小的rp文件

评分

参与人数 1金币 +10 收起 理由
Vegeta + 10 厉害!奖励10金币!

查看全部评分

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|产品经理之家 ( 粤ICP备12078725号 )

GMT+8, 2024-3-29 01:13

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表