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

flex3的全屏

    博客分类：
  • flex
FlashJavaScriptAdobeFlexCSS 
阅读更多

关键字: FullScreen

在浏览器中或独立的播放器中使用全屏模式，只需要下面两步即可

1.写个方法，用来切换场景显示模式

java 代码
<mx:Script>
<![CDATA[
  
          import flash.display.Stage;
        private function toggle():void{
            if(mybtn.selected == true){
            	
                this.goFullScreen();
            } else {
                this.exitFullScreen();
            }
        }       
        private function goFullScreen():void {
               stage.displayState = 'fullScreen';
        }
        private function exitFullScreen():void {
               stage.displayState = 'normal';
        }
        ]]>
    


  

</mx:Script>
 

2.修改flex工程中html-template目录下的index.template.html文件中的几个参数，如下
//1.."allowScriptAccess","sameDomain" -> "allowFullScreen","true"
//2.."allowScriptAccess","sameDomain" -> "allowFullScreen","true"
//3..allowScriptAccess="sameDomain"   -> "allowFullScreen"="true"

3.测试
新建个应用，放一个按钮

xml 代码
<mx:Button label="切换显示模式" id="mybtn"/>
 

应用初始化方法：

java 代码
mybtn.addEventListener(MouseEvent.CLICK,fullScreen;  
... 
private function fullScreen(event:MouseEvent):void{    
  SystemUtils.toggleDisplayState(stage);
}
 

index.template.html代码(html-template文件夹下)

<!-- saved from url=(0014)about:internet -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--  BEGIN DeepLinking required section -->
<link rel="stylesheet" type="text/css" href="deeplinking/deeplinking.css" />
<!--  END DeepLinking required section -->

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

<!--  BEGIN DeepLinking required section -->
<script src="deeplinking/deeplinking.js" language="javascript"></script>
<!--  END DeepLinking required section -->

<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = ${version_major};
// Minor version of Flash required
var requiredMinorVersion = ${version_minor};
// Minor version of Flash required
var requiredRevision = ${version_revision};
// -----------------------------------------------------------------------------
// -->
</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);


