<?xml version="1.0" ?> <!-- transitions\LoginFormTransition.mxml --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark"> <!-- The Application class states property defines the view states.--> <s:states> <s:State name="default"/> <s:State name="Register"/> </s:states> <!-- Define the transition to animate the change of view state. --> <s:transitions> <s:Transition fromState="default"> <s:Parallel> <s:Wipe direction="right" target="{confirm}"/> <s:Resize target="{loginPanel}" duration="100"/> </s:Parallel> </s:Transition> <s:Transition fromState="Register"> <s:Sequence> <s:Resize target="{loginPanel}" duration="100"/> </s:Sequence> </s:Transition> </s:transitions> <!-- Set title of the Panel container based on the view state.--> <s:Panel id="loginPanel" title="Login" title.Register="Register"> <s:layout> <s:VerticalLayout/> </s:layout> <s:Form id="loginForm"> <s:FormItem label="Username:"> <s:TextInput/> </s:FormItem> <s:FormItem label="Password:"> <s:TextInput/> </s:FormItem> <!-- Add a TextInput control to the form for the Register view state. --> <s:FormItem id="confirm" label="Confirm:" includeIn="Register"> <s:TextInput id="myTI"/> </s:FormItem> <s:FormItem> <!-- Use the LinkButton to change to the Register view state.--> <!-- Exclude the LinkButton from the Register view state.--> <!-- Add a LinkButton to the form for the Register view state. --> <mx:LinkButton label="Return to Login" includeIn="Register" click="currentState=''"/> <mx:LinkButton id="registerLink" includeIn="default" label="Need to Register?" click="currentState='Register'"/> <s:Button id="loginButton" label="Login" label.Register="Register"/> </s:FormItem> </s:Form> </s:Panel> </s:Application>
效果为:当点击Need to Register?的时候,confirm表单从左向右渐渐出现
参考:http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf600c1-7fff.html
相关推荐
侧边栏滑动菜单Sidebar Transitions,多种css3特效变换
Transitions Everywhere Backport of Android Transitions API. Animations backported to Android 4.0 . API compatible with Android 2.2 About Article about transitions and library. More info here Russian ...
Activity Transition是Material Design中提供的一种动画效果。它通过运动和切换不同状态之间的元素来产生各种动画效果。
前端开源库-glsl-transitionsglsl transitions,在glsl.io上创建的glsl transitions集合。
Transitions Plus带有19种不同的效果风格和100多种拖放预设,可与许多自定义选项一起使用。 *** 主要功能 *** - 易于使用。右键单击层次,选择“效果”->“Transitions Plus”,将效果管理器添加到场景中。使用其...
fl.transitions,包
Python有限状态机——transitions https://xercis.blog.csdn.net/article/details/124127799
tram.js是一款实现跨浏览器CSS3 transitions效果的jQuery插件。tram.js旨在提高CSS3 transitions的性能和灵活性,并通过jQuery来定义它们。tram.js提供强大的API来实现auto-stopping、sequencing和跨浏览器等功能。
android4.4和5.0中Transitions API的兼容补丁,可兼容2.2 项目地址:https://github.com/andkulikov/transitions-everywhere 效果图:使用说明:关于Transitions API请看这篇文章Transitions API from Android Kit...
UI专用的特效插件-Beautiful Transitions v2.3;UI专用的特效插件-Beautiful Transitions v2.3;UI专用的特效插件-Beautiful Transitions v2.3
transition_ViewTransitions transition_ViewTransitions transition_ViewTransitions
UI专用的特效插件-Beautiful Transitions v2.3 官网商店12刀
// Use **transitions.loadScene** instead of **cc.director.loadScene** // cc.director.loadScene(url, this.onLoadSceneFinish.bind(this)); this . transitions . loadScene ( url , 'Canvas/Main Camera' , '...
极品一百全力打造奢华的3D图片展示效果--3D Image Transitions,简单易用,效果炫丽。
Set of extra Transitions on top of AndroidX Transitions Library. About Article about transitions and library Originally this library was a full backport of Android Platform's Transitions API. Then all...
CSS Animations and Transitions for the Modern Web 英文mobi 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
CSS transforms, CSS transitions, and CSS animations are three separate CSS specifi‐ cations.... Transitions and animations let you define the transition between two or more states of an element.
这是一个基于AE 2018的模板,适用于各种特效,非常适合大家的使用和学习。一个模板在手,做什么视频都能够无忧无虑!
CSS3的动画 Transitions和Transforms和Animation 示例与快速学习