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

开发 后端
本文向大家简单介绍一下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. <!--http://blog.Flexexamples.com/2007/08/07/creating-full-screen-Flex-applications/--> 
  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全屏下做不到屏蔽右键的功能

【编辑推荐】

  1. Flex全屏实现方法揭秘
  2. 解析Flex全屏模式设置方法
  3. Flex及FlexBuilder2.0开发环境详解
  4. FlexBuilder3.0与Eclipse3.4的完美结合
  5. Flex内存泄露解决方法和内存释放优化原则

 

 

责任编辑:佚名 来源: 163.com
相关推荐

2010-07-29 15:09:19

Flex全屏

2010-07-29 14:58:49

Flex全屏模式

2010-08-03 11:35:19

Flex全屏

2010-08-09 14:54:58

Flex全屏

2010-08-03 11:29:09

Flex全屏

2010-01-26 17:36:17

Android实现全屏

2021-11-15 23:39:03

Windows 10Windows微软

2009-12-24 14:38:52

WPF全屏幕窗口

2010-01-04 09:39:39

Silverlight

2009-07-16 16:09:51

Swing全屏幕模式

2012-04-19 16:22:12

TitaniumTabGroup

2009-08-18 11:09:23

VirtualBoxUbuntu全屏

2011-07-29 10:51:41

iPhone 全屏显示 视图

2011-03-11 10:44:57

Ubuntu 11.0Dash

2009-12-30 14:22:12

Silverlight

2013-05-23 10:26:27

Chrome for google

2013-12-16 10:53:06

移动应用全屏模式

2022-02-21 15:05:09

LauncherOpenHarmon鸿蒙

2011-08-16 13:08:34

windows7游戏全屏

2012-04-23 14:49:25

StoneOS上网行为管理Hillstone
点赞
收藏

51CTO技术栈公众号