返回 导航

Flex

hangge.com

Flex - 全屏显示功能的实现

作者:hangge | 2016-10-22 10:20
有时候为了使 flex 页面能够更好地进行展示,需要将其全屏显示。这样用户就不会被浏览器上边框、按钮、系统工具栏等干扰。下面演示如何实现全屏功能。

1,配置html页面
首先在我们网页中添加 swf 的地方要增加允许全屏的配置:
<param name="allowFullScreen" value="true" />

如果不配置的话,后面调用会报错“报错SecurityError: Error #2152: 不允许使用全屏模式。

2,全屏代码
我们可以在按钮的点击事件里添加以下代码。这样点击按钮后页面会在全屏、非全屏状态间相互切换。
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)

回到顶部