<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import flash.events.MouseEvent;
internal function changeState(event:MouseEvent):void{
if(this.currentState=="detail"){ //currentState属性代表了目前的状态,
this.currentState="";
btnLinkButton.label="了解详情";
}else{
this.currentState="detail";
btnLinkButton.label="返回简介";
}
}
]]>
</mx:Script>
<mx:states>
<mx:State name="detail">
<!-- Mx:states标签中添加一对标签mx:state ,用来定义一个状态,state对象可以使用以下方法
SetEventHandler 设置对象某一事件的监听方法。
SetProperty 设置对象的属性
SetStyle 设置对象的样式
AddChild 向对象添加一个子级元素
RemoveChild 删除一个子级元素
Transition 设置状态的过渡动画效果
-->
<!-- 向对象添加一个子级元素 -->
<mx:AddChild relativeTo="{ControlPanel}" positinotallow="lastChild" creatinotallow="all">
<!-- relativeTo表示目标容器,
position表示新对象在容器中的位置,可选的值有before after firstChild lastChild .
before 和after 分别表示添加到对象所在容器中,处于对象位置的前面或后面。
fistChild 表示在所有子级元素的最前面
lastChild 表示在所有子级元素的最后
createPolicy可以控制对象对子级元素的显示操作,可选的值有all,auto,none,queued,默认为auto ,如果没有特殊要求,设为all就可以了。
all 表示总是创建对象
auto 表示只有需要对象时才创建
none 表示不创建对象,直接调用createComponentsFromDescription函数时才创建他。
queued 表示将对象放在等待创建的队列中,对象完成初使化再开始创建子级元素。
-->
<mx:Text width="100%">
<mx:htmlText>
<![CDATA[
美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!
美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!
美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!
美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!美女啊!
]]>
</mx:htmlText>
</mx:Text>
</mx:AddChild>
<!-- 设置对象的属性 -->
<mx:SetProperty target="{ControlPanel}" name="title" value="详细情况"></mx:SetProperty>
<!-- 设置对象某一事件的监听方法 -->
<mx:SetEventHandler target="{btnLinkButton}" name="click" handlerFunctinotallow="changeState"></mx:SetEventHandler>
<!-- 设置对象的样式 -->
<mx:SetStyle target="{btnLinkButton}" name="color" value="#990000"></mx:SetStyle>
<!-- 删除一个子级元素 -->
<mx:RemoveChild target="{image}"></mx:RemoveChild>
</mx:State>
</mx:states>
<mx:Panel x="10" y="10" width="399" height="312" layout="absolute" id="ControlPanel" title="状态的改变">
<mx:Image x="10" y="10" source="img/5.jpg" width="128" height="189" id="image"/>
<mx:ControlBar>
<mx:LinkButton label="了解详情" id="btnLinkButton" click="changeState(event)"/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>
state的切换(页面的跳转)
转载文章标签 transition application encoding layout image 文章分类 Python 后端开发
上一篇:独家记忆
-
javascript中如何跳转页面 js跳转页面的方法
自己的:function toUrl(ul){if("" == ul || null==ul){ alert("感谢关注"); }else{ window.open(ul);//这是跳出新的窗口window.location.href=ul;//这是直接在当前页跳转 }
javascript中如何跳转页面 javascript function button search