Marcio Rosa Website

Nesta primeira tarefa, você estará criando uma aplicação Flex. Para fazer isto, você deve primeiro criar um projeto no Flex Builder. Um projeto não é mais do que uma coleção de arquivos e pastas que irão ajudá - lo a organizar o seu trabalho. Também nesta tarefa, você irá executar a aplicação Flex. Você descobrirá como o MXML é convertido em um arquivo SWF que é visualizado em um navegador.

• Start Flex Builder 2 escolha Iniciar> Programas> Adobe> Flex Builder

• Escolha File> New> Flex Project. Selecione a opção basic, Em seguida, clique em Next.

• Para este projeto damos o nome de FlexApp

• Uncheck a opção “Use default location check box”, e escolha um lugar uma pasta em seu driveroot:/flex2tfs/flexApp. Clique em Next.

• Em: Main application file: repare no nome Flexapp.mxml por padrão o Flex define pelo nome do projeto.

• Clique em Finish. Seu projeto está criado.

O padrão do arquivo de aplicações contém alguns elementos que você precisa entender. A primeira linha de código:

<?xml version=”1.0″ encoding=”utf-8″?>

É um documento XML tipo de declaração. Porque MXML é uma linguagem padrão XML, o documento declaração deve ser incluída.

A segunda linha de código:
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute”>

Define uma aplicação Flex na página principal. A tag <mx:Application> representa o a tag inicial, ou detentor de todo o conteúdo da aplicação Flex. Você pode ter apenas uma tag <mx:Application> por aplicação Flex.

Dentro da Tag <mx:Application> o atributo
xmlns: mx = “http://www.adobe.com/2006/mxml é um código que define os prefixos mx a ser associado a um conjunto de tags. O valor do atributo que parece com uma URL é referido como um Universal Resource Identifier (URI), na terminologia XML. Através de um arquivo de configuração, Flex-config.xml uma associação é feita entre esta URI ao que é chamado no arquivo. O arquivo mxml-manifest.xml contém todas as tags que podem ser usadas com o prefixo mx. Por padrão o arquivo é encontrado neste local: installationdirectory\Adobe\Flex Builder 2\Flex SDK 2\ Frameworks \ mxml-manifest.xml.

Finalmente, o layout=”absolute” define como esta aplicação irá estabelecer seus componentes ou os que estão na página. Com a disposição absoluta você pode especificar os valores para x e y para todos os componentes da aplicação. Ex:

<mx:Panel width=”250″ height=”114″ layout=”absolute” x=”224″ y=”263″ title=”Teste”>