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

FLEX全屏显示

    博客分类:
  • FLEX
阅读更多
全屏显示,第一种写法:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<fx:Style>
		@namespace s "library://ns.adobe.com/flex/spark";
		@namespace mx "library://ns.adobe.com/flex/mx";
		global{   
			font-size:19;      
		}
	</fx:Style>
	<fx:Script>
		<![CDATA[
			
			import mx.controls.Alert;   
			private function fullScr():void{   
				stage.displayState=StageDisplayState.FULL_SCREEN;   
				//controlScr.label="普通";   
				//controlScr.addEventListener(MouseEvent.CLICK, normalScr);   
				var contextMenu:ContextMenu=new ContextMenu();   
				contextMenu.hideBuiltInItems();   
				var item:ContextMenuItem=new ContextMenuItem("ydq");   
				item.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT,alertMsg);   
				contextMenu.customItems.push(item);   
				this.contextMenu=contextMenu;   
			}   
			
			private function alertMsg(event:ContextMenuEvent):void{   
				Alert.show("hacker.Ye");   
			}   
			
			private function normalScr():void{   
				//controlScr.removeEventListener(MouseEvent.CLICK,fullScr);   
				stage.displayState=StageDisplayState.NORMAL;   
			} 

		]]>
	</fx:Script>
	
	<mx:Button label="全屏" click="fullScr();"/>   
	<mx:Button  label="普通" click="normalScr()" x="86" y="0"/>
	
	<mx:Image source="../WebContent/image/fullscreen.jpg" mouseDown="fullScr();" x="0" y="47" height="25"/>
	<mx:Image source="../WebContent/image/nofull.jpg" mouseDown="normalScr()" x="96" y="47"/>
	
</s:Application>


全屏显示,第二种写法:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" 
			   applicationComplete="init()">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;
			
			protected function init():void{ 
				this.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenChange);
			}
			
			private function toggleFullScreen():void{ 
				if(stage.displayState==StageDisplayState.NORMAL){
					stage.displayState=StageDisplayState.FULL_SCREEN;
				}else{
					stage.displayState=StageDisplayState.NORMAL; 
				}
			}
			
			protected function fullScreenChange(event:FullScreenEvent):void{
				if( this.stage.displayState == StageDisplayState.FULL_SCREEN ){
					full.source="/FlexFullScreen/image/nofull.jpg";
					full.toolTip="普通显示";
				} else{
					full.source="/FlexFullScreen/image/fullscreen.jpg";
					full.toolTip="全屏显示";
				}
			}
			
		]]>
	</fx:Script>
	
	<!--全屏图标-->
	<mx:Image id="full" source="/FlexFullScreen/image/fullscreen.jpg" mouseDown="toggleFullScreen()" top="2" left="2" buttonMode="true" toolTip="全屏显示"/>

</s:Application>



分享到:
评论

相关推荐

    Flex 全屏显示 JasPine.rar

    util.as 文件中 修改goFullScreen 方法 有注释可以看到默认的时候是蒙上了一层黑色背景,测试的时候我给改成白色了

    flex 控件 全屏显示

    点击空间可以在屏幕上全屏显示,效果很炫,很牛-- 点击空间可以在屏幕上全屏显示,效果很炫,很牛

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

    Flex 组件全屏 部分全屏的实现 一般情况下,Flex全屏是指将整个舞台全屏,而不是待定的组件全屏.网上的例子也一般是指这种情况的. 下面发布一下,将特定组件全屏的代码:

    Flex 组件全屏的组件

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

    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...

    ActionScript开发人员指南中文版

    显示全屏窗口 第章:AIR中的显示屏幕 AIR中的显示屏幕的基础知识 枚举屏幕 第章:打印 打印基础知识 打印页面 Flash运行时任务和系统打印 设置大小、缩放和方向 高级打印技术 打印示例:多页面打印 打印示例:缩放、...

    react-native-frame-loading:像动画LoadingIndicator一样,在React-Native中具有逐帧视图

    React本机加载 ... flex: 1, "center" 目的 浮动视图容器的样式对象 用法 import FrameLoading from "react-native-frame-loading" import Icon from "react-native-vector-icons/FontAwesome" const

    PHPdtb V1.0 正式版

    没事的,PHPdtb 采用FLEX技术,早就实现了防盗功能,你只需要在后台设置中心,把图片的显示方式改为FLASH显示就可以了。并且还支持图片全屏观看。 后台外部工具集,可以让您随时查看到网站的收录情况和Alexa世界排名...

    e-Commerce:使用react-scroll的单个响应式页面站点

    使用显示网格而不是flex添加卡片部分 有一个“ Data.js”文件,我可以导入内容,而不是对每个组件中的所有内容进行硬编码 目标 创建一个响应式且有吸引力的单页应用程序 创建具有更好编码实践的可重用组件 改善我CSS...

    hexo-theme-gstyle:具有Google风格的hexo主题

    没有引导程序,使用现代CSS3 flex!令人印象深刻的导航 手机全屏变形导航内容表优美的模块展开和折叠时自动生成带有过渡动画的目录。用法git clone https://github.com/wayou/hexo-theme-gstyle.git themes/gstyle ...

    angular-modal-gallery:Angular的模态图像库

    modal-gallery :是该项目的核心部分,显示一个具有全屏图像,按钮,当前图像以及可选的导航点和预览的模式窗口 轮播:是7.0.0版中引入的新功能,用于显示具有自动播放和其他出色功能的可配置普通轮播(非模式) @ ...

Global site tag (gtag.js) - Google Analytics