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.
 
Arquivo de Códigos - Página Inicial
Códigos-fonte
» Códigos-fonte e exemplos completos
Linguagens
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C#
» 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
Bancos de Dados
» IBM DB2
» MySQL
Frameworks
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
Container/Servidor
» Apache Tomcat
» Apache Web Server
Ferramentas
» Apache Ant
» iTextSharp (iText#)
Referências
» CSS1 e CSS2
» JavaScript
Serviços On-Line
» Qual é meu IP?
» Tabela Cores HTML I
» Tabela Cores HTML II
» Lista de Mime Types
» Códigos Teclas Virtuais
Usuários On-Line
Visitantes: 55
PHP
O que há de novo no PHP 5?
40 dicas e truques sobre como trabalhar com datas e horas em PHP
60 dicas e truques sobre como trabalhar com strings e caracteres em PHP
PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML
Curso completo de DHTML para iniciantes

CSS
Como definir uma imagem de fundo fixa na página
Definindo uma imagem de fundo para botões HTML
Você está aqui: Inicio -> Tutoriais -> Adobe Flex
Criando sua primeira aplicação em Adobe Flex
1 - Introdução

No artigo Baixando, instalando e testando o SDK do Adobe Flex no Windows 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:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  layout="absolute">

  <mx:Button x="10" y="10" label="Clique Aqui" width="100"
    height="25" click="exibirMensagem();"/>

  <mx:Script>
    <![CDATA[
      import mx.controls.Alert;

      private function exibirMensagem():void{
        Alert.show("Fui clicado!!!!!");
      }
    ]]>
  </mx:Script>

</mx:Application>

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:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  layout="absolute">

</mx:Application>


O tipo componente é expresso da seguinte forma:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">

</mx:Canvas>


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:

cd C:\estudos_flex
C:\estudos_flex>mxmlc Exemplo.mxml


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:

<html>
<head>
<title>Minha primeira aplicação Flex</title>
</head>
<body>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  id="Exemplo" width="400" height="200"
  codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
  <param name="movie" value="Exemplo.swf" />
  <param name="quality" value="high" />
  <param name="allowScriptAccess" value="sameDomain" />
  <embed src="Exemplo.swf" quality="high"
    width="400" height="200" name="Exemplo" align="middle"
    play="true"
    loop="false"
    quality="high"
    allowScriptAccess="sameDomain"
    type="application/x-shockwave-flash"
    pluginspage="http://www.adobe.com/go/getflashplayer">
  </embed>
</object>

</body>
</html>


Veja o resultado a seguir:

 
 
Arquivo de Códigos - Página Inicial
Veja dicas, truques e anotações de Apache Ant
Veja dicas, truques e anotações de outras linguagens
Ruby - Como obter a data e hora atual usando os métodos new e now da classe Time
Java - Obter o nome do mês para a data atual
ActionScript - Como obter o menor valor entre dois ou mais valores
Adobe Flex - Definindo a codificação XML corretamente em documentos MXML
JSP (Java Server Pages) - Provocando quebras de linhas em arquivos usando o método newLine()
C# (CSharp) - Fazendo com que a própria CheckBox detecte sua mudança de estado (marcada ou desmarcada)
Python - Definindo o texto de um wx.Button em tempo de execução
C# (CSharp) - Como obter a quantidade de itens em uma List genérica
PHP - Obter a data anterior a uma determinada data
Python - Entenda e aprenda a usar a classe wx.Button

       

http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::
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

Desenvolvedor Responsável: Osmar J. Silva

Página Inicial Contatos Pesquisar Mapa do Site