quinta-feira, 30 de julho de 2009

MXML + ActionScript (Flex)

Continuando na bagunça do Flex, agora adicionando um pouco de action script na brincadeira. Além disso, adiciona-se mais alguns widgets... aos fontes:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
creationComplete="init();">
<mx:Script>
<![CDATA[
//ActionScript statements
public function init():void {
btn.addEventListener(flash.events.MouseEvent.CLICK,
clicar);
btn2.addEventListener(flash.events.MouseEvent.CLICK,
clicar);
}
public function clicar(event:flash.events.MouseEvent):void {
var bb:Button = event.target as Button;
var aux:String = txt.text;
txt.text = bb.label;
bb.label = aux;
}
]]>
</mx:Script>

<mx:Panel title="Modelo 001"
width="100%"
height="100%"
>

<mx:HBox width="100%"
height="100%"
>
<!-- conteúdo -->
<mx:Text id="txt"
text="hello"
/>
</mx:HBox>

<mx:ControlBar
direction="horizontal"
>
<!-- barra de controles -->
<mx:Button label="!"
id="btn2"
/>
<mx:Button label="world"
id="btn"
/>
</mx:ControlBar>
</mx:Panel>
</mx:Application>


É bem bobo, mas é só um começo... um screenshot:



Documentação: http://livedocs.adobe.com/

(e dalhe mais pygments nos códigos!)

Nenhum comentário: