Uma coisa que uso com frequencia mais toda vez que alguém ve meu código fica um pouco surpreso é como em sistemas pequenos organizo a minha interface feita em Adobe Flex 3, algo até engraçado pois se trata de algo muito prático e que aprendi assim que começei a estudar o Adobe Flex. A lição é nunca deixa o código do ActionScript junto com MXML, a menos que seja um componente customizado (tipo um TextInput com mascara) fora isso, se for uma view normal sempre separe as ações (eventos) do MXML própriamente dito.
em um exemplo de um simples HelloWorld em flex de vez disso:
HelloView.mxml
-
<?xml version="1.0" encoding="utf-8"?>
-
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" backgroundColor="#FFFFFF">
-
-
-
<mx:Script>
-
<![CDATA[
-
import mx.controls.Alert;
-
-
private function btnHello_click():void{
-
Alert.show("Hello World in Flex!");
-
}
-
-
]]>
-
</mx:Script>
-
-
<mx:Button x="167" y="255" label="Hello" id="btnHello" click="{btnHello_click()}"/>
-
-
</mx:Canvas>
deveriamos ter:
HelloView.mxml
-
<?xml version="1.0" encoding="utf-8"?>
-
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300" backgroundColor="#FFFFFF">
-
-
<mx:Button x="167" y="268" label="Hello" id="btnHello" click="{btnHello_click()}"/>
-
-
<mx:Script source="action/HelloAction.as"/>
-
-
</mx:Canvas>
HelloAction.as
-
// ActionScript file
-
import mx.controls.Alert;
-
-
private function btnHello_click():void{
-
Alert.show("Hello World in Flex!");
-
}
Simples não?! até demais, fazendo assim você sepera o que é layout e o que é ação (evento). Ao fazer isso fica muito bem organizado, a view fica só o nosso MXML e o Action (que se vc já conhece bem o conceito MVC vai perceber que funciona como se fosse uma Controladora) fica com todos os eventos do nossa view (layout).
Talvez um exemplo como HelloWord não fica tão claro a necessidade, mais normalmente uma tela de CRUD tem de 10 a 15 eventos (function) o que poluiria e muito nossa View.
Só para dar uma noção de como fica um package do projeto pequeno:

Só é importante deixar bem claro, funciona bem para projetos pequenos, para projetos maiores use Frameworks MVC como PureMVC ou o Cairngorm, Ok!
Essa é a dica de Hoje
Vlw!
Popularity: 7% [?]

[...] Na última parte do nosso tutorial vamos fazer a V(View) do nosso MVC, no caso são 2 tipos de arquivo, a interface em si e a Ação da mesma, lembrando que essa separação não é necessária, eu faço porque gosto de tudo bem dividido, isso ajuda e muito na manutenção ou até mesmo na alteração do Layout, uma vez eu já expliquei o porque disso no artigo Separando MXML do Action Script. [...]
[...] ou até mesmo na alteração do Layout, uma vez eu já expliquei o porque disso no artigo Separando MXML do Action Script. Para terminar com chave de ouro vamos ao código: EstadoView.mxml PLAIN TEXT [...]