积少成多Flash(10) - Flex 3.0 状态转换(State), 状态转换的过渡效果(State Transition), 自定义鼠标指针
2009-11-16 00:00:00 来源:WEB开发网介绍
演示 Flex 3.0 中的转换状态及转换状态中的过度效果,自定义鼠标指针
* 状态转换(State) - 对 UI 状态,以某一种编程模型做转换
* 状态转换的过渡效果(State Transition) - 设置 UI 状态的转换过程中的过渡效果
* 自定义鼠标指针 - 对鼠标指针的样式做自定义设置
在线DEMO
http://www.cnblogs.com/webabcd/archive/2009/11/09/1598980.html
1、演示 State 的应用
State.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300"
title="State (状态的应用)">
<mx:states>
<mx:State name="state2">
<!--
<mx:AddChild /> - 在指定的关联控件的指定位置新增指定的控件
relativeTo - 关联的控件
position - 在关联控件的指定位置增加控件
关联控件为元素类型则此处可能的值为:before 或 after
关联控件为集合类型则此处可能的值为:firstChild 或 lastChild
<mx:SetProperty /> - 设置指定控件的某属性的值
<mx:RemoveChild /> - 移除指定的控件
-->
<mx:AddChild relativeTo="{form}" position="lastChild">
<mx:FormItem label="Label2:">
<mx:TextInput/>
</mx:FormItem>
</mx:AddChild>
<mx:SetProperty target="{panel}" name="title" value="状态2"/>
<mx:RemoveChild target="{toggle}"/>
<mx:AddChild relativeTo="{bar}" position="firstChild">
<!--
设置状态为空,即转换到原始状态
-->
<mx:LinkButton label="转换到状态1" click="this.currentState=''"/>
</mx:AddChild>
</mx:State>
</mx:states>
<!--
以下为 状态1 的 ui
-->
<mx:Panel id="panel" title="状态1">
<mx:Form id="form">
<mx:FormItem label="Label1:">
<mx:TextInput/>
</mx:FormItem>
</mx:Form>
<mx:ControlBar id="bar">
<!--
ui 状态转换到名为 state2 的 <mx:State />
-->
<mx:LinkButton id="toggle" label="转换到状态2" click="this.currentState='state2'" />
</mx:ControlBar>
</mx:Panel>
</mx:Panel>
- ››flash文件的压缩方法(swf文件压缩瘦身)
- ››Flash鼠绘教程:临摹徐悲鸿的骏马图
- ››Flash实例:AS3制作茶杯震动动画
- ››Flash AS 3.0实例教程:Main类打造发散效果
- ››Flash cs3仿真艺术设计3.6:运用遮罩打造焦点效果...
- ››Flash cs3仿真艺术设计4.1:阴影的基本运用
- ››Flash CS4教程:3d工具实例和骨骼工具
- ››flash加载外部文本文件的3种方法
- ››flash在有限的页面内制作大的地图
- ››Flash教程:AS代码制作计时器方法
- ››Flash AS教程:propertydata问题解决
- ››FlashFXP v4.0.0 Build 1486 RC2 [烈火汉化]
更多精彩
赞助商链接