flash : flash ขยายเต็มจอ (liquid layout หรือ full browser flash)

ทำให้ flash เราข้อความขนาดเท่าเดิม แต่ พื้นหลังขยายได้เต็ม browser และ ยืดหดได้ด้วย


อันนี้คือ bg เป็น file แบบ bitmap และสามารถทำเป็น bg แบบ tile ได้นะจ๊ะ


ลองดูวีดีโอตัวอย่าง ได้ที่
http://www.gotoandlearn.com/play?id=31
ขนาดประมาณ 40+ mb ได้อ่า


STEP:


1) file> import to Library "รูปวางตรงกลาง (ต่อไปนี้จะเรียกว่า PIX นะ)" กะ "รูปพื้นหลัง (ต่อไปนี้จะเรียกว่า MYBG นะ)"

2) ลาก รูป PIX มาวางตรงกลาง stage / แล้ว "click ขวา" เลือก "convert to symbol" เป็นแบบ "movie clip" / แล้วข้างๆมันจะมี จุด 9 จุด จะมีจุดนึงสีดำอยู่ "เลือกให้มันจุดตรงกลาง" คือ PIX จะได้อยู่ใน ตำแหน่ง center ตลอด / แล้วค่อยกด "OK"

3) ไปที่ Library / click ขวา ที่ รูป MYBG เลือก "Linkage" / ใส่ตรงช่อง "identifier" ว่า "MYBG" (หรืออะไรก็ได้ แต่ต้องจำชื่อเรียกนี้ให้ได้นะ) / แล้วก็กดปุ่ม "OK"

4) ใน flash หน้า stage ก็ใส่ action acript ตามนี้ไป ใน keyframe ใด keyframe นุง

******************************************************

import flash.display.BitmapData;

PIX._x = Stage.width / 2;
PIX._y = Stage.height / 2;

var MYBG:BitmapData = BitmapData.loadBitmap("MYBG");

function fillBG() {
this.beginBitmapFill(MYBG);
this.moveTo(0,0);
this.lineTo(Stage.width,0);
this.lineTo(Stage.width,Stage.height);
this.lineTo(0,Stage.height);
this.lineTo(0,0);
this.endFill();
}

fillBG();

var stageL:Object = new Object();
stageL.onResize = function() {
fillBG();
PIX._x = Stage.width / 2;
PIX._y = Stage.height / 2;
}

Stage.addListener(stageL);

******************************************************

5) ไปที่ File > Publish Setting /
ตั้งค่า ที่ HTML tab ว่า...
- Dimensions : Percent 100x100 percent
- Scale: no scale
- Flash alignment: Left Top
- แล้วก็กด Publish 1 ที
- แล้วค่อยกด OK

4) จากนั้น ที่ file "index.html" ของเรา
ก็ใส่ file .swf ลงไปใน body
***แต่กำหนดค่า style ใน head ว่า

CODE

<style>

body {margin:0px;padding:0px;}

</style>
ให้ไม่มีขอบ

เท่านี้ก็เรียบร้อย

ขอบคุณความรู้จาก gotoAndLearn().com