Running sua Application Flex

• Abre a opção do menu Project. Certifique-se que a opção Build Automatically option esteja marcada. Dessa maneira os erros são mostrados antes mesmo de executar a aplicação. Para aplicações mais robustas desmarque essa opção para ganhar tempo.

• Execute o arquivo FlexApp.mxml clicando como na imagem abaixo ou Ctrl + F11. Conheça o processo após a execução da aplicação Flex. Primeiro, as Tags XML da aplicação serão traduzidas para o ActionScript. O ActionScript irá gerar o arquivo SWF para que os bwosers possam ler através do Plugin Flash Player.

• Adicione a tag <mx:Label> entre as tags<mx:Application>; Use o (<) junto a palavra mx, seguido do (:). aparecerá na tele uma longa lista de tags. Pressione a letra L e selecione Label pressione o Enter.

• Assim que for pressionado a tecla Space do teclado irá abrir os atributos da propriedade escolhida no Flex, vamos começar nossa aplicação com o atributo texto com o valor “Hello World”.

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”absolute”>
<mx:Label text=”Hello World”/>
</mx:Application>

Como a sintaxe desse código é XML existe outras maneiras de escrever esse mesmo código, como por exemplo em uma linha. Tenha sempre a sua disposição as opções dos proncipais atributos das Tags mais importantes como Label e Application. Tente usar essa combinação por exemplo.

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”
styleName=”plain”/>

A qualquer hora você terá como visualizar suas alterações com o botão direito no mouse sobre o editor na opção: Compare With > Local History

5. Gere um erro em sua aplicação e mande executar novamente, aparecerá essa tela, feche esse aviso e corrija ao erro sempre que ver isso.

6. Altere a aplicação para o Modo Design: Delete o componente text que criamos, vamos fazer isso novamente mais agora no modo Design, para isso localise a Component View, busque na lista de opção o componente Text. Arraste para sua área de Editor. Localize a Flex Properties View altere a opção Text para “Hello world”. Verifique que o resultado é mesmo.

Também podemos alterar as opções do filme principal clicando no componente principal do editor nas opções mostradas abaixo:

A opção Label dentro dos componentes tem um resultado parecido porém nos permite inserir apenas uma linha de texto.