วิธีการทำให้แฟลชย่อขยายตามการซูมของ Web Browser! by Ziah

โดยปกติแล้ว Flash ที่เราใส่ในเว็ปต่างๆ เวลาที่เรา Zoom เข้าหรือออกใน Web Browser แฟลชจะยังคงขนาดเดิม อาจจะขยายหรือย่อกรอบการมองเห็น แต่ไม่ทำให้ขนาดส่วนต่างๆในแฟลชขยายเข้าออกตามไปด้วย

ในตอนแรกที่ไม่ได้ค้นคว้าเพราะคิดว่าถ้าทำคงต้องใช้เวลา และคงมีปัญหาบ้าง แต่แท้ที่จริงแล้วมันง่ายมากๆเลยครับ เพียงแค่ใส่ฟังก์ชั่นเข้าไป 1 ตัวแล้วใส่ Event ให้กับ Application ของเราเท่านั้นเอง !!

ก่อนใส่ฟังก์ชั่น

- ขั้นแรกเราก็ทำการใส่ฟังก์ชั่นด้านล่างลงในตัว Mxml Application หลักของเรา ซึ่งโค็ดดังกล่าวจะทำการกำหนดค่าต่างๆ ซึ่งจะมีการตั้งค่า Stage ให้แสดงผลทั้งหมด และขยายหรือย่อตัว Application จนเต็มพอดีกับตัวStage

private function stretchHandler():void{
stage.scaleMode = StageScaleMode.SHOW_ALL;
stage.align = StageAlign.TOP;
this.width = stage.stageWidth;
this.height = stage.stageHeight;
}


จากนั้นก็ใส่ Event addedToStage=”stretchHandler()” ที่หัว Application นั้นๆ เพื่อให้เริ่มมีการตั้งค่มทุกๆครั้งที่มีการเปลี่ยนแปลง Stage ตัวอย่าง

<s:Application xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" height="600"  width="760" addedToStage="stretchHandler()" >

เพียงเท่านี้แฟลชของเราก็จะย่อขยายตามการซูมของ Web Browser แล้ว!

หลังใส่ฟังก์ชั่น