`

FLEX全屏功能实现及右键菜单(笔记)

    博客分类:
  • flex
阅读更多
FLEX的全屏功能的实现,在此做以记录,光写AS还不够,还需要对html/js部分做一些小小改动才行,好在这个改动并不麻烦,有这个需求的朋友可以参考下.另外在FLEX应 用里右键菜单的功能也是很常见的,我在这里也作了一个简单的功能实现.
写道
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Style>
global{
font-size:19;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Alert;

private function fullScre():void
{
stage.displayState=StageDisplayState.FULL_SCREEN;
//添加右键菜单
var contextMenu:ContextMenu=new ContextMenu();
contextMenu.hideBuiltInItems();//清除原有的右键菜单

//添加关于作者菜单
var item:ContextMenuItem=new ContextMenuItem("关于作者");
item.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, alertMsg);
contextMenu.customItems.push(item);

//添加普通菜单
var itemNormal:ContextMenuItem=new ContextMenuItem("普通");
itemNormal.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, normalScrMenu);
contextMenu.customItems.push(itemNormal);
this.contextMenu=contextMenu;
}

private function alertMsg(event:ContextMenuEvent):void
{
Alert.show("Surpass Li");
}
private function normalScrMenu(event:ContextMenuEvent):void
{
stage.displayState=StageDisplayState.NORMAL;
}

private function normalScr():void
{
stage.displayState=StageDisplayState.NORMAL;
}
]]>
</mx:Script>
<mx:Button label="全屏"
click="fullScre();"/>
<mx:Button label="普通"
click="normalScr()"/>
</mx:Application>
 

.

AS部分就没什么好说的了,相信大家的智商都是比我高的.再看看JS部分吧,大家在FLEX工程里找到一个名字index.templete.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", "fullScr",
"quality", "high",
"bgcolor", "#869ca7",
"name", "fullScr",
"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", "fullScr",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "fullScr",
"quality", "high",
"bgcolor", "#869ca7",
"name", "fullScr",
"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="fullScr" width="100%" height="100%"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="fullScr.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="fullScr.swf" quality="high" bgcolor="#869ca7"
width="100%" height="100%" name="fullScr" 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 自定义右键菜单 多级右键菜单

    在Flex开发中,自定义右键菜单和实现多级右键菜单是一项常见的需求,它能够为用户界面提供更丰富的交互体验。Flex是一个基于ActionScript 3.0的开放源代码框架,用于构建富互联网应用程序(RIA)。下面我们将深入...

    Flex右键菜单 flex tree 右键菜单 源码

    通过理解以上知识点,并结合提供的"RightMenu"源码,你可以更好地理解和实现Flex中的右键菜单功能,特别是与Tree组件的集成。在实际开发中,根据具体需求调整和扩展这些功能,以满足更复杂的应用场景。

    Flex自定义右键菜单

    在这里,我们将深入探讨如何在Flex中实现自定义的右键菜单。 首先,我们要了解Flex中的菜单组件。在Flex SDK中,`mx.controls.Menu`类是用于创建菜单的基本元素。它支持创建多级菜单,并且可以与按钮、列表等其他...

    FLEX 完全屏蔽系统默认右键菜单,实现自定义菜单

    完全屏蔽flex自带的右键菜单,实现自定义右键菜单,附件有完整可运行的例子。 这个问题折腾了一天多,在网上搜了很多资料,几乎都是一样的,转来转去,且讲的不明不白。这里我提供了可运行的全部代码,让你轻松搞定...

    flex实现右键菜单

    本话题我们将探讨如何使用Flex技术来实现一个自定义的右键菜单。Flex是一种基于ActionScript 3.0的开放源码框架,主要用于构建富互联网应用程序(RIA)。 首先,我们需要理解Flex的基本架构。Flex使用MXML和...

    flex添加右键菜单实例

    在Flex编程中,右键菜单(ContextMenu)是一个重要的交互元素,它可以为用户提供额外的操作选项。...通过理解并实践这个实例,开发者可以更好地掌握Flex中右键菜单的实现机制,并在实际项目中灵活运用。

    Flex 实现右键菜单

    本文将深入探讨如何在Flex环境中实现自定义的右键菜单,包括屏蔽浏览器的默认右键菜单,创建XML格式的多级菜单,以及设置菜单出现位置的自适应策略。 首先,我们需要了解Flex屏蔽浏览器系统右键的基本方法。在...

    Flex添加右键菜单

    在Flex开发中,有时我们需要为用户界面添加自定义的右键菜单,以便提供更多的交互功能。本教程将指导你如何在Flex项目中实现这一功能,主要涉及以下知识点: 1. **右键菜单库的引入**: 首先,你需要下载一个名为`...

    flex屏蔽系统右键菜单 & 自定义菜单

    通过以上步骤,我们可以在Flex应用中实现屏蔽系统右键菜单并创建自定义菜单的功能,提升应用的交互性和用户体验。在实际开发中,还可以根据需求调整菜单的布局、样式以及响应的事件处理,以满足各种复杂场景的需求。

    flex自定义右键菜单 完全屏蔽

    标题提到的"flex自定义右键菜单 完全屏蔽"是指在Flex应用程序中,不仅实现对默认右键菜单的完全屏蔽,还允许开发者根据自己的需求创建并应用自定义的右键菜单。这种方法避免了使用JavaScript进行跨域通信来实现屏蔽...

    Flex右键菜单例子

    标题中的"Flex右键菜单例子"表明这是一个关于如何在Flex项目中实现自定义右键菜单的示例。在Flex中,自定义右键菜单可以提供更丰富的用户体验,同时可以根据应用需求定制功能,比如在地图应用中添加特定的操作选项。...

    flex自制右键菜单

    本项目标题为"flex自制右键菜单",描述中提到作者从网上获取了相关代码并进行改写,实现了屏蔽Flex默认的右键菜单以及动态生成右键菜单的功能。下面我们将详细探讨Flex中如何实现这一目标。 首先,Flex是由Adobe...

    flex自定义右键菜单

    本篇文章将深入探讨如何在Flex应用中实现自定义的右键菜单,包括两种主要的方法:系统右键菜单的扩展和完全屏蔽系统菜单以创建自定义菜单。 首先,我们来看第一种方法——扩展系统右键菜单。在Flex中,我们可以利用...

    flex右键菜单代码

    这个“flex右键菜单代码”分享提供了一个实现Flex中右键菜单的示例,这对于提升用户体验和增强应用程序功能具有重要意义。 Flex是一个开源的、基于ActionScript和Flash Player的开发框架,主要用于创建富互联网应用...

    Flex 3完整的右键自定义菜单Demo

    本Demo "Flex 3完整的右键自定义菜单" 正是为此目的而设计,它展示了如何在Flex 3环境中创建、屏蔽默认菜单并实现自定义的右键上下文菜单。 在Flex 3中,我们主要使用mx.controls.ContextMenu类来创建自定义的右键...

    Flex4自定义右键菜单源码.rar

    标题中的“Flex4自定义右键菜单源码”意味着这个压缩包包含了实现自定义右键菜单功能的源代码。这对于初学者来说是一份宝贵的学习资源,他们可以通过阅读和理解代码来学习如何在Flex4项目中创建和管理自定义的右键...

    Flex Tree 的右键菜单事件

    在Flex编程中,Tree组件是一种常用的用户界面...通过以上步骤,你可以在Flex Tree组件上实现功能丰富的右键菜单,提供更加便捷的用户交互体验。如果你在实现过程中遇到任何问题或有其他需求,欢迎进一步咨询和讨论。

    flex3 Tree右键菜单

    在Flex3的开发中,我们经常需要为Tree组件添加右键菜单,以提供更多的用户交互功能。右键菜单的实现不仅增加了用户界面的丰富性,也提升了用户体验。 首先,让我们理解Flex3 Tree组件的基本概念。Tree组件是基于MX...

    flex 自定义右键菜单

    本文将深入探讨两种实现Flex自定义右键菜单的方法:系统右键菜单的扩展以及完全自定义的右键菜单。 1. **系统右键菜单** 系统右键菜单是在Flex应用中利用ActionScript 3.0直接添加到UI组件上的菜单项。这种实现...

Global site tag (gtag.js) - Google Analytics