• 【设为首页】
  • 【收藏闪客居】
当前位置:主页>AIR>文章内容
  • [翻译]AIR TIP2:全屏应用
  • 来源:52ria.com 作者:稻草 2008-04-30 【

来源: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





上一篇:[翻译]AIR TIP3:我的程序版本是什么   下一篇:[翻译]AIR TIP1:检测你的网络连接
您的评论
  • 用户名:新注册) 密码: 匿名评论
  • 评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规)

Copyright © 2006-2008 flashas.net All Rights Reserved.
网站内容咨询: admin#flashas.net (#为@) 联系QQ:40777822 浙ICP备06033001号
(本网站最佳浏览解析度为1024*768, 建议使用IE 6.0或以上版本浏览器。)