全屏显示,第一种写法:
<?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开发中,全屏显示是一项重要的功能,它允许用户沉浸式体验应用,尤其是在多媒体、游戏或演示场景中。在给定的“Flex 全屏显示 JasPine.rar”压缩包文件中,我们重点关注的是“util.as”文件内的`goFullScreen`...
#### 一、Flex全屏显示概述 Flex是一种用于构建跨平台桌面应用程序和移动应用程序的开源框架。它基于Adobe Flash平台,并利用MXML(标记语言)和ActionScript(脚本语言)来创建用户界面和控制逻辑。全屏显示是指将...
标题"Flex 组件全屏 部分全屏的实现 代码"涉及到如何在Flex环境中实现一个特定组件的全屏显示,而不仅仅是将整个舞台全屏化。描述中提到,虽然网上大多数例子都是关于舞台全屏的实现,但这里我们将探讨如何让某个...
标题和描述中提到的“flex全屏代码界面全屏”主要涉及的是在Flex框架下实现全屏显示的技术。Flex是一种开源框架,用于构建富互联网应用(RIA),可以在Flash Player或通过Adobe AIR部署到桌面。全屏功能是许多现代...
里面少了一个针对按下ESC键的处理,这个在使用的时候可以自己加,另外一个问题就是由于这个库是FLEX3的,所以在FLEX4.0或以上的版本(使用的spark主题)的时候,需要修改类里面的Canvas为Group或者其他的显示容器,...
本篇文章将深入探讨如何在Flex 3.2中实现全屏模式,以及与之相关的知识点。 全屏模式是许多应用程序中一个常见的需求,它允许用户沉浸式地体验应用,消除其他界面元素的干扰。在Flex 3.2中,全屏模式的实现主要依赖...
在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...
然而,有时候我们可能只需要特定的组件全屏显示,而非整个应用。这个场景下的“部分全屏”功能是将一个指定的Flex组件(如一个窗口或某个控件)扩展至屏幕的边界,而其他部分保持不变。 以下是一个关于Flex部分全屏...
在网页设计中,JavaScript特效是提升用户体验的重要手段,"文字全屏显示"就是一个典型的例子。这个特效允许网页上的文字以全屏的形式展现,创造出强烈的视觉效果。 全屏显示的文字特效通常涉及以下知识点: 1. **...
2. **布局管理**:为了实现全屏显示,我们需要使用FLEX的布局管理器,例如AbsoluteLayout,让组件占据整个舞台。在MXML中设置`width="100%" height="100%"`可以让组件填充其父容器。 3. **图像加载**:FLEX提供了...
第四个实例可能是一个完整的解决方案,包含所有前面提到的功能,并且可能加入了额外的特性,如全屏模式、字幕显示、播放历史记录等。这需要开发者具备良好的架构设计能力,将各个功能模块有效地组织在一起,同时保持...
在Flex开发中,ItemRenderer是一种非常关键的组件,它允许我们自定义数据项在列表或网格等容器中的显示方式。本篇文章将深入探讨如何利用ItemRenderer实现一个灵活且功能丰富的相册示例,同时也会涉及Flex中的一些...
在相册应用中,可能有浏览状态和全屏预览状态,可以通过状态切换来改变UI布局。 7. **服务调用**:如果相册中的图片是从服务器加载的,那么可能使用了HTTPService或WebService组件来获取数据。这些服务可以异步加载...
3. 将大图加载到弹出层中,并设置合适的样式使其全屏显示。 4. 实现左右切换功能,可以通过改变大图的`src`属性来切换图片。 5. 添加关闭按钮或点击背景关闭弹出层的功能。 以下是一个简单的示例代码: ```...
4. 遮罩层效果:为了实现遮罩层效果,可以将`.popup-mask`的背景色设为半透明黑色,并设置`position: fixed`使其全屏显示。 5. 显示与隐藏:弹出窗口的显示和隐藏可以通过JavaScript控制,例如通过改变`display`...
- 一个实用的电子相册通常包含图片浏览、前进/后退、全屏显示、缩略图预览等功能。Flex的`Button`、`Slider`和`NavigatorContent`等组件可以构建这些交互元素。 - 可能使用了`ArrayCollection`来存储和管理图片...
3. **数据绑定**:Flex4支持强大的数据绑定机制,可以将数据源与UI组件关联,方便地更新显示内容。电视墙中的每个“电视”通常代表数据集中的一个条目,数据绑定能确保数据变化时UI自动更新。 4. **皮肤自定义**:...
5. 用户界面交互:为了提供良好的用户体验,播放器通常会包含丰富的UI元素,如播放/暂停按钮、音量控制滑块、全屏切换、快进/快退按钮等。这些元素的交互设计需要考虑易用性和响应速度。 6. 自定义组件:如果标准的...
3. 弹窗预览布局:点击图片后,图片会在一个新的层面上全屏显示,提供细节查看。 项目提供代码可直接运行,这意味着开发者已经考虑了兼容性和性能优化,例如可能使用了polyfill来支持老版本浏览器的Flex布局,以及...