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

Flex 多效果 切换

    博客分类:
  • Flex
阅读更多

Flex 的效果 是它的一大亮点

也是非常能提升用户体验的

 

单一的效果大家应该都会做

 

可以加入<mx:Move/> 等效果标签,或者new 一个 Move对象,然后play();

 

加入一个ViewStack的切换,只有一个效果...那么肯定不会让人很满足...

所以

我们要用<mx:Parallel/>将我们的效果组织起来

比如:

	<mx:Parallel id="lo" targets="{[h1,h2,loginD]}">
		<mx:WipeDown target="{h1}" />
		<mx:WipeUp target="{h2}" />
		<mx:Fade target="{loginD}"/>
	</mx:Parallel>
	<mx:Parallel id="su" targets="{[h1,h2,loginD]}">
		<mx:WipeDown target="{h2}" />
		<mx:WipeUp target="{h1}" />
		<mx:Fade target="{loginD}"/>
	</mx:Parallel>

 

这里写了2个集合效果

当设置时:

<mx:VBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle" hideEffect="{su}">

 

就可以为一个效果事件附上了3个效果,而且是可以不同对象的效果...

这下就可以非常华丽了..

 

PS: 还是那句,做效果的时候考虑一下布局...因为效果的展示时有时间的,而且这个时间内,控件或模块还是占据空间的

0
1
分享到:
评论

相关推荐

    Flex 3D切换效果

    6. **DisplayObject容器**:3D切换效果通常涉及到多个DisplayObject(如Sprite或MovieClip)的排列和变换。你可以将这些对象放在一个共享的3D空间内的容器中,然后对容器应用3D变换。 7. **PerspectiveProjection类...

    flex 多屏切换特效

    "flex 多屏切换特效"是指利用Flex布局来实现跨屏幕尺寸的切换效果,通常用于网页或应用程序的设计,以确保在不同设备(如手机、平板电脑、桌面电脑)上都能提供良好的用户体验。下面我们将深入探讨Flex布局以及如何...

    FLex 无间隙界面切换

    FLex 无间隙界面切换 FLex 无间隙 界面切换 这个效果可以看看 但是觉得 是想要的

    flex使用viewstack切换页面的例子

    在Flex中,ViewStack组件是常用来实现页面切换效果的一个关键元素。它允许你堆叠多个子组件,并通过更改其可见性来实现从一个视图到另一个视图的平滑过渡,这对于创建简单的多页面应用或者导航结构非常实用。 在...

    flex 广告图片切换

    在前端开发中,"flex 广告图片切换" 是一种常见的设计模式,它利用 CSS3 的 Flexbox(弹性盒布局)来实现广告轮播图的效果。这种效果通常应用于网站的首页或者产品展示区域,用于吸引用户的注意力并展示多张重要的...

    MXViewStackEffectExample FLEX切换效果

    MXViewStackEffectExample是基于Adobe Flex的一个示例项目,展示了如何使用MXViewStack组件和效果来实现平滑的视图切换。Flex是一个开源的、基于MXML和ActionScript的框架,用于构建富互联网应用程序(RIA)。这个...

    FLEX 鱼眼菜单,点击菜单3D旋转效果切换页面

    在这个场景中,我们讨论的是一个使用FLEX实现的具有3D旋转效果的鱼眼菜单,当用户点击菜单项时,页面会以3D旋转的方式进行切换。 首先,我们需要了解FLEX布局的基础知识。FLEX布局允许开发者设置容器内的子元素如何...

    flex中在同一界面实现切换效果

    在flex中在同一界面实现切换效果,代码简单,易懂。

    flex 图片轮播效果

    "flex 图片轮播效果"是指利用Adobe Flex这一开发框架来实现这种功能。Flex是一款基于ActionScript和MXML的开源工具,主要用于构建富互联网应用程序(RIA)。以下是对这个主题的详细讲解: 首先,Flex支持XML...

    flex 图片切换 适合做首页的logo,里面的图片可以通过修改xml来达到效果

    为了实现图片切换效果,可能使用了Flex的Effect类或者Animate类来创建动画效果。例如,Fade效果可以用于图片的渐显渐隐,Slide效果可以用于图片的水平或垂直移动。这些效果可以应用到Image组件上,通过XML配置文件来...

    Flex 模拟CheckBox多状态切换

    6. **测试与使用**:最后,将这个新组件添加到你的Flex应用程序中,通过改变其`state`属性或交互操作,观察多状态切换的效果。 通过以上步骤,我们就成功地在Flex中实现了模拟CheckBox的多状态切换功能。这个自定义...

    Flex视图切换,自定义控件Demo.rar

    视图切换是Flex应用程序中常见的功能,允许用户在多个界面或工作区之间进行导航。这在多页面或模块化的应用中非常实用,例如在不同的功能区域或设置页面之间切换。Flex提供了一些内置组件和设计模式来实现这一功能,...

    Flex滤镜效果

    本文将深入探讨Flex滤镜效果的概念、应用场景以及如何通过代码实现动态滤镜切换效果。 #### Flex滤镜效果概述 Flex滤镜效果是一种用于修改图形或图像显示效果的技术。它可以通过改变图像的颜色、亮度、对比度等...

    Flex 布局变化时的动画效果解析 简单版

    这篇博客“Flex布局变化时的动画效果解析 简单版”可能是作者对如何在Flex布局中实现动态变换的一种简明介绍。 首先,我们需要理解Flex布局的基础概念。在Flex布局中,容器被设置为`display: flex`,它的子元素称为...

    Flex开门,关门,翻转,效果

    这个效果在现代UI设计中非常流行,常用于卡片式布局或者页面切换。在Flex中,可以通过使用Easing函数和Timeline类来创建复杂的动画效果,包括3D翻转。开发者可以指定开始和结束角度,以及翻转的轴向,来实现组件从...

    flex实现阴影效果

    通过在不同状态之间切换,可以实现不同的阴影效果,增强用户体验。 3. **自定义组件实现复杂阴影**: 对于更复杂的阴影效果,可能需要创建自定义组件。这涉及到覆盖`updateDisplayList()`方法,在其中直接绘制阴影...

    FLEX4按钮状态切换背景

    这些图片可以按照上面的CSS样式方法应用于Flex4的Button组件,以实现按钮在不同状态下的背景切换效果。 总结: 在Flex4开发中,理解和利用按钮的状态切换是提升用户体验的关键。通过为每个状态定义独特的背景图像,...

    Flex4 电视墙效果

    在Flex4中,电视墙效果是一种视觉展示方式,常用于展示大量的小图片或视频,形成类似电视屏幕矩阵的效果,用户可以通过滚动或平移来浏览内容。这种效果在数字媒体、广告展示和互动应用中非常常见。 在Flex4中实现...

    Flex视图切换 旋转效果

    实现缩略图切换旋转效果,代码里面有layout可以自己实现上下左右四面布局。现在默认只是实现了左侧栏 缩略图,中间主视图效果,点击缩略图放大,原有视图缩小变成缩略图。 愿意下就下别骂人1分你评价一下也就回来了...

    Flex GIS卷帘效果

    Flex GIS卷帘效果是一种在地理信息系统(GIS)中常见的交互方式,它允许用户通过类似卷帘的动作来展示或隐藏地图的某一层或多层,从而实现地图数据的动态切换和对比。这种效果通常用于地理信息的可视化,使得用户...

Global site tag (gtag.js) - Google Analytics