昨天上完了宋老師的Flex與Flash的特效應用，看到範例中使用了HD影片，畫面看起來只能用一個爽字來形容，今天又恰巧有朋友問到Flex怎麼全螢幕播放，讓梅干頓時間楞了一下，好像梅干還沒在Flex下作過全螢幕播放，於是就想說，若把HD影片放到螢幕來看應該會更爽快， 哈～果真！那效果真的讚！但礙於網路頻寬問題，所以範例只好把影片拿掉了，不過沒關係，最重要的部分在於，如何在Flex下以全螢幕來播放，按下ESC鍵畫面立即切換回來，其實這也很常在Youtube網站中見到。
gifPlay.mxml
<?xml version=“1.0” encoding=“utf-8”?>
mx:Style
Application{
paddingLeft:0;
paddingRight:0;
paddingBottom:0;
paddingTop:0;
backgroundGradientColors:#000000 , #000000;
backgroundColor:#000000;
}
Label{
font-size:12px;
color:#ffffff;
}
Button{
cornerRadius: 0;
highlightAlphas: 1, 0;
fillAlphas: 1, 1, 1, 1;
fontSize: 11.5;
}
/mx:Style
import flash.display.StageDisplayState;
private function init(evt:Event):void {
//監聽目前場景的顯示模式
Application.application.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenHandler);
}
private function fullScreenHandler(evt:FullScreenEvent):void {
if (Application.application.stage.displayState == “normal”){
Screen(null);
}else{
Screen(“full”);
}
}
//滑鼠按下切換顯示模式:正常/全螢幕
private function toggleFullScreen():void {
if (Application.application.stage.displayState == “normal”)
{
Application.application.stage.displayState=StageDisplayState.FULL_SCREEN;
Screen(“full”);
}
else
{
Application.application.stage.displayState=StageDisplayState.NORMAL;
Screen(null);
}
}
private function Screen(s:String):void{
if(s == null){
this.statelb.text=”顯示模式:正常”;
this.btn.label=”全螢幕播放”;
}else{
this.statelb.text=”顯示模式:全螢幕”;
this.btn.label=”關閉全螢幕播放”;
}
}
修改FullScreen.html
範例預覽：
[範例下載] ※解壓密碼：minwt.com