这篇教程是向大家介绍Flash AS3制作画框随图片的大小而动态改变方法,这是一个为图片加框的效果,画框依据图片的大小而动态改变。
1、新建一个闪光文件,宽、高设置为550*420,背景黑色。
2、准备四张大小不同规格的图片,最大的宽、高不要超过530*380。
3、导入图片:在文件菜单选导入=导入到库。
4、图层1,改名为图片。拖第一个图片到舞台将它转换成影片剪辑。命名"图片1"设定注册点居中。
5、重复第四步,拖入其它的3张图片到舞台,任意摆放。命名"图像2"、"图像3"、"图像4",库面板
6、给舞台上的实例命名"图片1 "至图4 .
7、隐藏图层1,添加图层2。
8、图层2改名为边框,用矩形工具,填充色禁止,笔触白色,高度为四像素,画一个长方形边框。
9、将长方形转换为影片剪辑,设置注册点居中。舞台实例命名为图像边框。
10、添加图层3,命名为作为,输入代码:
复制代码
代码如下:
//导入TweenMax(我们用它来做动画)
导入gs .*;
//保存舞台的中心坐标
var centex:uint=阶段。舞台宽度/2;
var centerY:uint=stage。舞台高度/2;
//让我们将图像添加到一个数组中
var images数组:Array=新数组(image1,image2,image3,image4);
//这个变量将存储当前显示的图像
var当前图像:电影剪辑=null
//首先使边框不可见
图像边框。alpha=0;
//循环遍历数组元素
for(var I:uint=0;i imagesArray.lengthi ) {
//我们希望所有的图像在开始时都是不可见的
imagesArray[i].alpha=0;
//将图像的索引保存到名为"图像索引"的变量中
imagesArray[i].图像索引=I;
}
//当用户在舞台上单击鼠标时,我们会进行监听
舞台。addevent侦听器(鼠标事件.点击,舞台点击);
//当用户单击舞台时调用此函数
函数单击的阶段(e:鼠标事件):void {
//检查当前图像是否不为空
if (currentImage!=null) {
//动画显示当前图像
TweenMax.to(currentImage,1,{ alpha:0 });
//检查我们是否在图像阵列的末尾
如果(当前图像。图像索引==图像数组。长度-1){
//将数组的第一幅图像设置为当前图像
当前图像=图像数组[0];
}否则{
//我们不在数组的末尾,所以从数组中获取下一个图像
当前图像=图像数组[当前图像。图像索引1];
}
}否则{
//如果当前图像为空(=我们刚刚开始播放电影),我们设置数组中的第一个图像
//成为我们现在的形象。
当前图像=图像数组[0];
//将边框的希腊字母的第一个字母设置为0.5
imageBorder.alpha=0.5
}
//将当前图像和边框定位到舞台中央
当前图像。x=图像边框。x=centerX
当前图像。y=图像边框。y=centerY
//根据当前图像的尺寸动态显示边框的宽度和高度。
//我们还为图像边框添加了漂亮的发光效果
TweenMax.to(imageBorder,0.5,{width: currentImage.width 8,height: currentImage.height 8,
发光滤镜:{ color:math。random()*0x ffffff,alpha:1,blurX:20,blurY:20,强度:100,质量:1 } });
//动画显示当前图像的希腊字母的第一个字母
TweenMax.to(currentImage,1,{ alpha:1 });
}
11、全部完工,测试影片。注意:把总表类库保存在鞭毛同一目录下。
教程结束,以上就是Flash AS3制作画框随图片的大小而动态改变教程,希望能对大家有所帮助,谢谢阅读!