`

Flex创建过渡和行为

阅读更多
1、在组件上使用行为
   行为是预先构建的动画,它可以直接应用于包括用户自定义组件之内的所有组件,过渡只是用于程序状态的简单效果。

    下面列举了一些组件或程序状态可以使用的效果:
    a、 浅入、 淡出
    b、 向内溶解,向外溶解
    c、 移动或重新调整组件
    d、 旋转组件
    e、 缩放
    f、 从左、右、上、下显示
    g、 使用其他视觉效果,如光亮和光圈
    h、 使用音效

    对组件使用的行为包含两个部分:
    A、 触发器  就是指动作,比如用户单击按钮、组件获得焦点或者组件变为可见
    B、 效果  指一段时间内组件在视觉和听觉上的改变
    组件都有触发器,但是这些触发器只在与其他动作相关联时才会发生作用。
    注意: 触发器并不是事件,按钮既有mouseDownEffect触发器又有mouseDown事件。触发器就是促使事件发生,而事件为本身指定了事件发生时的自定义事件处理程序。而使用mouseDownEffect触发器则没必要指定事件处理程序,只要指定想要产生的行为。在触发器上可以指定多个效果,可以使用的行为触发器如下:

   focusInEffect
   focusOutEffect
   hideEffect
   mouseDownEffect
   mouseUpEffect
   rolloutEffect
   rolloverEffect
   showEffect

   为了向组件使用效果,需要把触发器的名字属性设为Effect类的名字。如果在组件内定义触发器,那么只能声明一个效果,而且还不能自定义这个效果。
   <mx:list id="myList" showEffect="Fade"/>
 
   通过<mx:Parallel>和<mx:Sequence>标签,可以对组件使用多个效果(在同一个触发器上)。<mx:Parallel>指定效果同时发生,<mx:Sequence>指定效果按顺序依次发生。
   
    
2、 在视图状态上使用过渡
    Transaction类的一些属性:fromState, toState, Effect
    为了使用过渡,必须用一个小写的<mx:transactions>标签快来包围若干个<mx:Transaction>标签。
     <mx:transactions>
      <mx:Transaction id="myTransaction1"
       fromState="state1" toState="state2">
       <mx:Sequence targets="{[VBox1,VBox2...]}">
          <mx:Move .../>
          <mx:Dissolve .../>
       </mx:Sequence>
   </mx:Transaction>
</mx:transactions>
   当视图状态被触发时,Flex会查找和运行与当前和目标视图状态相匹配的过渡对象。
    Flex在需要组件之时才会进行它们的初始化。
分享到:
评论

相关推荐

    Flex2的几个行为动画源码

    在Flex2中,行为(Behaviors)和动画(Animations)是两个关键概念,它们帮助开发者创建交互性和动态效果,提升用户体验。以下是对这些源码示例的详细解释: 1. **SoundExample**: 这个例子展示了如何在Flex2中处理...

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

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

    flex_api (FLEX接口)

    Flex API提供对这些组件的访问和自定义,允许开发者扩展和定制组件行为。 5. **数据绑定** Flex API支持数据绑定,这意味着UI组件可以直接与数据模型关联,当数据模型发生变化时,UI会自动更新。这简化了应用程序...

    Flex3与flex4的区别

    它提供了更多的内置效果,如淡入淡出、缩放和平移,以及一个更强大的效果引擎,使得创建流畅的过渡和动画变得更加容易。这对于提升应用的视觉吸引力和用户交互体验至关重要。 ### 迁移至Flex4 将Flex3的应用程序...

    flex4.5.1.chm flex4API文档

    5. **skins和styles**:Flex 4.5.1中的皮肤和样式系统允许开发者自定义组件的外观和行为,使得UI设计更加灵活。 6. ** States 和 Transitions**:Flex 4 引入了状态管理和过渡效果,使得在不同UI状态之间轻松切换,...

    Flex学习相关资料

    - **Animate和Tween**:Flex提供了强大的动画功能,可以创建平滑的过渡效果和复杂的动画序列。 6. **服务调用和数据访问** - **AMF**:Action Message Format,Flex用于高效传输数据的二进制格式,常用于与服务器...

    adobe flex例程源码

    9. **状态管理**: Flex支持状态管理,允许你在不同场景下改变UI的外观和行为。源码中可能会展示如何定义和切换应用的不同状态。 10. **动画和效果**: Flex还提供了创建动画和视觉效果的工具。源码可能包含简单的...

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

    3. **ActionScript**:ActionScript是Flex中用于实现动态行为和业务逻辑的脚本语言。它是基于ECMAScript的一个版本,支持面向对象编程,可以与MXML结合使用,实现丰富的交互功能。 4. **Flex组件**:Flex提供了一...

    flex4.0快速入门

    6. **Effect和动画**:Flex 4.0加强了对效果(Effect)和动画的支持,通过Effect类和Animate类,开发者可以轻松添加过渡效果和自定义动画,提升用户界面的动态性。 7. **事件模型**:Flex 4.0的事件模型基于观察者...

    Flex中文参考手册

    5. **动画和效果**:Flex提供了强大的动画框架,可以创建复杂的过渡效果,提升用户体验。 6. **_states_ 和 _effects_**:Flex中的状态管理允许你根据应用程序的不同阶段或用户行为改变组件的外观和行为。 7. **...

    好看的FLEX相册

    7. **动画和过渡效果**:Flex提供Animate类和TransitionManager,可用于创建平滑的过渡效果,如图片的滑入滑出、淡入淡出等。 8. **布局管理**:Flex提供了不同的布局策略,如HorizontalLayout、VerticalLayout等,...

    FLex 左右滑动图片墙

    2. **DisplayObject容器**:Flex中的`Canvas`或`Application`组件可以作为图片墙的基础容器,它们能容纳多个`DisplayObject`,如`BitmapImage`,并允许我们自定义其布局和行为。 3. **ActionScript 3(AS3)编程**...

    flex案例,用于实战演习

    7. **动画效果**:Flex提供了强大的动画功能,可以创建平滑的过渡效果和复杂的动画序列,提升用户体验。 8. **数据服务集成**:Flex可以轻松地与各种后端数据服务进行交互,如AMF、SOAP或RESTful服务,实现数据的...

    Flex控件折叠效果

    - **动画效果**:为了实现“缩入折叠”和“翻转折叠”效果,可以使用TweenMax或Flex的Animate类来添加平滑的过渡动画。这些动画可以改变组件的高度、宽度、透明度等属性,从而实现动态的折叠效果。 - **数据绑定**...

    flex----组件---行为类与特效类

    特效允许开发者轻松地在组件之间创建过渡效果,如淡入淡出、滑动、缩放等,使得用户界面更加生动和吸引人。Flex提供了一个名为Effect类的基类,开发者可以通过继承这个类并覆盖其方法来创建自定义特效。同时,Flex还...

    Flex4.0中文API.rar

    5. ** States and Transitions**:状态管理和过渡效果是Flex 4.0的新特性,允许开发者定义组件在不同状态间的行为和动画效果,从而创建动态用户界面。 6. **Data Binding**:Flex 4.0的数据绑定机制更加灵活,支持...

    flex4权威指南教程+全代码 flex flex

    Flex 4提供了强大的效果和动画支持,通过Effect类和Timeline类,开发者可以轻松创建复杂的过渡效果和动画,提升用户体验。 5. **数据绑定**: Flex 4的数据绑定机制简化了UI组件与数据模型之间的交互。通过双向...

    flex3语言参考手册

    了解如何使用Tween和Timeline类来创建平滑的动画过渡。 9. **状态管理**:Flex应用可以有多个状态,根据不同的用户交互或条件显示不同的界面布局。理解如何定义和切换状态,以及如何在状态间共享组件的配置。 10. ...

    超酷Flex动画图表

    - 学习如何通过ActionScript代码控制图表的行为和样式。 - 了解如何实现图表的动画效果,增加视觉吸引力。 - 熟悉如何处理用户交互,提升应用程序的可用性。 总的来说,这个"超酷Flex动画图表"项目不仅提供了丰富的...

    Flex模拟Mac特效

    2. 动画效果:Flex支持ActionScript的动画效果,可以使用Tween类或Animate类来实现平滑的过渡效果。在“头部滑出”的特效中,关键在于通过改变组件的x、y坐标或宽度、高度属性来实现滑动效果。 3. 自定义组件:由于...

Global site tag (gtag.js) - Google Analytics