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

5.設定網頁背景

html:

我們使用css為背景設定顔色。

<style type="text/css">

body

{

background-color:#616378;/*藍色理想的背景顔色*/

}

</style>

flash:

在屬性面闆裡設定背景色#616378

看看設定背景圖:

background-image:url(images/test.jpg);

background-repeat:repeat;

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是以沒有縮放。

我們修改如下:

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

現在已經具備了平鋪的能力。

 本文轉自 xcf007 51CTO部落格，原文連結：http://blog.51cto.com/xcf007/292969，如需轉載請自行聯系原作者