Shulou(Shulou.com)06/02 Report--

Today, I will talk to you about what is the implementation method of Flex full screen. Many people may not know much about it. In order to let everyone know more, Xiaobian summarizes the following contents for everyone. I hope everyone can gain something according to this article.

Flex Full Screen Method Introduction

Recently, in the workflow process design tool-related content, web applications use a relatively standard distribution method, that is, the layout of the top, left and right, the result is that the design interface of the design tool is relatively small, when encountering a more complex process, it feels that the design process is relatively compact, and the usability of the design tool is not good enough. To solve this problem, you need to support Flex full-screen mode.

Flex full screen can be achieved in the following ways:

◆ FullScreen mode using Flex is implemented as follows:

1 Modify the index.template.html file under html-template folder and add "allowFullScreen","true" in AC_FL_RunContent; add "allowFullScreen="true"in embed.

2 Switch to full screen mode by setting the value of stage.displayState to StageDisplayState.FULL_SCREEN.

Disadvantages:

Although Flex can be switched to full-screen mode in this way, controls such as InputText in Flex cannot be edited, and "PressEscToExistFullScreen" appears in the center of Flex. Therefore, this method cannot meet the design requirements.

Of course, there was still a way to remove the subtitles that appeared in the center, although removing them did not change the result. To remove the "PressEscToExistFullScreen" caption in the center, see:

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

This article explains how to remove subtitles from IE, Flex, and Firefox.

◆ Simulate Flex full-screen mode through showModalDialog, remove toolbar, menu bar and address bar from showModalDialog, and set width and height to screen width and height. However, this approach is more complex to implement because it involves data synchronization issues, and the synchronization method varies according to the complexity of the project and requirements. A simpler way is to synchronize the data to the main page when showModalDialog is closed. Because this way is complex and error-prone, it has not been implemented. Interested friends can try it themselves.

Emulate IE's F11 full-screen mode. When the user selects Flex full-screen mode, simulate the F11PressDown event of IE, hide the address bar, menu bar, toolbar, etc. of IE, and hide the upper and left Frame at the same time, so that the right Frame is displayed in full screen, achieving the expected effect.

The F11PressDown event simulation mode of IE is implemented as follows:

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

There are many ways to hide Frame, of course, so I won't introduce it in detail.

Disadvantages:

This method requires users to modify IE security options, specifically:

Tools>Internetoptions>Security>CustomLevel ActiveXcontrolsandplug-ins>InitializingandScriptActiveXcontrolsnotmarkedassafe>Enable

If the above option is not set to Enable, an automationservercan'tcreateobject error is reported.

After reading the above, do you have any further understanding of how Flex full-screen is implemented? If you still want to know more knowledge or related content, please pay attention to the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.