<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" top="0" left="0" right="0" bottom="0" backgroundColor="#cccccc"
verticalScrollPolicy="on"
xmlns:local="*"
xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"
xmlns:mccune="com.dougmccune.controls.*"
xmlns:stucki="com.fusionx.ui.*"
xmlns:ac="com.adobe.ac.mxeffects.*"
initialize="createData();"
xmlns="*" xmlns:yspnei="yspnei.*">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
import mx.core.DragSource;
import mx.core.FlexGlobals;
import mx.core.IUIComponent;
import mx.core.UIComponent;
import mx.events.CloseEvent;
import mx.events.DragEvent;
import mx.events.EffectEvent;
import mx.events.FlexEvent;
import mx.managers.DragManager;
import mx.managers.PopUpManager;
import yspnei.IP;
import yspnei.KeHuDuan;
import yspnei.RiZhi;
import yspnei.TongJiGaiKuang;
//底层苹果效果
[Bindable]
public var myImages:Array = [
"icons/Adobe Fireworks 9.png",
"icons/Adobe Flex 3.png",
"icons/Adobe Device Central.png",
"icons/Adobe Photoshop CS3.png",
"icons/Options.png",
"icons/Most Popular Today.png"
];
private var dp:Array;
private function createData():void
{
dp = new Array();
for(var i:int=0; i<myImages.length; i++) {
var obj:Object = new Object();
obj.thumb = myImages[i];
obj.se=i;
dp.push(obj);
}
fisheye.dataProvider = dp;
}
public var tongjigaikuang:TongJiGaiKuang;
public var rizhi:RiZhi;
//底层重点,弹出窗口
private function changeSelected(event:Event):void {
if(fisheye.selectedIndex==0) {
tongjigaikuang=new TongJiGaiKuang();
PopUpManager.addPopUp(tongjigaikuang,FlexGlobals.topLevelApplication as DisplayObject,true);
PopUpManager.centerPopUp(tongjigaikuang);
rs.target=tongjigaikuang;
rs.play();
}
else if(fisheye.selectedIndex==1) {
rizhi=new RiZhi();
PopUpManager.addPopUp(rizhi,FlexGlobals.topLevelApplication as DisplayObject,true);
PopUpManager.centerPopUp(rizhi);
rs2.target=rizhi;
rs2.play();
}else if(fisheye.selectedIndex==1){
fisheye.enabled=false;
}
}
//更换皮肤
[Bindable]
private var zhuangShiWindows:ZhuangShiWindows;
protected function ghpf_clickHandler(event:MouseEvent):void
{
zhuangShiWindows=new ZhuangShiWindows();
PopUpManager.addPopUp(zhuangShiWindows,FlexGlobals.topLevelApplication as DisplayObject);
PopUpManager.centerPopUp(zhuangShiWindows);//居中对齐
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<mx:Iris id="iris" duration="600"/>
<mx:WipeLeft id="left"/>
<s:Fade id="fade" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
<s:Fade id="fades" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
<mx:Zoom id="rs" zoomHeightFrom="0" zoomHeightTo="1" zoomWidthFrom="0" zoomWidthTo="1" originX="{593}" originY="{550}" duration="500"/>
<mx:Zoom id="rs2" zoomHeightFrom="0" zoomHeightTo="1" zoomWidthFrom="0" zoomWidthTo="1" originX="{635}" originY="{550}" duration="500"/>
</fx:Declarations>
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
.chartTitle{
color: "0xFFAE00";
fontWeight: bold;
textAlign: center;
fontSize: 15;
fontFamily: 宋体;
paddingTop:3;
}
.textTitle{
color: "0x000000";
fontWeight: normal;
textAlign: center;
fontSize: 12;
fontFamily: 宋体;
}
</fx:Style>
<s:DataGroup itemRenderer="view.ShowZhuangshiSon" id="dg" height="100%" width="100%">
</s:DataGroup>
<s:VGroup width="100%" height="100%" gap="10">
<s:Group width="100%">
<mx:Image width="100%" height="100%" maintainAspectRatio="false"> </mx:Image>
<mx:LinkButton x="1055" y="70" label="更换皮肤" click="ghpf_clickHandler(event)" id="ghpf" buttonMode="true"/>
</s:Group>
<s:VGroup width="100%" horizontalAlign="center" height="415">
<!--切换界面-->
<mx:ViewStack id="viewStack" width="80%" height="100%">
<local:ExampleContainer backgroundColor="0xb80000" hideEffect="fades" showEffect="fade" label="" id="sy"/>
<local:YSPManager backgroundAlpha="0" hideEffect="left" showEffect="left" label=""/>
<local:P2PManager backgroundColor="0xc07800" hideEffect="left" showEffect="left" label=""/>
<local:P2SPManager backgroundColor="0xc07800" hideEffect="left" showEffect="left" label=""/>
</mx:ViewStack>
<mx:ToggleButtonBar dataProvider="{viewStack}" width="80%"/>
</s:VGroup>
<mccune:BouncingFisheye id="fisheye"
change="changeSelected(event)"
width="100%" height="80"
bounceDistance="70"
stateProperty="currentState"
rolloverValue="hilighted"
defaultValue="" selectedValue="selected"
verticalAlign="bottom" horizontalAlign="center"
animationSpeed=".2" defaultSpacing="0"
defaultScale=".35" hilightMaxScale=".65"
hilightScaleSlope=".4" hilightSpacing="0" hilightScaleRadius="4" >
<mccune:itemRenderer>
<fx:Component>
<mccune:BouncingBurningTile>
<mccune:states>
<s:State name="selected">
</s:State>
<s:State name="hilighted">
</s:State>
</mccune:states>
</mccune:BouncingBurningTile>
</fx:Component>
</mccune:itemRenderer>
</mccune:BouncingFisheye>
<mx:HBox width="100%" horizontalAlign="center" horizontalGap="10" horizontalScrollPolicy="off" verticalScrollPolicy="off">
</mx:HBox>
</s:VGroup>
</mx:Canvas>
<mccune:BouncingFisheye>是需要引用的类
分享到:
相关推荐
这个"flex鱼眼显示图片的例子"是一个Flex项目,它展示了如何使用Flex技术实现一个鱼眼效果的图片显示功能。鱼眼效果通常指的是将图像扭曲成类似鱼眼镜头所拍摄的弧形视野,这种效果在视觉上往往能带来独特的体验。 ...
在这个场景中,我们讨论的是一个使用FLEX实现的具有3D旋转效果的鱼眼菜单,当用户点击菜单项时,页面会以3D旋转的方式进行切换。 首先,我们需要了解FLEX布局的基础知识。FLEX布局允许开发者设置容器内的子元素如何...
标题中的“flex 苹果桌面效果的弹出窗口”指的是使用Adobe Flex技术在苹果桌面环境中实现类似苹果OS X系统的弹出窗口效果。Flex是一种开源的、基于ActionScript的框架,用于构建富互联网应用程序(RIA),它允许...
"Flex 鱼眼特效"指的是在Flex应用中实现的一种视觉效果,它模拟了鱼眼镜头的透视变形,通常用于创建吸引人的交互式菜单或展示元素。这种特效能够使用户界面更加生动有趣,增加用户的互动体验。 在Flex中实现鱼眼...
Flex超炫布局是一种基于Adobe Flex技术的用户界面设计方法,它可以实现类似Windows 7操作系统中的动感视觉效果。Flex是ActionScript 3.0的一个开发框架,主要用于构建富互联网应用程序(Rich Internet Applications...
Flex翻书效果是一种在网页或应用中实现模拟真实书籍翻页动画的技术,它利用了CSS3中的Flexbox布局模型和一些动态效果来创造出逼真的翻页体验。在现代Web开发中,这种效果常用于电子书、杂志或者产品展示等场景,以...
flex 鱼眼菜单flex 鱼眼菜单flex 鱼眼菜单flex 鱼眼菜单
"flex 图片轮播效果"是指利用Adobe Flex这一开发框架来实现这种功能。Flex是一款基于ActionScript和MXML的开源工具,主要用于构建富互联网应用程序(RIA)。以下是对这个主题的详细讲解: 首先,Flex支持XML...
Flex水波纹效果项目是一种基于Adobe Flex技术实现的动态视觉效果,主要应用于用户界面设计,为用户提供更加生动、直观的交互体验。Flex是基于ActionScript 3.0和MXML的开源框架,它允许开发者创建丰富的互联网应用...
这个"鱼眼"特效是Flex4中的一个特殊视图效果,它模拟了现实世界中鱼眼镜头产生的夸张弧形视野,使得菜单或界面元素在视觉上呈现独特且引人注目的动态效果。鱼眼菜单通常用于提供一种创新的用户交互方式,尤其是当...
flex3.0 苹果风格界面实例
本文将详细阐述如何在Flex中实现父窗体与子窗体之间的数据传输,以及如何在子窗体数据变化时更新父窗体的数据。 首先,我们来看子窗体的部分。在Flex中,子窗体可以定义一个公开的方法来允许父窗体进行访问。例如,...
Flex 是 Adobe 推出的一种用于构建富互联网应用程序(RIA)的框架,它允许开发者创建具有交互性和动态视觉效果的应用程序。在 Flex 3.0 中,动画效果是增强用户体验的关键特性之一,允许开发者通过编程方式实现多种...
"Flex 3D切换效果"是指在Adobe Flex框架下实现的3D转换效果,它使得应用程序的界面元素在用户交互时能够呈现出立体的翻转或旋转效果。这种效果通常用于导航菜单、卡片式布局或者像登录界面中的按钮点击反馈,为用户...
"Flex控件折叠效果"是一个常见的需求,它涉及到用户界面(UI)的动态性与可扩展性,使得用户能更有效地管理和浏览信息。本文将深入探讨Flex控件折叠效果的相关知识点,包括其工作原理、实现方式以及实际应用。 Flex...
Flex Coverflow效果是一种在Web开发中常用于展示图像或内容的动态视觉效果,它模仿了类似于苹果iTunes Cover Flow的界面样式。Coverflow允许用户以3D视角浏览一系列元素,通常是一些图片或者卡片,而这些元素在用户...
在Flex中实现苹果风格,可能包括使用简洁的边框、优雅的字体、一致的控件样式以及平滑的动画效果。Flex允许自定义组件皮肤,通过调整颜色、阴影、圆角等属性,可以创建出类似苹果UI的视觉效果。 4. **主题的应用**...
在本案例中,我们关注的是Flex中的一个特殊视觉效果——“鱼眼”(FishEye)特效。鱼眼特效通常指的是在用户交互时,元素以类似鱼眼镜头的方式进行变形或放大,提供一种独特的用户体验。 鱼眼特效在Web应用中常用于...
本资源"Flex源码大合集"是一个集合,包含了多种Flex项目的源代码实例,适用于开发者深入学习和理解Flex的特殊效果和功能。 1. **Flex框架**:Flex框架是Adobe提供的一个开发工具,它允许开发者使用MXML和...