《Flash建站技术》系列2-步入web殿堂

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"; 

发现有点类似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"; 

var stageListener:Object = new Object(); 
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();
}

现在已经具备了平铺的能力。