`
marcoojoey
  • 浏览: 9552 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex day 9 组件的特效

阅读更多

<s:transitions>

一个 Transition 对象 Array,其中的每个 Transition 对象都定义一组效果,用于在视图状态发生更改时播放。

<s:fade>淡入淡出效果可设置组件的 alpha 属性的动画效果(从透明到不透明或从不透明到透明

<?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>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<s:Animate id="mover" target="{button}">
			<s:SimpleMotionPath property="x" valueFrom="0" valueTo="100"/>
			<s:SimpleMotionPath property="y" valueTo="100"/>
			<s:SimpleMotionPath property="width" valueBy="20"/>
		</s:Animate>
		<s:Parallel id="transformer" target="{button}">
			<s:Move xFrom="50" xTo="150" autoCenterTransform="true"/>
			<s:Rotate angleFrom="0" angleTo="90" autoCenterTransform="true"/>
			<s:Scale scaleXFrom="1" scaleXTo="2" autoCenterTransform="true"/>
		</s:Parallel>


	</fx:Declarations>
	<s:states>
		<s:State name="state1"/>
		<s:State name="state2"/>
	</s:states>
	<s:transitions>
		<s:Transition>
			<s:Fade targets="{[button0, button1, button2]}"/>
		</s:Transition>
	</s:transitions>
	<s:Button id="button" x="50" y="100" label="transforme" click="transformer.play()"/>
	
	<s:Button id="button0" label="Visible" x="100" y="0"
			  visible="true" visible.state2="false"/>
	<s:Button id="button1" label="Alpha" x="100" y="50"
			  alpha="1" alpha.state2="0.5"/>
	<s:Button id="button2" label="Existence" x="100" y="100"
			  includeIn="state2"/>
	<s:Button label="Toggle State"
			  click="currentState=(currentState=='state1')?'state2':'state1'"/>
</s:Application>

 

0
0
分享到:
评论

相关推荐

    flex 高级自定义组件

    Flex中的高级自定义组件开发是构建复杂用户界面的关键技术,它允许开发者超越基本组件的限制,以满足特定的业务需求和视觉设计。在创建高级组件时,了解并掌握一些核心方法的重写至关重要,这些方法涉及到组件的生命...

    flex特效组件用法效果

    在本文中,我们将深入探讨Flex特效组件的用法及其在自定义控件中的应用。Flex布局是一种强大的CSS布局模式,允许我们创建响应式和灵活的用户界面。它特别适合用于现代网页和移动应用的设计,因为它可以自动调整元素...

    Flex4自定义组件开发.pdf

    ### Flex4自定义组件开发详解 #### 一、Flex4自定义组件概述 Flex4(也称为Spark)是Adobe Flex框架的一个重要版本,它引入了许多新的特性,包括改进的组件库、性能优化以及更好的可定制性。在Flex4中,自定义组件...

    flex组件之行为和特效组件实例源码

    通过研究这些源码,开发者可以更好地理解如何在实际项目中应用Flex的行为和特效组件。 源码分析通常涉及以下几个步骤: 1. **阅读源码结构**:首先,查看每个实例的MXML文件,了解如何在XML中定义行为和特效,以及...

    Flex各自定义组件事件通讯例子

    在Flex开发中,自定义组件和事件通讯是构建复杂应用程序的关键技术。本示例通过一个简单的用户登录场景,深入解析了如何实现组件间的有效通信。下面将详细解释Flex自定义组件、事件处理以及它们在实际应用中的作用。...

    Adobe Flex Builder 3组件之间的传递参数

    在Adobe Flex Builder 3中,开发富互联网应用程序(RIA)时,经常需要在不同组件之间交换数据或参数。这是构建动态、交互式用户界面的关键环节。本教程将深入探讨Flex中组件之间的参数传递机制,帮助你更好地理解和...

    flex 组件效果。特效。

    这个“flex 组件效果。特效。组件。flex。 flex精贴。”的标题和描述暗示了我们将探讨Flex布局在创建动态、响应式组件时的各种效果和技巧。 1. **Flex容器**: - 在CSS中,一个父级元素被设定为`display: flex;`后...

    Flex 分页组件,flex自定义组件

    Flex分页组件是一种在Flex应用程序中用于展示大量数据并分批加载的重要工具。它通过将大量数据分成小块,每次只加载一部分,提高了用户界面的响应速度和用户体验。本组件适用于那些需要显示大量数据,如表格、列表...

    flex简单实例。flex比较简单的 组件特效,对初学者有很大帮助

    在本压缩包中,"flex简单实例"提供了一些基础的Flex组件特效,对于初学者来说是很好的学习资源。 Flex的核心组成部分包括: 1. **Flex SDK**:一套开源的开发工具包,包含编译器、框架库和运行时环境,可以用来...

    Flex4的组件信息

    详解Flex4的系统组件与基本组件。让你在应用的时候知道用什么.

    支持手动拖拽缩放flex组件的组件

    在给定的标题“支持手动拖拽缩放flex组件的组件”中,我们可以推断出这是一个专门针对Flex环境设计的组件,它允许用户通过手动拖拽和缩放操作来调整Flex应用中的组件大小。 描述中提到的“com.janisRadins.zip”很...

    Flex3组件介绍包含flex3的所有组件介绍并有例子

    Flex3组件介绍,包含flex3的所有组件介绍并有例子

    FLEX特效FLEX特效FLEX特效FLEX特效

    9. **Flex与RIA**:作为RIA技术的一部分,Flex允许开发者创建离线应用、实时通信应用、数据可视化应用等,极大地提升了Web应用的功能和用户体验。 10. **现代Web发展趋势**:虽然现在HTML5、CSS3和JavaScript等技术...

    Flex轮弹组件

    Flex轮弹组件是一种在Adobe Flex应用中常用的交互组件,它为用户提供了一种平滑滚动的效果,使得用户可以轻松浏览超出视窗范围的内容。Flex是基于ActionScript和MXML的开源框架,主要用于构建富互联网应用程序(RIA...

    flex4自定义组件皮肤

    - Flex4引入了Spark组件模型,相对于MX组件,Spark组件更加强调可定制性,允许开发者更自由地设计组件外观。 2. **创建自定义皮肤** - 使用Flex SDK中的Skin类或MXML来创建自定义皮肤。皮肤通常包含一组显式状态...

    Flex 组件Flex 组件Flex 组件

    Flex组件是Adobe Flex框架的核心部分,它是一组预先构建的用户界面元素,用于构建富互联网应用程序(RIA)。Flex组件库提供了丰富的控件集合,包括按钮、文本框、列表、面板等,使得开发者能够轻松创建具有交互性和...

    flex 图片上传组件 php服务

    首先,让我们理解Flex图片上传组件的工作原理。Flex通常使用ActionScript编程,它是基于ECMAScript的一个面向对象的语言。在图片上传组件中,开发者可以创建一个用户友好的界面,包含一个或多选文件输入控件,用户...

    Flex3+组件拖放教程

    Flex3 是Adobe Flash平台的一个版本,它提供了丰富的用户界面组件和强大的数据绑定功能,用于创建交互式的Web应用程序。在Flex3中,组件的拖放功能是一项核心特性,它允许用户轻松地通过鼠标操作将一个对象从一处...

    Flex时间选择组件

    Flex时间选择组件是一款在CSDN平台上下载并经过二次开发的时间选择工具,主要适用于Web应用程序,旨在提升用户体验,提供更加灵活、便捷的方式来选取和输入时间。这个组件可能基于ActionScript或者Flex技术,这两种...

    flex翻书组件

    9. **许可证信息**:`License MIT.txt`文件是开源许可证,通常说明了该组件的使用、复制、修改和分发的规则,遵循MIT许可证意味着你可以自由地使用和修改这个组件,只要保留原作者的版权信息。 10. **帮助文档**:`...

Global site tag (gtag.js) - Google Analytics