`
唐朝
  • 浏览: 260724 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

FLEX2和FLEX3全屏的代码

    博客分类:
  • flex
阅读更多

一.flex2的全屏代码

在仅仅使用Flex Builder2(我下载的是FLXB_2.0_Win_WWE.exe)的时候,写全屏代码竟然找不到flash.display.StageDisplayState,于是下载了Flex <st1:chsdate w:st="on" isrocdate="False" year="1899" day="30" islunardate="False" month="12">2.0.1</st1:chsdate>升级包(官方地址:http://download.macromedia.com/pub/flex/flex_builder/flexbuilder2_201updater.exe)和Flex 2.0.1 Hotfix 2(官方地址:http://www.adobe.com/support/flex/ts/documents/flex2_hf2/FB2_Hotfix2_Installer_Win.exe),然后再更新flashplayer9。(参考:http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html),下载了templates for Flex Builder,覆盖到flex项目的html-template目录下。全屏代码可以正常运行了。

代码

  1. <!---->xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
  3.     backgroundGradientColors="[#8080ff, #400040]">  
  4.        
  5.     <mx:Script>  
  6.         <!----> 
  7.         import flash.display.StageDisplayState;  
  8.  
  9.         private function toggle():void{  
  10.             if(fs.selected == true){  
  11.                 this.goFullScreen();  
  12.             } else {  
  13.                 this.exitFullScreen();  
  14.             }  
  15.         }  
  16.           
  17.         private function goFullScreen():void {  
  18.                stage.displayState = StageDisplayState.FULL_SCREEN;  
  19.         }  
  20.         private function exitFullScreen():void {  
  21.                stage.displayState = StageDisplayState.NORMAL;  
  22.         }  
  23.         ]]>  
  24.     mx:Script>  
  25.        
  26.     <mx:Panel width="100%" height="100%" title="轻松实现全屏"    
  27. layout="absolute">  
  28.         <mx:CheckBox label="全屏" id="fs" click="this.toggle()"    
  29.     horizontalCenter="0" verticalCenter="0"/>  
  30.     mx:Panel>  
  31.        
  32. mx:Application>  

 二.FLEX3全屏代码(转贴)

原文地址:http://www.duzengqiang.com/blog/article.asp?id=336 杜增强的博客

有网友说Felx2里面的全屏显示代码不能用了,因为flex3里面没有flash.display.StageDisplayState,
其实只要稍作修改就可以了

FullScree.mxml代码
<!---->
<mx:application xmlns:mx="&amp;lt;a href=" www.adobe.com="">http://www.adobe.com/2006/mxml"
    backgroundGradientColors="[#8080ff, #400040]">  
    <mx:script>
        <!---->        import flash.display.Stage;
        private function toggle():void{
            if(fs.selected == true){
                this.goFullScreen();
            } else {
                this.exitFullScreen();
            }
        }      
        private function goFullScreen():void {
               stage.displayState = 'fullScreen';
        }
        private function exitFullScreen():void {
               stage.displayState = 'normal';
        }
        ]]>
    </mx:script>
   
    <mx:panel title="轻松实现全屏" width="100%" height="100%"></mx:panel>layout="absolute">
        <mx:checkbox id="fs" label="全屏" click="this.toggle()"></mx:checkbox>    horizontalCenter="0" verticalCenter="0"/>
       
</mx:application>

 

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

<!---->


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

<!---->
<link href="deeplinking/deeplinking.css" type="text/css" rel="stylesheet">
<!---->


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

<!---->
<script src="deeplinking/deeplinking.js" language="javascript"></script>
<!---->

<style type="text/css">
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!---->
</script>


<script language="JavaScript" type="text/javascript">
<!---->
</script>
<noscript></noscript>


增加allowFullScreen="true"这个参数
如下:

<!-- 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}</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 = ${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);

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", "${width}",
  "height", "${height}",
  "align", "middle",
  "id", "${application}",
  "quality", "high",
  "bgcolor", "${bgcolor}",
  "name", "${application}",
  
  "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}",
  
   "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="allowFullScreen" value="true" />
   <embed src="${swf}.swf" quality="high" bgcolor="${bgcolor}"
    width="${width}" height="${height}" name="${application}" align="middle"
    play="true"
    loop="false"
    quality="high"
   
    allowFullScreen="true"
    
    type="application/x-shockwave-flash"
    pluginspage="http://www.adobe.com/go/getflashplayer">
   </embed>
 </object>
</noscript>
</body>
</html>

分享到:
评论

相关推荐

    flex全屏代码 界面全屏

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

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

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

    flex 如何全屏,很大帮助呀

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

    flex 窗口托盘和全屏

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

    flex 控件 全屏显示

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

    Flex 组件全屏的组件

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

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

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

    Flex 3.2全屏模式的解决办法

    Flex 3.2支持两种全屏模式:带提示的全屏和无提示的全屏。带提示的全屏会在用户切换到全屏模式时显示提示,而无提示的全屏则直接切换。这可以通过设置`fullScreenInteractive`属性来实现: ```actionscript this...

    Flex 全屏显示 JasPine.rar

    2. **安全问题**:全屏模式可能会引发安全问题,如恶意代码利用全屏模式隐藏其活动。因此,开发者需要确保全屏功能的合理使用。 3. **分辨率适配**:全屏模式下,应用需要适应不同的屏幕分辨率,确保内容能正确显示...

    天猫全屏代码

    2. **使用Flexbox或Grid布局**:通过设置容器的`display`属性为`flex`或`grid`,然后调整子元素的位置和大小,实现全屏效果。 3. **添加媒体查询**:定义不同屏幕尺寸下的样式规则,确保在各种设备上都能正确显示。 ...

    Flex3 Flex Builder 3 快捷键一览

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

    javascript 原生代码全屏滚动

    JavaScript原生代码全屏滚动是一种常见的网页动态效果,它允许用户在浏览网页时,内容能够以全屏的方式平滑地滚动展示。这种效果通常应用于图片展示、产品介绍或故事叙述等场景,能带给用户沉浸式的浏览体验。在本文...

    Flex电子相册2

    总结来说,Flex电子相册2是一个充分利用Flex框架特性的应用,展示了如何利用ActionScript 3和Flex组件来创建一个高效、美观且功能丰富的电子相册系统。通过对图片的智能处理和精心设计的用户交互,确保了在不同场景...

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

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

    flex 代码总结

    在本文中,我们将深入探讨Flex中的关键概念,...以上是Flex开发中的一些常见代码片段,涵盖了摄像头交互、视频播放、UI提示、屏幕尺寸获取和文件读取等核心知识点。理解和掌握这些内容对于进行Flex应用开发至关重要。

    Flex View1.3源代码

    - src:源代码目录,包含了所有Flex Viewer1.3的AS3源码,供开发者学习和修改。 - samples:示例应用目录,展示了如何使用Flex Viewer1.3的基本功能和组件。 - config.xml:配置文件,用于设置地图服务、图层、控件...

    flex做的MP3,MP4播放器

    3. **媒体处理**:播放MP3和MP4文件需要使用Flash Player的内置媒体播放功能。Flash Player支持多种音频和视频格式,MP3和MP4是其中常见的两种。MP3是流行的音频压缩格式,而MP4则是一种包含视频、音频、字幕等多种...

    flex4实现的简单相册实例

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

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

    在Flex开发中,全屏功能通常指的是将整个应用程序或舞台扩展至显示器的全部尺寸,以提供沉浸式的用户体验。...这个示例展示了如何通过自定义代码和工具类来完成这一任务,为Flex开发者提供了实现部分全屏效果的参考。

Global site tag (gtag.js) - Google Analytics