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

Flex程序的全屏幕显示

    博客分类:
  • Flex
阅读更多
 看到官方的一片讲解如何在Flash Player 9下全屏幕显示Flash的文章,原文地址如下:

 Exploring full-screen mode in Flash Player 9 ,照葫芦画弧,这里我只贴一下AS3的代码:


package
...{
    
import flash.display.Sprite;
    
import flash.ui.ContextMenu;
    
import flash.ui.ContextMenuItem;
    
import flash.events.ContextMenuEvent;
    
import flash.display.StageScaleMode;
    
import flash.display.StageDisplayState;
    
import flash.system.Security;
    
import flash.system.SecurityPanel;
    
import flash.system.fscommand;

    
public class FullScreen_demo extends Sprite
    
...{
        
public function FullScreen_demo()
        
...{
            
// create the context menu, remove the built-in items,
            
// and add our custom items
            var fullscreenCM:ContextMenu = new ContextMenu();
            fullscreenCM.addEventListener(ContextMenuEvent.MENU_SELECT, menuHandler);
            fullscreenCM.hideBuiltInItems();
            
            var fs:ContextMenuItem 
= new ContextMenuItem("Go Full Screen" );
            fs.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, goFullScreen);
            fullscreenCM.customItems.push( fs );
            
            var xfs:ContextMenuItem 
= new ContextMenuItem("Exit Full Screen");
            xfs.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, exitFullScreen);
            fullscreenCM.customItems.push( xfs );
            
            
// finally, attach the context menu to a movieclip
            this.contextMenu = fullscreenCM;
        }

        
        
private function goFullScreen(e:ContextMenuEvent):void...{
            
this.stage.displayState = StageDisplayState.FULL_SCREEN; //设置为全屏
        }

        
private function exitFullScreen(e:
ContextMenuEvent):void...{
            
this.stage.displayState = StageDisplayState.NORMAL;
        }

        
private function menuHandler(e:ContextMenuEvent):void...{
            
if (stage.displayState == StageDisplayState.NORMAL)
               
...{
                  e.target.customItems[
0].enabled = true;
                  e.target.customItems[
1].enabled = false;
               }

               
else
               
...{
                  e.target.customItems[
0].enabled = false;
                  e.target.customItems[
1].enabled = true;
               }

        }

    }

}

 

根据说明再修改HTML文件内容:


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 codebase
="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,18,0"
 width
="600"  height="400" id="fullscreen" align="middle">
<param name="allowFullScreen" value="true" />
<param name="movie" value="fullscreen.swf" />
<param name="bgcolor" value="#333333" />
<embed src="fullscreen.swf" allowFullScreen="true" bgcolor="#333333" width="600" height="400"
 name
="fullscreen" align="middle" type="application/x-shockwave-flash" 
 pluginspage
="http://www.macromedia.com/go/getflashplayer" />
</object>

 

关键是这一句:<param name="allowFullScreen" value="true" /> ,一切就绪后,运行,却弹出如下错误:

SecurityError: Error #2152: 不允许使用全屏模式。

