<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:eff="com.adobe.ac.mxeffects.*"
paddingBottom="0" paddingLeft="0" paddingTop="0" paddingRight="0"
horizontalAlign="center" verticalAlign="middle" xmlns="*" viewSourceURL="srcview/index.html">
<mx:Script>
<![CDATA[
import com.adobe.ac.mxeffects.Gate;
import com.adobe.ac.mxeffects.Flip;
import mx.effects.Sequence;
import mx.effects.Parallel;
import mx.effects.Resize;
import mx.effects.Fade;
import mx.effects.Iris;
import com.adobe.ac.mxeffects.DistortionConstants;
private const min_width:int = 350;
private const min_height:int = 200;
public function gotoChatRoom() : void {
var mySequence:Sequence = new Sequence();
var gate:Gate = new Gate(login);
gate.siblings = [ chatRoom ];
gate.direction = DistortionConstants.LEFT;
gate.smooth = true;
gate.distortion = 10;
gate.mode = Gate.OPEN;
gate.duration = 1000;
mySequence.addChild(gate);
var parallel:Parallel = new Parallel();
var resize:Resize = new Resize();
resize.target = loginStack;
resize.widthTo = this.width-20;
resize.heightTo = this.height-20;
resize.duration = 1000;
parallel.addChild(resize);
resize = new Resize();
resize.target = chatRoom;
resize.widthTo = this.width-20;
resize.heightTo = this.height-20;
resize.duration = 1000;
parallel.addChild(resize);
mySequence.addChild(parallel);
mySequence.play();
}
public function gotoLogin() : void {
var mySequence:Sequence = new Sequence();
var gate:Gate = new Gate(chatRoom);
gate.siblings = [ login ];
gate.direction = DistortionConstants.LEFT;
gate.smooth = true;
gate.distortion = 10;
gate.mode = Gate.CLOSE;
gate.duration = 1000;
mySequence.addChild(gate);
var parallel:Parallel = new Parallel();
var resize:Resize = new Resize();
resize.target = loginStack;
resize.widthTo = min_width;
resize.heightTo = min_height;
resize.duration = 1000;
parallel.addChild(resize);
resize = new Resize();
resize.target = chatRoom;
resize.widthTo = min_width;
resize.heightTo = min_height;
resize.duration = 1000;
parallel.addChild(resize);
mySequence.addChild(parallel);
mySequence.play();
}
]]>
</mx:Script>
<mx:Style source="/assets/OSX.css"/>
<mx:VBox>
<mx:ViewStack id="loginStack" width="350" height="200">
<mx:Panel id="login" title="Login" horizontalAlign="center"
verticalAlign="middle" backgroundColor="0xAAAAAA" >
<mx:Form >
<mx:FormItem label="Username">
<mx:TextInput id="userName" />
</mx:FormItem>
<mx:FormItem label="Password">
<mx:TextInput displayAsPassword="true" id="password"
enter="gotoChatRoom();"/>
</mx:FormItem>
<mx:FormItem>
<mx:Button label="Login" click="gotoChatRoom();" />
</mx:FormItem>
</mx:Form>
</mx:Panel>
<mx:Panel id="chatRoom" title="Chat Room" >
<mx:VBox width="100%" height="100%">
<mx:TextArea id="log" fontSize="12" width="100%" height="100%"
editable="false" />
</mx:VBox>
<mx:ControlBar>
<mx:TextInput id="msg" width="100%" fontSize="12" enter=""/>
<mx:Button label="Send" click="" />
<mx:Button label="Logout" click="gotoLogin()" />
</mx:ControlBar>
</mx:Panel>
</mx:ViewStack>
</mx:VBox>
</mx:Application>
分享到:
相关推荐
"Flex 3D切换效果"是指在Adobe Flex框架下实现的3D转换效果,它使得应用程序的界面元素在用户交互时能够呈现出立体的翻转或旋转效果。这种效果通常用于导航菜单、卡片式布局或者像登录界面中的按钮点击反馈,为用户...
这个“Flex开门,关门,翻转,效果”是一个展示Flex在动态UI交互方面强大能力的例子。在这个项目中,开发者可能利用了Flex的动画和图形渲染功能来创建出一种视觉上吸引人的用户体验。 首先,我们来看看“开门”和...
Flex3D,全称为Adobe Flex 3D,是Adobe Flex框架的一个扩展,它允许开发者创建具有强大三维(3D)视觉效果的富互联网应用程序(RIA)。这个技术在2000年代中期非常流行,尤其在需要展示复杂数据或提供动态交互体验的...
Flex翻书效果是一种在网页或应用中实现模拟真实书籍翻页动画的技术,它利用了CSS3中的Flexbox布局模型和一些动态效果来创造出逼真的翻页体验。在现代Web开发中,这种效果常用于电子书、杂志或者产品展示等场景,以...
《Flex开门效果详解》 在IT领域,用户体验是至关重要的,而动态的视觉效果往往能提升用户对软件或网站的满意度。"Flex开门效果"就是这样一种设计,它以灵活、优雅的方式模拟了门开启的动作,为用户带来独特的交互...
3. **库和类**:Flex3D框架提供的库和类文件,如`flex3d.jar`或相关的AS3类,是实现3D效果的基础。这些类可能包括了3D坐标系统、矩阵变换、渲染引擎等相关组件。 4. **配置文件**:项目可能包含XML配置文件,用于...
"flex 图片轮播效果"是指利用Adobe Flex这一开发框架来实现这种功能。Flex是一款基于ActionScript和MXML的开源工具,主要用于构建富互联网应用程序(RIA)。以下是对这个主题的详细讲解: 首先,Flex支持XML...
3. **ActionScript 3.0**:这是Flash Player和Adobe AIR支持的编程语言,也是Flex的主要编程语言。在水波纹效果的实现中,ActionScript 3.0可能用于编写计算水纹动态变化的算法,控制波纹的生成、传播和消失等。 4....
3. **3D对象和转换**:在Flex中,我们使用诸如Cube3D、Sphere3D等类来创建3D形状。通过设置Transform3D对象,可以对3D对象进行旋转、缩放和平移等操作,从而实现隧道效果的动态变化。 4. **动画和时间线**:为了...
3. **水波纹**:水波纹特效模拟水面波动的效果,常用于创建动态背景或交互式界面元素。在Flex中,开发者可能通过编程生成一系列动态的图形形状,模拟波浪起伏,或者使用物理模拟库来模拟水体的行为,如` ...
3. **实现折叠效果的技术细节**: - **事件监听**:使用Flex的MouseEvent.CLICK监听器,当用户点击Panel的头部时触发折叠或展开操作。 - **动画效果**:为了实现“缩入折叠”和“翻转折叠”效果,可以使用TweenMax...
Flex3D效果图片浏览器是一种基于Adobe Flex技术构建的交互式应用程序,它利用了Flex的3D功能来展示图片,提供了一种独特的、视觉上引人入胜的方式来浏览图像。Flex是一个开源的框架,用于构建富互联网应用(RIA),...
Flex Coverflow效果是一种在Web开发中常用于展示图像或内容的动态视觉效果,它模仿了类似于苹果iTunes Cover Flow的界面样式。Coverflow允许用户以3D视角浏览一系列元素,通常是一些图片或者卡片,而这些元素在用户...
下面将详细探讨Flex4与Flex3在组件架构、布局管理、状态使用、效果实现以及迁移过程中的关键差异。 ### 组件和外观架构 Flex4最显著的变化之一是引入了全新的组件和外观架构,称为Spark。这一架构不仅提高了性能,...
7. **图形和动画**:利用Flex3,开发者可以创建复杂的矢量图形和流畅的动画效果,这得益于Flash Player的图形渲染能力。 8. **移动应用开发**:虽然Flex3主要是为桌面浏览器设计的,但通过Adobe AIR,开发者也能...
flex 饼图3d,渐变,立体显示凸凹的效果,适合效果非常美观!
3. **Flex 4.5**:Flex 4.5是Flex框架的一个版本,引入了Spark组件模型,提供了更多的设计自由度和更高效的性能。这个版本还增强了数据绑定和动画功能,使得创建动态效果更加容易。 4. **SWC文件**:SWC是Flex的库...
这个"Flex 3DMENU 3D菜单 + 特效"的资源可能是一个用Flex开发的3D效果的菜单组件,适用于网页或者桌面应用,提供了视觉上吸引人的导航体验。下面将详细介绍Flex 3D菜单及其特效相关的知识点: 1. **Flex框架**:...
这个标题提到的"Flex开发的类似3d屏风展示效果",指的是使用Flex技术实现的一个具有三维视觉效果的屏幕展示组件,它模拟了中国古代屏风的翻转效果,用于展示图片或其他内容,提供了一种独特且吸引用户的交互体验。...
Flex百叶窗效果是一种在网页设计中常见的动态视觉效果,主要利用CSS3的Flexbox布局模型来实现。这种效果通常用于展示一组元素,如图片或卡片,通过改变它们的顺序和透明度,模拟出百叶窗打开或关闭的动画。在本文中...