Flex

Flex教學-全螢幕播放FullScreen

梅干 2009/08/27
梅問題-flex教學-全螢幕播放FullScreen
  昨天上完了宋老師的Flex與Flash的特效應用,看到範例中使用了HD影片,畫面看起來只能用一個爽字來形容,今天又恰巧有朋友問到Flex怎麼全螢幕播放,讓梅干頓時間楞了一下,好像梅干還沒在Flex下作過全螢幕播放,於是就想說,若把HD影片放到螢幕來看應該會更爽快, 哈~果真!那效果真的讚!但礙於網路頻寬問題,所以範例只好把影片拿掉了,不過沒關係,最重要的部分在於,如何在Flex下以全螢幕來播放,按下ESC鍵畫面立即切換回來,其實這也很常在Youtube網站中見到。

gifPlay.mxml 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; } 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
將發佈完成的html,用記事本開啟,並加入"allowFullScreen", "true"
梅問題-flex教學-全螢幕播放FullScreen

範例預覽:

[範例下載] ※解壓密碼:minwt.com