奇怪了,怎么不行呢,google一番,也没查到具体原因,却找到另一个方法实现全屏,一个SWFObject.js脚本(地址:http://blog.deconcept.com/swfobject/),做起来也挺简单,SWF代码都不变,改一下HTML文件,内容如下:

<script type="text/javascript" src="swfobject.js"></script>
        
<style type="text/css">...
            body
            
{...}{
                background-color
: #869ca7;
            
}

        
</style>
</head>

<body>
<div id="fabchannel_base_templateContainer">You need the Flash Player version 9.0.18.60 or higher and a JavaScript enabled browser to view this site</div>
<script type="text/javascript">...
            
// <!--
            var ignoredParams = ...{src: 1, bgcolor: 1};
            
var params = String('src="FullScreen_demo.swf" menu="true" quality="high" bgcolor="#869ca7" ').split(" ");
            
var swf = new SWFObject("FullScreen_demo.swf""fabchannel_base_template""960""605""9.0.18.60""#869ca7");
            swf.addParam(
"align""middle");
            swf.addParam(
"allowFullScreen""true");
            
for(var i = 0; i < params.length; i++)
            
...{
                
var paramName = params[i].split("=")[0];
                
var paramValue = params[i].split(""")[1];
                
                
if(ignoredParams[paramName] != 1 && paramName != "")
                
...{
                    swf.addParam(paramName, paramValue);
                }

            }

            swf.write(
"fabchannel_base_templateContainer");
            
// -->
        
</script>
</body>

只要把上面红色字的改成你的swf文件就可以了,是不是很简单,现在还不明白官方的那个例子怎么不行了,希望知情者告知,谢谢。

分享到:
评论

相关推荐

    flex 控件 全屏显示

    全屏显示是指将应用程序或其某个部分扩展到整个屏幕区域,提供更沉浸式的用户体验。这对于多媒体应用、游戏等场景尤为有用。 #### 二、全屏显示实现原理 实现Flex控件的全屏显示主要依赖于`Stage`对象的`...

    Flex 全屏显示 JasPine.rar

    在Flex开发中,全屏显示是一项重要的功能,它允许用户沉浸式体验应用,尤其是在多媒体、游戏或演示场景中。在给定的“Flex 全屏显示 JasPine.rar”压缩包文件中,我们重点关注的是“util.as”文件内的`goFullScreen`...

    Flex 3.2全屏模式的解决办法

    要使Flex 3.2应用程序进入全屏模式,可以调用Application或DisplayObject的`fullScreen`属性或`requestFullScreen`方法。例如,你可以添加一个按钮,当点击该按钮时,应用程序进入全屏模式: ```actionscript ...

    flex全屏代码 界面全屏

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

    flex 窗口托盘和全屏

    在IT行业中,Flex是一种...总结来说,Flex提供的API使得开发者能够轻松实现窗口托盘和全屏切换,这些功能对于提升桌面应用程序的用户体验至关重要。通过深入理解和实践,开发者可以进一步增强在Flex开发中的专业技能。

    Flex4编写计算器小程序

    ### Flex4 编写计算器小程序知识点解析 #### 一、项目概述 本项目是一个使用Flex4框架开发的小型计算器程序。该程序支持基本的数学运算功能,如加法、减法、乘法、除法等,并且具备特殊功能,如平方、平方根以及求...

    好看的FLEX相册

    在相册中,可能使用了List或DataGrid来展示缩略图,以及Image组件显示全尺寸图片。 5. **数据绑定**:Flex支持数据绑定,允许UI组件的属性与后台数据模型自动保持同步。这在相册中可能用于将图片URL与Image组件的...

    Flex ™ Builder 2

    1. **强大的代码编辑器**:Flex™ Builder 2 提供了一个功能齐全的代码编辑器,支持语法高亮显示、智能代码完成等功能,帮助开发者快速编写和调试代码。 2. **可视化设计工具**:该工具允许开发者通过拖放界面组件来...

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

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

    使用Flex4.5开发Android应用程序

    - **其他配置设置**:包括自动旋转屏幕、全屏模式、适应不同屏幕密度等实用技巧。 #### 三、高级主题 ##### 3.1 探索Android API 本书还深入探讨了如何利用Flex 4.5框架访问Android原生API,以实现更丰富的功能和...

    flex4实现的简单相册实例

    9. **响应式设计**:考虑到不同设备的屏幕尺寸,现代的Flex应用常常需要适应各种分辨率。使用Flex4的容器和布局管理器,可以实现响应式设计,确保相册在不同设备上都有良好的用户体验。 10. **测试与调试**:在开发...

    Flex4 电视墙效果

    Flex4 是Adobe Flash Platform中的一个版本,主要用于构建富互联网应用程序(RIA)。在Flex4中,电视墙效果是一种视觉展示方式,常用于展示大量的小图片或视频,形成类似电视屏幕矩阵的效果,用户可以通过滚动或平移...

    Flex电子相册2

    - 一个实用的电子相册通常包含图片浏览、前进/后退、全屏显示、缩略图预览等功能。Flex的`Button`、`Slider`和`NavigatorContent`等组件可以构建这些交互元素。 - 可能使用了`ArrayCollection`来存储和管理图片...

    详解微信小程序之scroll-view的flex布局问题

    在微信小程序中,布局是一个非常重要的部分,它决定了页面元素如何显示和排列。本文将探讨在微信小程序中使用scroll-view组件时,如何解决flex布局带来的问题。 首先,scroll-view是微信小程序提供的一个视图区域,...

    自己写的flex 播放器

    Adobe Flex是用于构建富互联网应用程序(RIA)的开源框架,它允许开发者使用ActionScript编程语言和MXML标记语言创建交互式的、基于Flash的用户界面。本项目是个人独立完成的一个Flex播放器,虽然在样式设计上可能略...

    flex videoPlayer fxvideo

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

    Flex3 Flex Builder 3 快捷键一览

    Flex3及Flex Builder 3作为Adobe推出的一款用于构建富互联网应用程序(RIA)的强大工具集,其快捷键的掌握对于提高开发速度、提升工作效率具有重要意义。下面将详细介绍Flex3与Flex Builder 3中的常用快捷键。 ####...

    Arcgis Api for flex 3.6

    这个API为Web开发者提供了一个用户友好的界面,用于在Flex应用程序中集成复杂的地图功能,例如地图显示、图层管理、地理编码、空间分析等。 1. **地图基础**: - **Map对象**:Map是ArcGIS API的核心,它负责管理...

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

    然而,有时候我们可能只需要特定的组件全屏显示,而非整个应用。这个场景下的“部分全屏”功能是将一个指定的Flex组件(如一个窗口或某个控件)扩展至屏幕的边界,而其他部分保持不变。 以下是一个关于Flex部分全屏...

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

    2. **布局管理**:为了实现全屏显示,我们需要使用FLEX的布局管理器,例如AbsoluteLayout,让组件占据整个舞台。在MXML中设置`width="100%" height="100%"`可以让组件填充其父容器。 3. **图像加载**:FLEX提供了...

Global site tag (gtag.js) - Google Analytics