`
yaodaqing
  • 浏览: 349412 次
  • 性别: 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

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

    flex 控件 全屏显示

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

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

    标题"Flex 组件全屏 部分全屏的实现 代码"涉及到如何在Flex环境中实现一个特定组件的全屏显示,而不仅仅是将整个舞台全屏化。描述中提到,虽然网上大多数例子都是关于舞台全屏的实现,但这里我们将探讨如何让某个...

    flex全屏代码 界面全屏

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

    Flex 组件全屏的组件

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

    Flex 3.2全屏模式的解决办法

    本篇文章将深入探讨如何在Flex 3.2中实现全屏模式,以及与之相关的知识点。 全屏模式是许多应用程序中一个常见的需求,它允许用户沉浸式地体验应用,消除其他界面元素的干扰。在Flex 3.2中,全屏模式的实现主要依赖...

    flex 窗口托盘和全屏

    在Flex中,可以通过改变Stage的显示状态来实现全屏切换。有以下几种显示状态: - `StageDisplayState.NORMAL`:标准窗口模式。 - `StageDisplayState.FULL_SCREEN`:全屏模式,无浏览器或操作系统界面元素。 - `...

    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部分全屏...

    javascript经典特效---文字全屏显示.rar

    在网页设计中,JavaScript特效是提升用户体验的重要手段,"文字全屏显示"就是一个典型的例子。这个特效允许网页上的文字以全屏的形式展现,创造出强烈的视觉效果。 全屏显示的文字特效通常涉及以下知识点: 1. **...

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

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

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

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

    flex itemRenderer深入学习--flex相册例子

    在Flex开发中,ItemRenderer是一种非常关键的组件,它允许我们自定义数据项在列表或网格等容器中的显示方式。本篇文章将深入探讨如何利用ItemRenderer实现一个灵活且功能丰富的相册示例,同时也会涉及Flex中的一些...

    flex4实现的简单相册实例

    在相册应用中,可能有浏览状态和全屏预览状态,可以通过状态切换来改变UI布局。 7. **服务调用**:如果相册中的图片是从服务器加载的,那么可能使用了HTTPService或WebService组件来获取数据。这些服务可以异步加载...

    jquery点击图片全屏效果

    3. 将大图加载到弹出层中,并设置合适的样式使其全屏显示。 4. 实现左右切换功能,可以通过改变大图的`src`属性来切换图片。 5. 添加关闭按钮或点击背景关闭弹出层的功能。 以下是一个简单的示例代码: ```...

    flex 弹出窗口并居中显示

    4. 遮罩层效果:为了实现遮罩层效果,可以将`.popup-mask`的背景色设为半透明黑色,并设置`position: fixed`使其全屏显示。 5. 显示与隐藏:弹出窗口的显示和隐藏可以通过JavaScript控制,例如通过改变`display`...

    Flex电子相册2

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

    Flex4 电视墙效果

    3. **数据绑定**:Flex4支持强大的数据绑定机制,可以将数据源与UI组件关联,方便地更新显示内容。电视墙中的每个“电视”通常代表数据集中的一个条目,数据绑定能确保数据变化时UI自动更新。 4. **皮肤自定义**:...

    自己写的flex 播放器

    5. 用户界面交互:为了提供良好的用户体验,播放器通常会包含丰富的UI元素,如播放/暂停按钮、音量控制滑块、全屏切换、快进/快退按钮等。这些元素的交互设计需要考虑易用性和响应速度。 6. 自定义组件:如果标准的...

    flex 图片预览

    3. 弹窗预览布局:点击图片后,图片会在一个新的层面上全屏显示,提供细节查看。 项目提供代码可直接运行,这意味着开发者已经考虑了兼容性和性能优化,例如可能使用了polyfill来支持老版本浏览器的Flex布局,以及...

Global site tag (gtag.js) - Google Analytics