Flash AS3教程:随图片大小而动态改变的图框

作者凌众技术来源网页制作浏览发布时间 2012-03-08

　这是一个为图片加框的效果，画框依据图片的大小而动态改变。（单击下面可以看到效果）

演示：

1、新建一个Flash文件，宽、高设置为550*420，背景黑色。

2、准备4张大小不同规格的图片，最大的宽、高不要超过530*380。

3、导入图片：在文件菜单选导入=>导入到库。如图1：

4、图层1，改名为图片。拖第一个图片到舞台将它转换成影片剪辑。命名”Image 1 ″设定注册点居中。如图2：

5、重复第4步，拖入其它的3张图片到舞台，任意摆放。命名”Image 2 ″，”Image 3 ″，”Image 4 ″，库面板如图3：

6、给舞台上的实例命名“image1”至“image4”。

7、隐藏图层1，添加图层2。图4：

8、图层2改名为边框，用矩形工具，填充色禁止，笔触白色，高度为4像素，画一个长方形边框。

9、将长方形转换为影片剪辑，设置注册点居中。舞台实例命名为“imageBorder”。图5：

10、添加图层3，命名为as，输入代码：
//Import TweenMax (we use it for animation)

import gs.*;

//Save the center coordinates of the stage

var centerX:uint = stage.stageWidth / 2;

var centerY:uint = stage.stageHeight / 2;

//Let’s add the images to an array

var imagesArray:Array = new Array(image1,image2,image3,image4);

//This variable will store the current image displayed

var currentImage:MovieClip = null;

//Make the border invisible at first

imageBorder.alpha = 0;

//Loop through the array elements

for (var i:uint = 0; i < imagesArray.length; i++) {

//We want all the images to be invisible at the beginning

imagesArray[i].alpha = 0;&

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 3 4 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash技术面临的威胁:苹果不支持和HTML5标准下一篇: AS 3.0的TransitionManager类制作动画

关于Flash AS3教程:随图片大小而动态改变的图框的所有评论

随机推荐