// Check to see if a player with Flash Product Install is available and the version does not meet the requirements for playback
if ( hasProductInstall && !hasRequestedVersion ) {
 // MMdoctitle is the stored document.title value used by the installation process to close the window that started the process
 // This is necessary in order to close browser windows that are still utilizing the older version of the player after installation has completed
 // 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", "${width}",
  "height", "${height}",
  "align", "middle",
  "id", "${application}",
  "quality", "high",
  "bgcolor", "${bgcolor}",
  "name", "${application}",
  "allowScriptAccess","sameDomain",
  "allowFullScreen","true",
  "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", "${swf}",
   "width", "${width}",
   "height", "${height}",
   "align", "middle",
   "id", "${application}",
   "quality", "high",
   "bgcolor", "${bgcolor}",
   "name", "${application}",
   "allowScriptAccess","sameDomain",
   "allowFullScreen","true",
   "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="${application}" width="${width}" height="${height}"
   codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
   <param name="movie" value="${swf}.swf" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="${bgcolor}" />
   <param name="allowScriptAccess" value="sameDomain" />
   <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
    width="${width}" height="${height}" name="${application}" align="middle"
    play="true"
    loop="false"
    quality="high"
    allowScriptAccess="sameDomain"
    allowFullScreen="true"
    type="application/x-shockwave-flash"
    pluginspage="http://www.adobe.com/go/getflashplayer">
   </embed>
 </object>
</noscript>
</body>
</html>

 

分享到：
| 一个Flex做的登陆控件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    FLEX2和FLEX3全屏的代码

    本篇文章将详细介绍在Flex 2和Flex 3中如何实现全屏功能。 首先，让我们看看Flex 2的情况。在使用Flex Builder 2进行开发时，如果尝试直接使用`flash.display.StageDisplayState`类来实现全屏功能，可能会遇到找不...

    Flex 组件全屏的组件

    这是原始的库了，里面少了一个针对按下ESC键的处理，这个在使用的时候可以自己加，另外一个问题就是由于这个库是FLEX3的，所以在FLEX4.0或以上的版本（使用的spark主题）的时候，需要修改类里面的Canvas为Group或者...

    flex 如何全屏，很大帮助呀

    5. Flex全屏事件： Flex提供了一些全屏相关的事件，如`fullScreen`、`fullScreenActivate`和`fullScreenDeactivate`，可以用来监听全屏状态的变化并做出相应操作。 6. Flex与硬件加速： 在全屏模式下，为了获得更...

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

    通常，这可能是一个包含示例代码或资源的文件，你可以将其解压后参考其中的代码以进一步理解Flex全屏的实现。为了深入学习，建议结合具体的项目实践和查阅Adobe官方文档，以便更好地掌握Flex全屏技术。

    flex 控件 全屏显示

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

    Flex 3.2全屏模式的解决办法

    在IT行业中，Adobe Flex是一种基于ActionScript 3的开源框架，用于构建富互联网应用程序（RIA）。Flex 3.2是该框架的一个版本，它提供了一系列工具和技术，帮助开发者创建交互性强、图形丰富的Web应用程序。本篇文章...

    flex全屏代码 界面全屏

    标题和描述中提到的“flex全屏代码界面全屏”主要涉及的是在Flex框架下实现全屏显示的技术。Flex是一种开源框架，用于构建富互联网应用（RIA），可以在Flash Player或通过Adobe AIR部署到桌面。全屏功能是许多现代...

    Flex 全屏显示 JasPine.rar

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

    flex 窗口托盘和全屏

    本篇将详细讲解如何在Flex中实现窗口托盘和全屏功能。 首先，让我们关注"窗口托盘"这一概念。在桌面应用程序中，窗口托盘通常指的是系统任务栏上的一个小图标，当用户最小化程序窗口时，程序会缩到托盘区，而不是...

    flex iframe 支持在flash中嵌套入html jsp asp php等

    flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...

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

    在Flex开发过程中，实现全屏功能是常见的需求之一。本文将详细介绍如何通过点击按钮或双击操作来实现Flex应用的全屏切换。 ### 一、背景介绍 在Flex应用程序中，全屏模式可以让用户获得更沉浸式的体验。Adobe Flex...

    Flex3 Flex Builder 3 快捷键一览

    ### Flex3与Flex Builder 3快捷键详解 在软件开发领域，提高开发效率是每个开发者追求的目标之一。Flex3及Flex Builder 3作为Adobe推出的一款用于构建富互联网应用程序（RIA）的强大工具集，其快捷键的掌握对于提高...

    flex做的MP3，MP4播放器

    4. **自定义组件**：虽然Flex提供了基础的MediaElement组件用于媒体播放，但为了实现百度影音的仿制效果，可能需要自定义组件，比如添加进度条、音量控制、全屏切换等高级功能。 5. **事件处理**：在Flex中，事件...

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

    3. **全屏播放**：在Flex中实现全屏播放功能，主要涉及到`fullScreen`属性和`fullScreenEvent`事件。当用户触发全屏模式时，我们可以监听`fullScreen`属性的变化，然后调整VideoDisplay组件的尺寸以适应全屏模式。...

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

    在Flex开发中，全屏功能通常指的是将整个应用程序或舞台扩展至显示器的全部尺寸，以提供沉浸式的用户体验。然而，有时候我们可能只需要特定的组件全屏显示，而非整个应用。这个场景下的“部分全屏”功能是将一个指定...

    [原创]FLEX 超简单的 组件 全屏 幻灯片 [附源码]

    3. **图像加载**：FLEX提供了BitmapImage或Loader类来加载和显示网络上的图片。我们可以在ActionScript代码中实例化这些类，绑定图片URL，并在加载完成后将其添加到组件上。 4. **动画效果**：为幻灯片添加平滑的...

    flex4实现的简单相册实例

    3. **Spark组件**：Flex4引入了全新的Spark组件架构，相比Flex3的 Halo组件，Spark组件提供了更高级的外观和性能。在相册应用中，可能使用了`Image`组件来展示图片，`List`或`DataGrid`组件来显示图片列表。 4. **...

    Flex4 电视墙效果

    1. **Spark组件库**：Flex4引入了全新的Spark组件库，相比于Flex3中的 Halo 组件库，Spark组件提供了更好的样式和布局能力。电视墙效果通常会利用Spark组件，如VGroup或HGroup进行布局。 2. **布局管理器**：在创建...

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

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

    Flex与ActionScript 3程序开发

    3. **性能优化技巧**：为了提高Flex应用程序的响应速度和用户体验，开发者需要掌握一些性能优化策略，比如使用局部刷新代替全屏重绘、减少DOM操作次数等。 4. **部署与发布**：最后一步是将开发完成的应用程序打包成...

Magicbox
Global site tag (gtag.js) - Google Analytics