Você precisa de um freelancer, códigos-fonte e exemplos completos?
Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
 
Usuário:
Senha:
» Esqueci minha senha
» Quero me cadastrar
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C# (CSharp)
» C++
» CSS
» Delphi
» DHTML - Dynamic HTML
» HTML/XHTML
» Java
» JavaFX
» JavaScript
» Java Servlets
» JSP - Java Server Pages
» Perl
» PHP
» PHP-GTK
» Python
» Ruby
» Tcl/Tk
» VB.NET
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
» MySQL
» Tabela Cores HTML I
» Tabela Cores HTML II
 
Voltar para a página inicial Página Inicial Artigos e Tutoriais Dicas e Truques Veja nossa relação de códigos-fonte e exemplos completos
Você está aqui: Inicio -> Artigos e Tutoriais -> Adobe Flex -> Criando sua primeira aplicação em Adobe Flex
Adobe Flex - Criando sua primeira aplicação em Adobe Flex
Views: 2036 Comentários Confiabilidade: Avalie:


1 - Introdução

No artigo Baixando, instalando e testando o SDK do Adobe Flex no Windows (http://www.arquivodecodigos.net/sistema/main/visualizar_artigo_tutorial/3) vimos como baixar, instalar e testar o SDK do Adobe Flex. Neste artigo veremos como escrever nossa primeira aplicação usando esta ferramenta. É importante lembrar que, embora já exista algumas IDEs para o desenvolvimento em Flex, nós usaremos apenas o SDK e o Flash Player, é claro.

2 - O código

Comece criando um diretório sem espaços e caracteres especiais, por exemplo "C:\estudos_flex". Em seguida abra o Bloco de Notas e digite (ou cole) a seguinte listagem:

Listagem para Exemplo.mxml:



Veja que uma aplicação Flex é contida em um documento MXML (semelhante a um arquivo XML normal). Há dois tipos de documentos MXML: aplicação e componente. O tipo aplicação, que usamos neste exemplo, é expresso por:



O tipo componente é expresso da seguinte forma:



Canvas é um componente Flex pertencente ao namespace mx.

Vejamos agora como executar a aplicação. Salve o código como Exemplo.mxml e vamos prosseguir.

3 - Compilando e executando a aplicação

Hora de compilar a aplicação. Abra uma janela de comando e navegue até o diretório "C:\estudos_flex". Em seguida dispare o comando abaixo:



Após o processo de compilação, teremos como resultado final um arquivo chamado Exemplo.swf. Este é um arquivo Shockwave Flash Object e pode ser executado simplesmente dando um duplo-clique sobre ele (se você tiver o Flash Player instalado em seu PC). Caso ainda não tenha o Flash Player instalado, use o SAFlashPlayer.exe do diretório "C:\adobe_flex\player\debug". Veja o resultado da execução:





4 - Executando a aplicação a partir de uma página HTML

Para finalizar o artigo, veremos como exibir nossa aplicação em uma página HTML. Veja a listagem para o arquivo exemplo.html:



Veja o resultado a seguir:
Sobre o autor deste artigo ou tutorial
Osmar J. Silva
Goiânia - GO
Usuário desde 12/11/2006
Graduado em Ciência da Computação pela UNIP (Universidade Paulista) e atualmente morando em Goiânia-GO. Desde 1998 tem atuado no desenvolvimento de sistemas, seja como responsável principal ou como freelancer ou consultor. Entre as linguagens que já desenvolveu pode-se incluir Java, Delphi, C++, Python, Perl, PHP, Ruby, etc. Alguns projetos já desenvolvidos incluem salas de chat, fóruns, sistemas de gerenciamento de notícias, blogs, sistemas de helpdesk, sites corporativos, sistemas acadêmicos e financeiros. É o proprietário e principal editor de conteúdo do site Arquivo de Códigos.

Atua também como professor do curso de Sistemas de Informação da Faculdade Delta (http://www.faculdadedelta.edu.br)
Este usuário atua como freelancer Veja a relação de freelancers
Veja o perfil completo deste usuário
Pesquise Dicas, Truques, Anotações, Artigos, Tutoriais, etc:
0 Comentários para este tutorial | Clique para inserir um novo comentário
Seja o primeiro a comentar este artigo ou tutorial.
Use este formulário para inserir um novo comentário para este artigo ou tutorial. É preciso estar logado no site. Se você já um usuário registrado, efetue o login no menu esquerdo de nossas páginas.
Título do comentário:
Seu comentário:
Dicas de formatação:
Não é permitido código HTML nos comentários. No entanto, você pode conseguir boas formatações usando:

[b][/b] - para negrito
[ul][/ul] - para listas não ordenadas
[li][/li] - para itens da lista
[pre][/pre] - para exibir trechos de códigos-fonte (de forma a manter a formatação e facilitar a leitura)
Veja mais artigos e tutoriais de Adobe Flex
Veja mais artigos e tutoriais de outras linguagens
Pesquise Dicas, Truques, Anotações, Artigos, Tutoriais, etc:
Powered by Locaweb
Quem Somos
Bem-vindo ao Arquivo de Códigos. Meu nome é Osmar J. Silva, moro em Goiânia-GO e sou o criador deste site e de todo o material disponível nele. Clique aqui e saiba como posso ajudá-lo atuando como freelancer ou consultor em seus projetos.
Referências
 
http://www.arquivodecodigos.net
2000 - 2009 - Todos os direitos reservados a Osmar J. Silva
Todo o conteúdo deste site, quando não devidamente observado, pertence a seus idealizadores e não
poderá ser usado para outras finalidades senão estudo e aprimoramento de técnicas de programação.
Certifique-se de ler as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734
E-Mail: suporte@recomende.com
MSN: osmar@recomende.com (só para negócios, por favor)

Desenvolvedor Responsável: Osmar J. Silva