Flex全屏原理和局部全屏方法

最新推荐文章于 2025-04-22 15:38:43 发布

原创最新推荐文章于 2025-04-22 15:38:43 发布 · 309 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Flash #设计模式 #Adobe #Go

Flex 专栏收录该内容

197 篇文章

订阅专栏

本文介绍了Flex全屏显示的基本原理及其与Flash全屏的区别与联系，并提供了两种局部Flex全屏的方法，包括使用stage对象的fullScreenSourceRect属性和通过调整组件尺寸来实现。

本文向大家简单介绍一下Flex全屏的原理和局部Flex全屏的几种方法，Flex全屏和flash全屏其实是相似的，都是由as控制的。

本文和大家重点讨论一下Flex全屏的原理和局部Flex全屏的几种方法，Flex全屏和flash全屏其实是相似的，都是由as控制的，当选择以Flex全屏显示的时候，会自动更改swf的高和宽，以Flex全屏幕显示整个swf。

Flex全屏

1.Flex全屏的原理：

Flex全屏和flash全屏其实是相似的，都是由as控制的，当选择以Flex全屏显示的时候，会自动更改swf的高和宽，以Flex全屏幕显示整个swf。

2.局部Flex全屏的两种方法：

一、使用在flash.display包中有一个stage对象，它有一个属性是fullScreenSourceRect:Rectangle，设置FlashPlayer以将特定的舞台区域放大到Flex全屏模式。

二、Flex全屏时调整某组件的高度和宽度，铺满整个屏幕，当退出Flex全屏时，要还原组件的高度和宽度。

3.Flex全屏的代码实现：

第一种方法：

1. //valid,willenablehardwarescaling
2. stage.fullScreenSourceRect=newRectangle(0,0,320,240);——详细代码可以查看Flex帮助

第二种方法：（注意：在Application中添加的初始化函数，使用的是applicationComplete事件）

1. <?xmlversionxmlversion="1.0"encoding="utf-8"?>
2. 
3. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="vertical"
4. applicationComplete="init(event)"viewSourceURL="srcview/index.html">
5.
6. <mx:Script>
7. <![CDATA[
8. importflash.display.StageDisplayState;
9.
10. privatefunctioninit(evt:Event):void{
11. /*Setupfullscreenhandler.*/
12. Application.application.stage.addEventListener(FullScreenEvent.FULL_SCREEN,fullScreenHandler);
13. dispState=Application.application.stage.displayState;
14. }
15.
16. privatefunctionfullScreenHandler(evt:FullScreenEvent):void{
17. dispState=Application.application.stage.displayState+"(fullScreen="+evt.fullScreen.toString()+")";
18. if(evt.fullScreen){
19. /*Dosomethingspecifichereifweswitchedtofullscreenmode.*/
20. }else{
21. /*Dosomethingspecifichereifweswitchedtonormalmode.*/
22. }
23. }
24.
25. privatefunctiontoggleFullScreen():void{
26. try{
27. switch(Application.application.stage.displayState){
28. caseStageDisplayState.FULL_SCREEN:
29. /*Ifalreadyinfullscreenmode,switchtonormalmode.*/
30. Application.application.stage.displayState=StageDisplayState.NORMAL;
31. break;
32. default:
33. /*Ifnotinfullscreenmode,switchtofullscreenmode.*/
34. Application.application.stage.displayState=StageDisplayState.FULL_SCREEN;
35. break;
36. }
37. }catch(err:SecurityError){
38. //ignore
39. }
40. }
41. ]]>
42. </mx:Script>
43.
44. <mx:Stringidmx:Stringid="dispState"/>
45.
46. <mx:Labeltextmx:Labeltext="width={Application.application.width}"/>
47. <mx:Labeltextmx:Labeltext="height={Application.application.height}"/>
48. <mx:Labeltextmx:Labeltext="displayState={dispState}"/>
49.
50. <mx:Buttonlabelmx:Buttonlabel="Togglefullscreen"click="toggleFullScreen()"/>
51.
52. </mx:Application>
53.

--------------------------------------------------并修改index.template.html：-------------------------------------------

1. AC_FL_RunContent(
2. "src","main",
3. "width","100%",
4. "height","100%",
5. "align","middle",
6. "id","main",
7. "quality","high",
8. "bgcolor","#869ca7",
9. "name","main",
10. "allowScriptAccess","sameDomain",
11. "type","application/x-shockwave-flash",
12. "pluginspage","http://www.adobe.com/go/getflashplayer",
13. "allowFullScreen","true"
14. );

注意：

1、Application.application.stage.displayState=StageDisplayState.FULL_SCREEN;
//必须把它放到按钮或键盘事件中，否则在AS2.0里会被忽略，AS3.0里会抛出以下异常SecurityError:Error#2152:不允许使用Flex全屏模式。atflash.display::Stage/setdisplayState()

2、Flex全屏下Flash文本框无法输入，设计界面请勿支持Flex全屏，而且Flex全屏下做不到屏蔽右键的功能