5.设置网页背景
html:
我们使用css为背景设置颜色。
<style type="text/css">
body
{
background-color:#616378;/*蓝色理想的背景颜色*/
}
</style>
flash:
在属性面板里设置背景色#616378
看看设置背景图:
html:
<style type="text/css">
body
{
background-color:#616378;/*蓝色理想的背景颜色*/
background-image:url(images/test.jpg);
background-repeat:repeat;
}
</style>
flash里:
文件菜单，导入》导入到库...,把test.jpg导入到库。
库面板里，选择test.jpg右键菜单，链接，为actionscript导出，链接标识为test
然后在时间轴第一帧加入:
import flash.display.BitmapData;
var tile:BitmapData = BitmapData.loadBitmap("test");
this.beginBitmapFill(tile);
this.lineTo(Stage.width,0);
this.lineTo(Stage.width,Stage.height);
this.lineTo(0,Stage.height);
this.lineTo(0,0);
this.endFill();
附上图片:
但是如果拖拽缩放播放器窗口，发现背景图并没有一起平铺。我们加入如下:
Stage.scaleMode = "noScale";
Stage.align = "L";
Stage.align = "L";
发现有点类似html里的背景位置设置属性background-position里的left center;
同样Stage.align = "TL"就对应left top依次类推，"BL"=left bottom,“TR=top right当然了，默认是center center,我们推拽窗口时，时背景图是居中的。
由于noScale所以没有缩放。
我们修改如下:
import flash.display.BitmapData;
Stage.scaleMode = "noScale";
Stage.align = "TL";
Stage.align = "TL";
var stageListener:Object = new Object();
stageListener.onResize = function() {
trace("w:"+Stage.width+"， h:"+Stage.height);
bgTile();
};
Stage.addListener(stageListener); //onResize
stageListener.onResize = function() {
trace("w:"+Stage.width+"， h:"+Stage.height);
bgTile();
};
Stage.addListener(stageListener); //onResize
bgTile();//初始状态
function bgTile()
{
var tile:BitmapData = BitmapData.loadBitmap("test");
this.beginBitmapFill(tile);
this.lineTo(Stage.width,0);
this.lineTo(Stage.width,Stage.height);
this.lineTo(0,Stage.height);
this.lineTo(0,0);
this.endFill();
}
{
var tile:BitmapData = BitmapData.loadBitmap("test");
this.beginBitmapFill(tile);
this.lineTo(Stage.width,0);
this.lineTo(Stage.width,Stage.height);
this.lineTo(0,Stage.height);
this.lineTo(0,0);
this.endFill();
}
现在已经具备了平铺的能力。
本文转自 xcf007 51CTO博客，原文链接：http://blog.51cto.com/xcf007/292969
，如需转载请自行联系原作者
