来源:AIR Tip 2: Going Fullscreen
AIR的一个重要特性就是允许使用全屏模式。诚然这种模式可能被滥用-但如何运用合理的话,它毕竟可以带给我们更多的思路。一个非常好的使用全屏模式的例子是Danier Dura的Twittercamp。当你点击这个程序的标志图片(位于右下角)时,它会打开一个全屏的窗口。这种形式非常适用于展示一些介绍信息-就像在一个等离子或液晶的电视上。
版本:这个教程将基于AIR Beta3(现在AIR已经有了1.0的正式版–译者注)
AIRBeta3的新特性:在AIR Beta3之前的版本中只提供了两种显示模式:普通模式和全屏模式。全屏模式并不是一个支持交互的模式。这就意味着在全屏状态下,用户不能完成一些交互的任务(比如在一个文本框中输入文本)。现在,AIR Beta3提供了第三种模式:全屏交互模式。
使用ActionScript进入全屏模式:AIR应用的主场景拥有一个displayState属性,同时AIR的运行时框架中也包含了一个StageDisplayState类,这个类为三种不同的场景模式定义了3个静态常量。使用这些类你可以让你的AIR应用进入下述的任意一种模式(下面是示例代码)。
1.// Enter Fullscreen Interactive State
2.stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE;
3.// Enter Standard Fullscreen State
4.stage.displayState = StageDisplayState.FULL_SCREEN;
5.// Enter Normal State
6.stage.displayState = StageDisplayState.NORMAL;
使用JavaScript进入全屏模式:用实现的逻辑上讲使用JavaScript和ActionScript的机制是一样的,但是引用的类的路径不同。请看以下的示例代码:
1.// Enter Fullscreen Interactive State
2.window.nativeWindow.stage.displayState = runtime.flash.display.StageDisplayState.FULL_SCREEN_INTERACTIVE;
3.// Enter Standard Fullscreen State
4.window.nativeWindow.stage.displayState = runtime.flash.display.StageDisplayState.FULL_SCREEN;
5.// Enter Normal State
6.window.nativeWindow.stage.displayState = runtime.flash.display.StageDisplayState.NORMAL;
示例程序
这个示例程序展示了三种不同的显示模式。你可以注意到程序中的文本框只能在普通和全屏交互模式下使用。下面你可以下载这个程序的源码:

Sample Application
AIR File
Flex Application Code
Source Code
HTML / Javascript Application Code
Source Code
admin#flashas.net (#为@) 联系QQ:
:40777822
浙ICP备06033001号