`
sealbird
  • 浏览: 583968 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

flex3下使用全屏模式

    博客分类:
  • Flex
阅读更多
引用
flex3下使用全屏模式
MXML:

-----------------------------------------

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
   import flash.display.*;
 
   private function Full1(evt:MouseEvent):void
   {
    if (this.stage.displayState == StageDisplayState.FULL_SCREEN)
    {
     this.stage.displayState = StageDisplayState.NORMAL;
     stage.scaleMode = StageScaleMode.NO_SCALE;
    }
    else
    {
     this.stage.displayState = StageDisplayState.FULL_SCREEN;
     stage.scaleMode = StageScaleMode.NO_SCALE;
    }
   }
]]>
</mx:Script>
<mx:Button label="全屏" click="Full1(event)" x="28" y="26" width="61" height="37" fontSize="12 "/>
</mx:Application>

-----------------------------------------

HTML:

----------------------------------------

<!-- saved from url=(0014)about:internet -->
<html lang="en">

<!--
Smart developers always View Source.

This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR.

Learn more about Flex at http://flex.org
// -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!-- END Browser History required section -->

<title></title>
<script src="AC_OETags.js" language="javascript"></script>

<!-- BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!-- END Browser History required section -->

<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 28;
// -----------------------------------------------------------------------------
// -->
</script>
</head>

<body scroll="no">
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

if ( hasProductInstall && !hasRequestedVersion ) {
// DO NOT MODIFY THE FOLLOWING FOUR LINES
// Location visited after installation is complete if installation is required
var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;

AC_FL_RunContent(
   "src", "playerProductInstall",
   "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
   "width", "100%",
   "height", "100%",
   "align", "middle",
   "id", "fullstate",
   "quality", "high",
   "bgcolor", "#869ca7",
   "name", "fullstate",
   "allowFullScreen","true",   "allowScriptAccess","sameDomain",
   "type", "application/x-shockwave-flash",
   "pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else if (hasRequestedVersion) {
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
    "src", "fullstate",
    "width", "100%",
    "height", "100%",
    "align", "middle",
    "id", "fullstate",
    "quality", "high",
    "bgcolor", "#869ca7",
    "name", "fullstate",
    "allowFullScreen","true",    "allowScriptAccess","sameDomain",
    "type", "application/x-shockwave-flash",
    "pluginspage", "http://www.adobe.com/go/getflashplayer"
);
} else { // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
+ 'This content requires the Adobe Flash Player. '
   + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    id="fullstate" width="100%" height="100%"
    codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
    <param name="movie" value="fullstate.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#869ca7" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="sameDomain" />
    <embed src="fullstate.swf" quality="high" bgcolor="#869ca7"
     width="100%" height="100%" name="fullstate" align="middle"
     play="true"
     loop="false"
     quality="high"
    allowFullScreen="true"     allowScriptAccess="sameDomain"
     type="application/x-shockwave-flash"
     pluginspage="http://www.adobe.com/go/getflashplayer">
    </embed>
</object>
</noscript>
</body>
</html>

----------------------------------------

说明:

this.stage.displayState //当前舞台的播放状态

StageDisplayState.FULL_SCREEN //全屏模式

StageDisplayState.NORMAL //正常模式

StageScaleMode.NO_SCALE //全屏模式下舞台内部控件不进行缩放

HTML中一定要加上红字部分。否则会报错:

SecurityError: Error #2152: 不允许使用全屏模式。
at flash.display::Stage/set displayState()

切记!
分享到:
评论

相关推荐

    Flex 3.2全屏模式的解决办法

    `fullScreenSourceRect`属性允许你在全屏模式下指定显示的屏幕区域。这在处理不同屏幕比例的应用场景中非常有用,确保内容不会因拉伸而失真。 5. **安全注意事项** 在实现全屏模式时,需要注意用户隐私和安全问题...

    Flex 组件全屏 部分全屏的实现 代码

    在进入全屏模式时,我们使用`stage.fullScreenSourceRect`设置显示的区域,使其与组件的尺寸相匹配。 需要注意的是,全屏模式可能会受到浏览器或操作系统的限制,因此在实际应用中,你需要处理可能的异常情况,并...

    flex全屏代码 界面全屏

    3. **性能考虑**:全屏模式下,应用可能需要处理更多的屏幕像素,这可能会对性能造成影响,因此优化渲染效率非常重要。 4. **安全性和隐私**:全屏模式可能会影响用户的隐私,例如覆盖其他应用程序窗口,因此应谨慎...

    FLEX2和FLEX3全屏的代码

    在Flex开发中,全屏模式的实现是一个常见的需求,特别是在创建富互联网应用程序时,用户可能希望最大化查看内容。本篇文章将详细介绍在Flex 2和Flex 3中如何实现全屏功能。 首先,让我们看看Flex 2的情况。在使用...

    flex 如何全屏,很大帮助呀

    在全屏模式下,为了获得更好的性能,你可能需要开启硬件加速。在Flex配置中,可以设置`stage.displayState`为`StageDisplayState.FULL_SCREEN_INTERACTIVE`以启用硬件加速并允许用户交互。 7. 安全性和隐私: ...

    flex 控件 全屏显示

    #### 一、Flex全屏显示概述 Flex是一种用于构建跨平台桌面应用程序和移动应用程序的开源框架。它基于Adobe Flash平台,并利用MXML(标记语言)和ActionScript(脚本语言)来创建用户界面和控制逻辑。全屏显示是指将...

    Flex 全屏显示 JasPine.rar

    3. **分辨率适配**:全屏模式下,应用需要适应不同的屏幕分辨率,确保内容能正确显示。 4. **事件监听**:可以监听`fullScreen`事件,以便在进入或退出全屏模式时执行相应的处理代码。 5. **性能优化**:全屏模式...

    flex 窗口托盘和全屏

    - `StageDisplayState.FULL_SCREEN`:全屏模式,无浏览器或操作系统界面元素。 - `StageDisplayState.FULL_SCREEN_INTERACTIVE`:全屏交互模式,允许鼠标和键盘输入。 实现全屏切换的方法如下: 1. 添加全屏按钮:...

    flex点击按钮或双击实现全屏

    在Flex应用程序中,全屏模式可以让用户获得更沉浸式的体验。Adobe Flex是一个开源的框架,用于构建跨平台的桌面和Web应用程序。它提供了丰富的组件库以及强大的工具集,使得开发者能够轻松地创建复杂的应用程序。在...

    Flex3 Flex Builder 3 快捷键一览

    ### Flex3与Flex Builder 3快捷键详解 在软件开发领域,提高开发效率是每个开发者追求的目标之一。Flex3及Flex Builder 3作为Adobe推出的一款用于...希望本文能够帮助到正在学习或使用Flex3与Flex Builder 3的朋友们。

    Flex 制作的视频播放器,同时可以支持全屏播放

    当用户触发全屏模式时,我们可以监听`fullScreen`属性的变化,然后调整VideoDisplay组件的尺寸以适应全屏模式。同时,需要处理`fullScreenEvent`,确保在退出全屏时界面能恢复原状。 4. **FLVPlayback组件**:如果...

    Flex 全屏组件 部分全屏的实现代码

    `FullScreenUtil.addChild()`方法用于在全屏模式下添加和定位组件。 另外,为了使这个功能在浏览器中正确工作,还需要对HTML模块文件进行相应的调整。这通常涉及到Flash Player的全屏权限设置和一些特定的HTML标记...

    Flex播放器实例带源码的flex制作的播放器

    第四个实例可能是一个完整的解决方案,包含所有前面提到的功能,并且可能加入了额外的特性,如全屏模式、字幕显示、播放历史记录等。这需要开发者具备良好的架构设计能力,将各个功能模块有效地组织在一起,同时保持...

    Flex4 电视墙效果

    9. **状态管理**:电视墙可能有多种状态,比如全屏模式、列表模式等,状态管理可以帮助切换和保存不同视图的状态。 10. **深度缓冲和层叠**:为了实现3D效果,可能需要利用Flex4的深度缓冲和层叠特性,让某些元素在...

    flex组合键

    例如,当用户按下特定的组合键时,我们可以使用JavaScript检测按键事件,并根据这些事件修改Flex容器的样式,从而实现布局的动态切换。例如,按下"Ctrl + A"组合键可能切换全屏布局,而"Ctrl + B"可能切换为两列布局...

    flex 图片预览

    本项目聚焦于“flex 图片预览”,它实现了类似百度首页新闻图片预览的功能,通过JavaScript进行驱动,提供多种布局模式,以满足不同场景下的需求。 首先,我们要理解Flex布局。Flex布局(Flexible Box)是CSS3中的...

    flex videoPlayer fxvideo

    除了基本功能,FXVideo可能还包含了一些高级特性,例如视频质量切换、全屏模式、字幕显示、播放列表管理等。视频质量切换让用户能够在不同的网络环境下选择合适的视频流,以确保流畅的观看体验。全屏模式则能让用户...

    全屏css+DIV页面上中下三行布局,兼容各浏览器中间居中显示

    在网页设计中,全屏页面布局是一种常见的设计模式,它能提供沉浸式的用户体验。CSS(层叠样式表)和DIV元素是实现这种布局的核心技术。本文将深入探讨如何使用CSS+DIV来创建一个全屏页面上中下三行布局,并确保在...

    拖拉全屏相册

    【拖拉全屏相册】是一种使用jQuery库实现的交互式相册功能,它允许用户通过拖动操作在全屏模式下浏览图片。这个技术在现代网页设计中被广泛运用,因为它提供了更直观、更具沉浸感的用户体验。下面将详细阐述实现这个...

Global site tag (gtag.js) - Google Analytics