Flex - 全屏显示功能的实现
作者:hangge | 2016-10-22 10:20
有时候为了使 flex 页面能够更好地进行展示,需要将其全屏显示。这样用户就不会被浏览器上边框、按钮、系统工具栏等干扰。下面演示如何实现全屏功能。
1,配置html页面
首先在我们网页中添加 swf 的地方要增加允许全屏的配置:
<param name="allowFullScreen" value="true" />
如果不配置的话,后面调用会报错“报错SecurityError: Error #2152: 不允许使用全屏模式。”
2,全屏代码
我们可以在按钮的点击事件里添加以下代码。这样点击按钮后页面会在全屏、非全屏状态间相互切换。
3,运行效果
点击全屏后,页面上方会出现一条提示信息,告知用户按“ESC”可以退出全屏状态。这个信息过个几秒会自动消失。
try{ if (Application.application.stage.displayState == StageDisplayState.FULL_SCREEN){ Application.application.stage.displayState = StageDisplayState.NORMAL; }else{ Application.application.stage.displayState = StageDisplayState.FULL_SCREEN; } }catch(e:*){ Alert.show(e, "全屏时发生错误!"); }
3,运行效果
点击全屏后,页面上方会出现一条提示信息,告知用户按“ESC”可以退出全屏状态。这个信息过个几秒会自动消失。
全部评论(0)