三大方法实现Flex全屏

开发 后端
本文向大家介绍一下Flex全屏的几种方法,通过使用Flex全屏模式的使用可以是设计的流程更加紧凑,设计工具的易用性更好。

在学习Flex的过程中,你可能会遇到Flex全屏方面的问题,这里和大家分享一下Flex全屏的方法,相信本文介绍一定会让你有所收获。

Flex全屏方法介绍

最近在做工作流的流程设计工具相关的内容,web应用使用了比较标准的分布方式,即上、左、右的布局方式,这样做的结果就是设计工具的设计界面相对较小,当遇到比较复杂的流程时就感觉设计的流程比较紧凑,设计工具的易用性不够好。为了解决这个问题,需要支持Flex全屏模式。

想了下,可以通过以下方式实现Flex全屏:

◆使用Flex的FullScreen模式,具体实现方式为:

1.修改html-template文件夹下的index.template.html文件,在AC_FL_RunContent中增加:"allowFullScreen","true";在embed中增加:allowFullScreen="true"。

2.通过设置stage.displayState的值为StageDisplayState.FULL_SCREEN来切换到全屏模式。

缺点:

使用这种方式虽然能够将Flex切换到全屏模式,但是Flex中的InputText等控件是无法编辑的,而且在Flex的中央会出现"PressEscToExistFullScreen"。因而这种方式无法满足设计需求。

当然,中央出现的字幕还是有办法去掉的,虽然去掉之后并不能改变结果。去掉中央的"PressEscToExistFullScreen"字幕的方法请见:

http://stackoverflow.com/questions/1415436/flex-fullscreen-translate-edit-press-esc-to-exit-fullscreen-mode

该文章讲解了去掉IE,Firefox中Flex全屏后字幕的方法。

◆通过showModalDialog来模拟Flex的全屏模式,showModalDialog中去掉工具栏、菜单栏、地址栏,同时将宽度和高度设置成屏幕的宽度和高度。但是这种方式实现起来比较复杂,因为涉及到数据同步的问题,同步的方式根据项目的复杂程度和需求要求不同而不同。比较简单的方式是在关闭showModalDialog时将数据同步主页面。因为这种方式实现复杂,容易出错,所以没有进行实现,有兴趣的朋友可以自己试试。

◆模拟IE的F11的全屏模式。当用户选择全屏模式的时候,模拟IE的F11PressDown事件,隐藏掉IE的地址栏、菜单栏、工具栏等,同时将上部和左部的Frame隐藏掉,让右边的Frame全屏显示,达到预期的效果。
IE的F11PressDown事件模拟方式实现如下:

  1. varshell=newActiveXObject('WScript.Shell')  
  2. shell.SendKeys('{F11}'); 

Frame的隐藏方法当然有很多,就不详细介绍了。

缺点:

这种方式需要用户修改IE的安全选项,具体方法为:

  1. Tools>Internetoptions>Security>CustomLevel  
  2. ActiveXcontrolsandplug-ins>InitializingandScriptActiveXcontrolsnotmarkedassafe  
  3. >Enable 

如果没有将上面选项设置成Enable,那么会报:automationservercan'tcreateobject错误。

【编辑推荐】

  1. 解析Flex全屏效果实现方法
  2. Flex全屏原理和局部全屏方法
  3. Flex全屏实现方法揭秘
  4. 揭开Flex正则表达式的神秘面纱
  5. FlexBuilder开发方法及特点解析 

 

 

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

2010-07-29 13:41:57

Flex性能优化

2010-07-29 15:09:19

Flex全屏

2010-08-03 11:29:09

Flex全屏

2010-08-03 11:22:43

Flex全屏

2010-07-27 13:05:12

Flex

2010-07-29 14:58:49

Flex全屏模式

2010-08-03 11:35:19

Flex全屏

2018-11-12 13:45:05

Hadoop攻击互联网

2017-07-11 04:16:30

大数据数据大数据应用

2009-07-24 13:01:44

ASP.NET页面跳转

2019-11-25 13:26:49

物联网电池智能功耗

2009-09-01 09:37:15

C#写文件

2009-08-21 16:59:42

VMware Play

2010-08-26 14:30:21

DB2并发度

2009-07-28 10:36:37

ASP.NET读取Ex

2009-08-28 11:43:26

C#数组初始化

2010-08-10 10:23:30

Flex浏览器标题

2017-01-03 09:39:23

2010-08-13 14:39:57

Flex布局

2010-08-11 16:30:49

Flex DataGr
点赞
收藏

51CTO技术栈公众号