Luiz Henrique de Angeli

Primeira Aplicação para Android

2011-11-24T07:19:00.000-08:00

Publiquei minha primeira aplicação para Android no Market:

Está é a versão 1.0 do Guess Number. Pense em um número e será apresentada 6 tabelas com alguns números. Responda se o número está nas tabelas e ao final será apresentado o número escolhido.

https://market.android.com/details?id=br.com.luizdeangeli.Cartoes

Adobe Flex no Android

2011-04-09T04:30:00.000-07:00

Fonte: http://blogs.adobe.com/koestler/2010/08/adobe-flex-on-android.html

Os 45 tutoriais de Adobe Flex mais procurados

2011-04-08T04:23:00.000-07:00

Abaixo alguns deles:

01º Flex MP3 Player

02º XML Básico com Flex 3

03º Criando uma galeria 3D do Flickr com Flex e Awaya3D

04º Usando a classe TextRange

05º Construindo um ItemRenderer para TileList

06º Rotacionando a ViewStack em forma de Cubo

07º Drag Drop simples no Flex

08º Cursor customizado no Flex

09º Como fazer gráficos no Flex

10º Visualizador de imagens em miniaturas no Flex

11º Jogo da Velha em Flex com Degrafa

12º Formulários no Flex

13º Sistema de Login em Flex com PHP

14º Pegando informações de músicas do WebService da Amazon com o Adobe Flex

15º Instalando e usando o Google Maps no Flex

16º Galeria de imagens com o componente Accordion e XML no Flex

17º Interação entre Flex e Javascript

18º Múltiplos uploads com JQuery e Flex ou Flash

19º Desenvolvendo janelas em Flex ou Flash para o Adobe Photoshop

20º Criando um cliente Digg em Flex

21º Introdução ao Data Binding

22º Data Grid com XML

23º Usando Flex, PHP e Json para modificar dados no MySQL

24º Trabalhando com o Debugger no Adobe Flex Builder

25º Criando um relógio de contagem regressiva em Flex

26º Transmitindo dados entre Flex e PHP usando Json

27º Criando um leitor de Feeds (RSS) em Flex

28º Como criar um gráfico de Bolhas em Flex

29º Usando Item Renderes

30º Criando um formulário de email em Flex com PHP

31º Criando grandes listas dinâmicas em Flex

32º Encodificador assincrono de JPEG

33º Criando seu jogo de aventura no Adobe Flex

34º Mudando o identificador de seleção de uma Lista no Flex

35º Criando um player customizado do You Tube em Adobe Flex

36º Criando uma lista de contatos usando Flex e XML

37º Criando um album de fotos do Facebook em Flex

38º Modificando o estilo da linha selecionada na Data Grid

Fonte: http://www.igormusardo.com.br/2010/08/30/os-45-tutoriais-de-adobe-flex-mais-procurados/

Todos os Tutoriais: http://www.designyourway.net/blog/tutorials/45-of-the-most-wanted-adobe-flex-tutorials/

Curso de Adobe Flex focado em PHP - Eduardo Kraus

2009-11-27T11:37:00.000-08:00

Curso de Adobe Flex focado em PHP – turma 01

Para os programadores PHP que estiverem interessados em aprender Flex, Eduardo Kraus esta iniciando a primeira turma voltado a Flex com conexão ao PHP com AMFPHP e Zend Framework.

No decorrer do treinamento os componentes que necessitarem de dados será utilizado conexões com o PHP para prover estes dados.

Aqueles que tiverem interesse, leia mais em http://www.adobeflex.com.br/cursos/adobe-flex-focado-em-php-turma-01

Período:

O Curso se estenderá do dia 30/11 até dia 17/12, com aulas de Segunda à Quinta das 19:00 as 21:00totalizando 24 horas de aula ao vivo e mais duas horas na Sexta Feira com duas horas para revisão.

Com tudo isso o curso terá um total de 30 horas em contato com o instrutor para aprender mais e mais.

Investimento:

O Investimento é de R$230,00 para pagamento via PagSeguro que pode ser parcelado em até 18X no cartão, ou se preferir depositar diretamente em conta, fica no valor de R$200,00.

Matricule-se

http://www.adobeflex.com.br/cursos/adobe-flex-focado-em-php-turma-01#Matricule

Ementa do curso:

http://www.adobeflex.com.br/cursos/adobe-flex-focado-em-php-turma-01#ementa

Retirade de : http://blog.mxml.com.br/adobe-flex-focado-em-php-turma-01

Criar uma Painel Deslizante

2009-11-20T04:07:00.000-08:00

Exemplo de Painel Deslizante

Exemplo : http://www.files.riacodes.com/flex_sliding-panel/demo/

Código Fonte : http://www.files.riacodes.com/flex_sliding-panel/demo/srcview/SlidingPanel.zip

Retirado de : http://www.riacodes.com/category/flex/

Criando Cursor Customizado

2009-11-16T09:19:00.000-08:00

Exemplo de cursor customizado.

Exemplo : http://www.files.riacodes.com/flex_custom-animated-cursor/demo/

Código Fonte : http://www.files.riacodes.com/flex_custom-animated-cursor/demo/srcview/index.html

Retirado de : http://www.riacodes.com/flex/create-a-custom-animated-cursor-for-your-flex-app/

Configurando e Utilizando o ZendAMF

2009-11-13T02:00:00.000-08:00

Video do ZendAMF do Fabio Vedovelli

"Neste episódio será feita a configuração do ZendAMF, utilizado para conectar uma interface Flex ao PHP. O código gerado durante a gravação está disponível ao final do post."

Fabio Vedovelli

Link para video : http://www.vedovelli.com.br/?p=974

Retira de : http://www.vedovelli.com.br/

Relatórios usando FlexReport

2009-11-06T02:00:00.000-08:00

Relatório utilizando o flex.

Exemplo : http://www.msdevstudio.com/blog/flexSource/testeFlexReport/

Código Fonte : http://msdevstudio.com/blog/flexSource/testeFlexReport/srcview/

Retirado de: http://www.flexpernambuco.com.br/?p=13

Collapsible Accordion

2009-11-04T02:00:00.000-08:00

Accordion Customizado

Exemplo: http://www.flexsamples.com/tourdeflex/collapsibleaccordion/CollapsibleAccordionSample2.html

Download : http://www.flexsamples.com/tourdeflex/collapsibleaccordion/srcview/index.html

Retirado de :http://www.flexsamples.com/blog/2009/04/

Molecule Viewer

2009-11-03T02:00:00.000-08:00

Exemplo de Visualizador de Moléculas.

Link para Exemplo : http://mark-shepherd.com/SpringGraph/MoleculeViewer/bin/MoleculeViewer.html

Exemplo Utilizando Números: http://mark-shepherd.com/SpringGraph/SpringGraphDemo/bin/SpringGraphDemo.html

Codigo Fonte: http://mark-shepherd.com/SpringGraph/MoleculeViewer/bin/srcview/index.html

Retirado de : http://mark-shepherd.com/blog/

VistaFlow - Simulador do Windows Vista

2009-10-30T02:00:00.000-07:00

Exemplo de gerenciamento de janelas igual o Windows Vista.

Abra o exemplo e pressione SHIFT + ENTER o resultado esta na imagem abaixo:

Veja o Exemplo : http://dougmccune.com/360Flex_ATL/VistaFlow/

Código Fonte : http://dougmccune.com/360Flex_ATL/VistaFlow/srcview/index.html

Retirado de : http://dougmccune.com/blog/2008/02/26/examples-from-my-360flex-session-using-open-source-community-projects/

Physics Form

2009-10-29T02:00:00.000-07:00

Um exemplo muito interessante de Formulario, clique no botão "Login" e veja o resultado.

Link Enviado pelo Marcos : http://flex-cast.blogspot.com/2009/10/campos-do-flex-com-gravidade.html

Retirado de : http://dougmccune.com/blog/2008/02/26/examples-from-my-360flex-session-using-open-source-community-projects/

Exemplo : http://dougmccune.com/360Flex_ATL/PhysicsContainer/

Download : http://dougmccune.com/360Flex_ATL/PhysicsContainer/srcview/index.html

Sites com ferramentas interessantes para o programador e desenvolvedor Adobe Flex

2009-10-28T02:00:00.000-07:00

Navegando no Blog Fernando Hidemi Uchiyama encontrei alguns links interessantes para desenvolvimento FLEX.

Guia de Referência para Flex 2.0 - Documentação de todas as classes, métodos e propriedades do Actionscript 3. Este guia vai ser o seu amigo diário enquanto programando com Actionscript 3 e Flex.

Flex Componente Explorer - Amostra dos componentes disponíveis no Adobe Flex Builder, com source code disponível. Uma boa fonte de consulta para quem está construindo uma aplicação e tem dúvidas sobre qual componente usar.

Flex Style Explorer - Site da Adobe onde é possível testar folha de estilo (CSS) para os componentes disponíveis no Flex Builder. Outro amigo diário de todo desenvolvedor Flex.

Flex Primitive Explorer - Site em Flex onde é possível visualizar e testar as classes das formas primitivas Star, Burst, Polygon, Gear, Wedge e Arc. O melhor de tudo é que é possível copiar o código fonte dos exemplos para a sua aplicação Flex.

Flex Filter Explorer - Em vez de perder tempo testando os filtros, use este site para escolher o filtro e a configuração que mais lhe agradam. Depois é só copiar e colar o código fonte.

Flex Charting Explorer - Aplicativo que permite testar os gráficos do Flex. Últil para quem não quer perder tempo.

Flex Transitions and Effects Explorer - Permite testar transições e efeitos.

Flex Button Style Explorer - Site muito legal onde existe a possibilidade de estilizar o componente Button de uma forma bem atraente e copiar o código fonte.

Flex Transitional Flips Explorer - Site onde é possível testar transições de troca de janela. Bem interessante, pena que não mostra o código-fonte.

Links e Textos Retirados de : http://fernandoaprendeflex.awardspace.com/?p=43

Formatando uma Data

2009-10-27T02:00:00.000-07:00

Abaixo um exemplo para formatar uma data de um DateChooser.

FormataData.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:DateChooser id="dtcPrincipal" x="20" y="10"/>
<mx:DateFormatter id="dtfFormata" formatString="DD/MM/YYYY"/>
<mx:Label x="20" y="198" text="Data Selecionada : {dtfFormata.format(dtcPrincipal.selectedDate)}" fontWeight="bold"/>
</mx:Application>

Somando e Subtraindo Datas

2009-10-26T02:00:00.000-07:00

Um simples exemplos para somar e subtrair Datas.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:TitleWindow x="64" y="10" width="450" layout="horizontal" title="Somando Datas">
  <mx:DateField id="dtfData" formatString="DD/MM/YYYY"/>
  <mx:Label text="+" fontWeight="bold" fontSize="12"/>
  <mx:NumericStepper id="nmsDias"/>
  <mx:Label text="=" fontWeight="bold" fontSize="12"/>
  <mx:DateField formatString="DD/MM/YYYY" selectedDate="{somarData(dtfData.selectedDate,nmsDias.value)}"/>
</mx:TitleWindow>
<mx:TitleWindow x="64" y="118" width="450" layout="horizontal" title="Subtraindo Datas">
  <mx:DateField id="dtfInicial" formatString="DD/MM/YYYY"/>
  <mx:Label text="-" fontWeight="bold" fontSize="12"/>
  <mx:DateField id="dtfFinal" formatString="DD/MM/YYYY"/>
  <mx:Label text="{subtrairData(dtfInicial.selectedDate,dtfFinal.selectedDate)}"/>
</mx:TitleWindow>

<mx:DateFormatter id="dtfFormatada" formatString="DD/MM/YYYY"/>

<mx:Script>
  <![CDATA[
   private function somarData(data : Date, dias : int):Date
   {
    return new Date(data.getTime() + (dias * 1000 * 60 * 60 * 24));
   }

   private function subtrairData(dataInicial : Date, dataFinal : Date):int
   {
    return Math.abs((dataFinal.getTime() - dataInicial.getTime()) / (1000 * 60 * 24 * 60));
   }
  ]]>
</mx:Script>
</mx:Application>

Trabalhando com Data Inicial e Data Final

2009-10-23T02:00:00.000-07:00

Abaixo um exemplo de como bloquear o inicio ou fim de um DateField, utilizado principalmente em telas que tenha um campo com Data Inicial e Final.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Form x="202" y="10" width="393" height="180" backgroundColor="#FFFFFF">
<mx:FormItem label="Data Inicial" direction="horizontal">
<mx:DateField dayNames="{dayNames}" monthNames="{monthNames}" formatString="{formatString}" id="dtfInicial" change="{bloqueiaDataFinal(DateField(event.target),dtfFinal)}"/>
<mx:FormItem label="Data Final">
<mx:DateField id="dtfFinal" dayNames="{dayNames}" monthNames="{monthNames}" formatString="{formatString}"/>
</mx:FormItem>
</mx:FormItem>
</mx:Form>

<mx:Script>
<![CDATA[
[Bindable] private var dayNames : Array = ["D","S","T","Q","Q","S","S"];
[Bindable] private var monthNames : Array = ["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"];
[Bindable] private var formatString : String = "DD/MM/YYYY";

private function bloqueiaDataFinal(dtfInicial : DateField, dtfFinal : DateField):void
{
dtfFinal.selectableRange=
{
rangeStart : new Date(dtfInicial.selectedDate.fullYear,dtfInicial.selectedDate.month,dtfInicial.selectedDate.date)
};

dtfFinal.text='';
}

]]>
</mx:Script>
</mx:Application>

Alerta de Mensagem

2009-10-22T02:00:00.000-07:00

Publiquei a alguns dias um exemplo do Fabiel Prestes de Alerta de Mensagem similar ao MSN. Fiz um exemplo bem parecido com o exemplo mostrado.

JanelaMensagem.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
    width="200"
    height="150"
    styleName="opaquePanel"
    layout="vertical"
    creationCompleteEffect="{EfeitoJanelaCima}"
    removedEffect="{EfeitoJanelaBaixo}"
    creationComplete="init()"
    showCloseButton="true"
    close="{fechaJanela()}"
    verticalScrollPolicy="auto" horizontalScrollPolicy="off"
    moveEffect="Move">

<mx:Move xTo="{Application.application.width - this.width}"
    xFrom="{Application.application.width- this.width}"
    yTo="{Application.application.height - (this.height*ordem)}"
    yFrom="{Application.application.height}"
    id="EfeitoJanelaCima"
    duration="500"/>

<mx:Move xTo="{Application.application.width - this.width}"
    xFrom="{Application.application.width- this.width}"
    yTo="{Application.application.height}"
    yFrom="{Application.application.height- (this.height*ordem)}"
    id="EfeitoJanelaBaixo"
    duration="500"/>

<mx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.events.CloseEvent;
   import com.adobe.ac.mxeffects.Pop;
   import mx.managers.PopUpManager;
   import mx.controls.Alert;
   import flash.utils.setTimeout;
   import mx.core.Application;

   [Bindable] public var ordem   : int =  1;
   [Bindable] public var tempo   : int =  0;
   [Bindable] private var idTimeOut : uint;
   [Bindable] public var arrLista  : ArrayCollection;

   private function init():void
   {
    if(tempo > 0)
     idTimeOut = setTimeout(fechaTempo,tempo*1000);

    this.addEventListener(Event.CLOSE,function (e:Event):void
     {
      for(var i:int=arrLista.getItemIndex(e.currentTarget)+1; i< arrLista.length ; i++)
       JanelaMensagem(arrLista.getItemAt(i)).moveBaixo();

      arrLista.removeItemAt(arrLista.getItemIndex(e.currentTarget));
     });

    this.ordem = arrLista.length+1;

    arrLista.addItem(this);

   }

   public function moveBaixo():void
   {
    this.move(this.x,(this.y+this.height));
    ordem--;
   }

   private function fechaTempo():void
   {
    dispatchEvent(new Event(CloseEvent.CLOSE));
    fechaJanela();
   }

   private function fechaJanela():void
   {
    PopUpManager.removePopUp(this);
    clearTimeout(idTimeOut);
   }

  ]]>
</mx:Script>
</mx:TitleWindow>

Usando.mxml

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

<mx:Button x="227" y="174" label="Abrir Janela" click="abrir()" height="100" width="226" fontSize="14"/>

<mx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.controls.Text;
   import mx.controls.Label;
   import mx.controls.Alert;
   import mx.events.StateChangeEvent;
   import mx.events.FlexEvent;
   import mx.events.CloseEvent;
   import mx.managers.PopUpManager;

   [Bindable] private var arrListaJanela : ArrayCollection = new ArrayCollection();

   public function abrir():void
   {
    var janela1 : JanelaMensagem = new JanelaMensagem();
    var texto : Text = new Text();

    janela1.title='luizdeangeli.blogspot.com'
    janela1.tempo  = 10;
    janela1.arrLista = arrListaJanela;

    texto.width=175;
    texto.setStyle("color","red");
    texto.text='Esta é uma mensagem do blog do Luiz. Esta é uma mensagem do blog do Luiz. Esta é uma mensagem do blog do Luiz.';

    janela1.addChild(texto);

    PopUpManager.addPopUp(janela1,this,false);
   }
  ]]>
</mx:Script>
</mx:Application>

Exemplo de Validação de Formulários

2009-10-21T02:00:00.000-07:00

Fiz um exemplo simples de validação de formulários, esta validação também pode ser utilizado com os validadores CNPJ, CPF, E PIS que coloquei a alguns dias no blog.

Exemplo.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:TitleWindow title="Exemplo de Validação de Campos" x="102" y="40" width="438" layout="absolute">
  <mx:Form x="0" y="0" width="100%" height="100%">
   <mx:FormItem label="Código" width="100%" required="true">
    <mx:TextInput id="txiCodigo" width="50"/>
   </mx:FormItem>
   <mx:FormItem label="Nome" width="100%" required="true">
    <mx:TextInput id="txiNome" width="296"/>
   </mx:FormItem>
   <mx:FormItem label="Sexo" width="100%" required="true">
    <mx:ComboBox id="cbbSexo" prompt="Selecione o sexo">
     <mx:dataProvider>
      <mx:Array>
       <mx:Object data='M' label='Masculino'/>
       <mx:Object data='F' label='Feminino'/>
      </mx:Array>
     </mx:dataProvider>
    </mx:ComboBox>
   </mx:FormItem>
   <mx:FormItem label="Data" width="100%" required="true">
    <mx:DateField id="dtfData"/>
   </mx:FormItem>

  </mx:Form>
  <mx:ControlBar horizontalAlign="right">
   <mx:Button label="Salvar" click="salvar()"/>
  </mx:ControlBar>
</mx:TitleWindow>

<mx:Array id="arrCampos">

  <mx:StringValidator source="{txiCodigo}" property="text" required="true" requiredFieldError="Campo Obrigatório"/>
  <mx:StringValidator source="{txiNome}" property="text" required="true" requiredFieldError="Campo Obrigatório"/>
  <mx:StringValidator source="{dtfData}" property="text" required="true" requiredFieldError="Campo Obrigatório"/>
  <mx:NumberValidator source="{cbbSexo}" property="selectedIndex" minValue="0" lowerThanMinError="Campo Obrigatório" requiredFieldError="Campo Obrigatório"/>
</mx:Array>

<mx:Script>
  <![CDATA[
   import mx.validators.Validator;
   import mx.controls.Alert;
   import mx.events.ValidationResultEvent;

   public function salvar():void
   {
    if(!validaForm(arrCampos))
     return

    //CONTINUAR O PROCESSO DE GRAVAÇÃO
   }

   public function validaForm(ArrayCampos:Array):Boolean
   {
    var validatorErrorArray:Array = Validator.validateAll(ArrayCampos);;
    var isValidForm:Boolean = validatorErrorArray.length == 0;
    if (isValidForm) {
     return true;
    } else {
     var err:ValidationResultEvent;
     var errorMessageArray:Array = [];

     for each (err in validatorErrorArray)
     {
      var errField:String = FormItem(err.currentTarget.source.parent).label
      errorMessageArray.push(errField + ": " + err.message);
     }
     Alert.show(errorMessageArray.join("\n\n"), "ATENÇÃO: Dados Inválidos", Alert.OK);
    }
    return false;
   }

  ]]>
</mx:Script>

</mx:Application>

AutoComplete no Input

2009-10-20T02:00:00.000-07:00

Encontrei um exemplo muito interessante do AutoComplente no input.

Fonte : http://www.websector.de/blog/2008/04/30/quick-tip-avoid-issues-using-adobes-autocomplete-input-component-using-flex-3/

Download : http://www.websector.de/blog/download-manager.php?id=18

WSMonitor e Actionscript 3 Garbage Collector: Monitorando a memória no Adobe Flex e Flash

2009-10-19T05:03:00.000-07:00

Navegando pelo blog do Fernando Hidemi Uchiyama encontrei uma ferramenta muito interressante.

"Não é uma ferramenta essencial para a maioria das aplicações desenvolvidas, mas se o seu SWF faz uso extensivo de criação dinâmica de classes e você não confia no Actionscript Garbage Collector, está aí uma boa opção para monitorá-lo.

Para quem não sabe, quando uma instância de uma classe é criada no Actionscript 3, depois de usá-la, o programador não consegue destruí-la como em linguagens de programações tradicionais. O responsável por desalocar a memória de uma instância fora de uso é o Garbage Collector, que segundo a Adobe, destrói a instância logo após perceber que a mesma perdeu todas as referências.

O tema é complexo pois testes comprovam que o Garbage Collector é instável. Não consegue-se prever quando este irá liberar a memória de instâncias não usadas e muitas vezes o Garbage Collector demora ou falha.

Para aplicativos que usam extensivamente a memória, como editores de texto, editores de imagens, etc, vale a pena dar um conferida no WSMonitor."

Fernando Hidemi Uchiyama

Fonte : http://fernandoaprendeflex.awardspace.com/?p=61

Adobe : http://www.adobe.com/devnet/flashplayer/articles/garbage_collection.html

Download : http://www.websector.de/blog/download-manager.php?id=13

Aplicação em Flex

2009-10-15T06:05:00.000-07:00

Aplicação em flex usando Drag e Drop.

Link para aplicação : http://alex-uhlmann.de/flash/adobe/blog/store_with_flighteffect/

Fonte : http://blogs.adobe.com/auhlmann/

Contrast-A

2009-10-15T02:00:00.000-07:00

Ferramenta desenvolvida em AIR muito util para desenvolvedores WEB.

Fonte :http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&marketplaceid=1&offeringid=10763

Mindset Geometrics

2009-10-14T02:00:00.000-07:00

O que é a Mindset Geometrics?

Mindset Geometrics é um projeto open source destinado a produção não-convencional, mostrando gráficos SVG composto por regiões com informações associadas.

O componente permite ao desenvolvedor ter em regiões definidas em um formato SVG e pintá-los com cores diferentes de acordo com critérios definidos e os dados fornecidos. O gráfico SVG pode ser dividido em áreas (regiões geométrico), e cada área pode ser atribuído um valor, uma descrição e informações relacionadas.

A alavanca o componente biblioteca Defraga, que é uma fonte de estrutura declarativa gráficos abertos para aplicações Flex.

Mindset Geometrics também é projetado para ter um grande impacto visual. Você pode adicionar efeitos de forma muito fácil de fazer seus gráficos aparência profissional e elegante.

Código Fonte e Exemplos : http://www.mindset-geometrics.com.ar/

Fonte : http://www.mindset-geometrics.com.ar/

Criando “Alerta de Mensagens” similar ao MSN

2009-10-13T02:00:00.000-07:00

Navegando agora no site do Fabiel Prestes encontrei um exemplo muito interessante.

Veja O código fonte e o exemplo funcionando : http://www.fabielprestes.com.br/?p=274

Fonte : http://www.fabielprestes.com.br/

EFFlex Explorer

2009-10-09T02:00:00.000-07:00

Abaixo o link para alguns exemplos de efeitos que o flex pode realizar.

Veja Funcionando: http://www.efflex.org/EfflexExplorer.html

Fonte : http://www.efflex.org/

Efeitos 3D - Cubo

2009-10-08T08:00:00.000-07:00

Abaixo o link para o exemplo do Cubo 3D.

Veja exemplo : http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/

Download : http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip

Fonte : http://blogs.adobe.com/auhlmann/archives/2009/01/lighted_distort.html

Tour Flex em Tempo Real

2009-10-07T08:00:00.000-07:00

Ferramenta muito interessante desenvolvida em Flex que mostra em Tempo Real os acessos aos exemplos do Tour Flex já mostrado aqui mesmo no Blog alguns posts atrás.

Fiz um teste e o site apresentou a informação conforme a imagem abaixo.

Veja a imagem maior : http://4.bp.blogspot.com/_5gLsR7Zu8No/SsZTtxGABTI/AAAAAAAALKE/A8EY7jp8WZ0/s1600-h/tour.JPG

Tour Flex : http://www.adobe.com/devnet/flex/tourdeflex/web/

Veja o Site : http://visudemos.ilog.com/tourdeflex/TdFDashboard/TourDeFlexDashboard.html

Reflexão de Imagem

2009-10-06T02:00:00.000-07:00

Abaixo um exemplo de Reflexão de Imagens no Flex

Veja funcionando : http://graphics-geek.blogspot.com/2009/03/video-moment-of-reflexion.html

Download do Source: http://graphicsgeek1.googlepages.com/ReflexionSrc.zip

Fonte : http://graphics-geek.blogspot.com/

FLEX + WEB CAM + PHP

2009-10-05T08:00:00.000-07:00

Montrei a algum tempo no blog um exemplo de como capturar e salvar a imagem da webcam no computador, o Eduardo Kraus fez um exemplo para enviar essa imagem para o php.

"Um exemplo simples que captura a imagem da Webcam e salva em uma pasta no Servidor. Este exemplo utiliza a classe ImageSnapshot para capturar uma imagem baseado em um objeto. Ele esta gerando um JPG com 100% de qualidade, configurada em new JPEGEncoder( 100 )."

Eduardo Kraus

Veja o exemplo : http://blog.mxml.com.br/capturar-imagem-da-webcam-e-salvar-com-php

Fonte : http://blog.mxml.com.br/

Componente para Download com Barra de Progresso

2009-10-02T08:00:00.000-07:00

Download.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
width="400"
height="130"
title="Download"
showCloseButton="true"
close="PopUpManager.removePopUp(this)"
creationComplete="init()">

<mx:NumberFormatter id="numberFormatter" rounding="up"/>

<mx:ProgressBar id="pgbProgresso" mode="manual" labelPlacement="center" width="100%" height="100%"/>

<mx:ControlBar horizontalAlign="center">
<mx:Button label="Cancelar" click="{PopUpManager.removePopUp(this)}"/>
</mx:ControlBar>

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.managers.PopUpManager;
import mx.rpc.events.ResultEvent;

[Bindable] private var downloadURL :URLRequest;
[Bindable] private var file :FileReference;
[Bindable] public var fileName :String;
[Bindable] public var fileUrl :String;

private function init():void {
file = new FileReference();
file.addEventListener(Event.CANCEL, cancelHandler);
file.addEventListener(Event.COMPLETE, completeHandler);
file.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
file.addEventListener(Event.OPEN, openHandler);
file.addEventListener(ProgressEvent.PROGRESS, progressHandler);
file.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
file.addEventListener(Event.SELECT, selectHandler);

pgbProgresso.label = "AGUARDANDO ARQUIVO";
pgbProgresso.setStyle("color",uint(0x999999));

downloadURL = new URLRequest();
downloadURL.url = fileUrl;

if(!fileName)
{
var arrayUrl : Array = fileUrl.split('/');
fileName = arrayUrl[arrayUrl.length-1];
}

file.download(downloadURL, fileName);
}

private function cancelHandler(event:Event):void {
PopUpManager.removePopUp(this)
}

private function completeHandler(event:Event):void {
pgbProgresso.setProgress(0,100);
pgbProgresso.label = "DOWNLOAD CONCLUÍDO!";

Alert.show("DOWNLOAD CONCLUÍDO","Atenção");
PopUpManager.removePopUp(this);
}

private function ioErrorHandler(event:IOErrorEvent):void {
trace("ioErrorHandler: " + event);
}

private function openHandler(event:Event):void {
trace("openHandler: " + event);
}

private function progressHandler(event:ProgressEvent):void {
var file:FileReference = FileReference(event.target);

pgbProgresso.setProgress(event.bytesLoaded,event.bytesTotal);

pgbProgresso.label = "CARREGANDO " + numberFormatter.format(pgbProgresso.percentComplete) + "%";
pgbProgresso.setStyle("color",uint(0x000000));

}

private function securityErrorHandler(event:SecurityErrorEvent):void {
pgbProgresso.label = "ERRO AO BAIXAR ARQUIVO!";
pgbProgresso.setStyle("color",uint(0xCC0000));
}

private function selectHandler(event:Event):void {
var file:FileReference = FileReference(event.target);
trace("selectHandler: name=" + file.name + " URL=" + downloadURL.url);
}
]]>
</mx:Script>

</mx:TitleWindow>

Usando.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Button label="Download" click="download()"/>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;

private function download():void
{
var download : Download = new Download();
download.fileUrl = "http://fpdownload.macromedia.com/get/flashplayer/current/licensing/win/install_flash_player_10_active_x.exe";
PopUpManager.addPopUp(download,this,true);
PopUpManager.centerPopUp(download);
}

]]>
</mx:Script>
</mx:Application>

Glass TV

2009-10-01T08:00:00.000-07:00

Está não é uma postagem relacionada a FLEX mas é uma ferramenta muito interessante.

Fonte : http://www.glasstv.com.br/

Usando efeitos e animação no Flex 4

2009-09-30T08:00:00.000-07:00

Um video mostrando como será os efeitos e animação do Flex 4.

Exemplos para download:
http://www.adobe.com/devnet/flex/articles/flex4_effects_pt1.html
http://www.adobe.com/devnet/flex/articles/flex4_effects_pt2.html

Exemplo do Efeito 3D

Fonte : http://labs.adobe.com/technologies/flash/videos/flashcamp/haase/

Flex Style Explorer

2009-09-29T08:00:00.000-07:00

Flex Style Explorer fornece uma maneira visual para você ver como alterar as configurações de estilo de Flex, componentes de interface de usuário vai afetar a visualização de sua aplicação. Esta aplicação específica é dividido em três seções: Style Controls, Sandbox, e CSS. Essas seções permitem, respectivamente, teste, ver e aprender as configurações de estilo que são necessários para conseguir o "look" que você tem em mente. O Flex Style Explorer permite definir estilos para aplicações, elementos de formulário, grids de dados, e muito mais.

Link para Aplicação : http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

Fonte da Aplicação : http://www.maclema.com/content/sek/srcview/index.html

Fonte : http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

Axiis - Gráficos Elegantes

2009-09-28T08:00:00.000-07:00

Axiis é uma fonte aberta quadro de visualização de dados projetado para desenvolvedores iniciantes e experientes.
Se você está construindo gráficos elegantes para reuniões de informação executiva ou a explorar as fronteiras da investigação avançadas de visualização de dados, Axiis tem algo para você.
Axiis fornece tanto componentes pré-visualização, bem como os padrões de layout e renderização de classes abstratas que permitem a você criar suas próprias visualizações únicas.
Axiis é construído sobre o quadro Degrafa gráficos e Adobe Flex 3.

Veja os Exemplos :

http://www.axiis.org/examples.html

Fonte :
http://www.axiis.org/index.html
http://tourdeflex.blogspot.com/2009/06/axiis-data-visualization-samples-added.html

Tour de Flex

2009-09-25T08:00:00.000-07:00

Tour de Flex é uma aplicação para explorar as capacidades Flex e recursos, incluindo os componentes do núcleo Flex, Adobe AIR, integração de dados, e uma variedade de componentes de terceiros, os efeitos, skins e muito mais.

O Tour de Flex inclui mais de 200 amostras de execução, cada um com código-fonte, links para documentação, e outros detalhes. Os tópicos incluem os principais componentes do Flex, Flex acesso a dados, recursos de desktop AIR, nuvem APIs, visualização de dados, mapeamento e uma crescente coleção de componentes personalizados, efeitos e skins.

Veja a aplicação online : http://www.adobe.com/devnet/flex/tourdeflex/web/

Fonte : http://www.adobe.com/devnet/flex/tourdeflex/

Criando um Custom Panel - Minimizar - Maximizar - Fechar

2009-09-24T08:00:00.000-07:00

O Fabiel Prestes fez um exemplo da utilização do Minimizar, Maximizar e Fechar janelas no Flex.

Link para tutorial : http://www.fabielprestes.com.br/?p=160

Download do Projeto : http://www.fabielprestes.com.br/arquivos/customPanel/CustomPanel.rar

Fonte : http://www.fabielprestes.com.br/?p=160

Integrando Flex com Java

2009-09-23T08:00:00.000-07:00

Para aquele que gostam do JAVA o Fabio Prestes fez um tutorial bem simples desta integração.

Lnk para tutorial : http://www.fabielprestes.com.br/?p=67

Requisitos para a realização da Integração:

Tomcat 6
Java 6
BlazeDs 3.x
Sdk Flex 3.x
Eclipse, FelxBuilder ou NetBeans.

Fonte: http://www.fabielprestes.com.br/

Arrastar e Soltar usando Imagem (Drag e Drop)

2009-09-22T08:00:00.000-07:00

Abaixo um exemplo de arrastar e soltar usando imagens.

Exemplo.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
backgroundGradientAlphas="[1.0, 1.0]"
backgroundGradientColors="[#FFFFFF, #FFFFFF]" viewSourceURL="srcview/index.html">

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.core.DragSource;
import mx.managers.DragManager;
import mx.events.DragEvent;

[Bindable]
private var quantity : int = 0;

private function initiateDrag(event:MouseEvent):void {

var dragInitiator:Image = event.currentTarget as Image;

var source:DragSource = new DragSource();
source.addData(dragInitiator,"gift");

var proxy:Image = new Image();
proxy.source = dragInitiator.source;
proxy.width = 50;
proxy.height = 50;

DragManager.doDrag(dragInitiator, source, event, proxy);
}

private function dragEnterHandler(event:DragEvent):void {
if (event.dragSource.hasFormat("gift")){
DragManager.acceptDragDrop(event.currentTarget as Image);
}
}

private function dragDropHandler(event:DragEvent):void{
quantity ++;
Alert.show("Gift added to your cart");
}

]]>
</mx:Script>

<mx:Label text="Add drag and drop support manually" color="#990000"
fontSize="20" fontWeight="bold" fontStyle="italic"/>

<mx:Canvas width="800" height="366">
<mx:Label fontSize="14"
color="#000000" width="66" x="600" y="311"
fontWeight="bold" textAlign="center"
text="{quantity.toString()}"/>
<mx:Image source="assets/gift.png" x="40" y="120"
mouseDown="initiateDrag(event)" />
<mx:Image source="@Embed('assets/cart.jpg')" x="480" y="100"
dragEnter="dragEnterHandler(event)"
dragDrop="dragDropHandler(event)" />
</mx:Canvas>

</mx:Application>

Exemplo Funcionando : http://files.riacodes.com/flex_drag-drop-gift-cart/demo/

Código Fonte : http://files.riacodes.com/flex_drag-drop-gift-cart/demo/srcview/index.html

Fonte : http://www.riacodes.com/flex/add-drag-and-drop-support-manually/

Ferramenta “FREE” para desenvolvimento em FLEX

2009-09-21T08:00:00.000-07:00

Flash Develop é uma ferramenta “FREE” que tem suporte para desenvolvimento de aplicações FLEX. O Anderson Macente está utilizando á algum tempo e gostou muito. Ela não tem a parte de interface (clicar e arrastar) do Flex Builder, porém ela ajuda muito completando códigos e compilando o projeto de maneira simples.

"A falta da parte de interface não é nenhuma desvantagem, em minha opinião, o que realmente faz falta pra mim é uma ferramenta de versionamento do código fonte".
Anderson Macente

O site oficial é esse.

Link para download.

Fonte : http://andersonmacente.blogspot.com/2009/09/ferramenta-free-para-desenvolvimento-em.html

ScreenToaster - Ferramenta para ScrenCast

2009-09-18T08:00:00.000-07:00

Pessoal, uma ferramenta feita em FLEX muito util para aqueles que fazem Screencasts, tutoriais, demonstrações, treinamentos, palestras e muito mais.

É bem simples de utilizar, é Free e não precisa instalar nenhum programa para utiliza-lo.
Compatível com Windows, Mac OS X, Linux.

Você pode adicionar áudio e uma webcam enquanto estiver gravando. Quando terminar, adicionar legendas, escolha a sua miniatura, descrever e codificar seus vídeos para outros usuários podem encontrar facilmente o seu screencasts.

Você pode fazer o download do video (.mov ou .swf) ou ainda publicar na internet conforme link abaixo.

Exemplo de um video :

Screencasts and videos online

Fonte : http://www.screentoaster.com/

De MonsterDebugguer

2009-09-17T08:00:00.000-07:00

De MonsterDebugger é um depurador de código aberto para o Adobe Flash, Flex e AIR. De MonsterDebugger é feito em Flex e AIR pelo estúdio de design De Monstros.

Como funciona:

Existem alguns passos simples que você tem que tomar a fim de começar a usar De MonsterDebugger com seus próprios aplicativos.

- Primeiro você precisa ter o Adobe AIR instalado.
- Depois que você precisa para instalar De MonsterDebugger. Basta abrir o download e AIR fará o resto.
- Depois De MonsterDebugger está instalado e funcionando, você ainda precisará importar a classe do cliente para estabelecer a conexão com De MonsterDebugger. A classe cliente é incorporado em De MonsterDebugger e podem ser salvos em qualquer local, selecionando Arquivo> Exportar Client Class. Salve a pasta na pasta raiz do seu aplicativo.
- Agora tudo que você precisa fazer é importar a classe em seu projeto. Flash e Flex exemplos são mostrados abaixo.

Exemplo em Flex

<?xml version = "1.0" encoding = "UTF-8"?>
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
   <mx:Script>
    <![CDATA[
     import mx.controls.Alert;
    import nl.demonsters.debugger.MonsterDebugger;


    private var debugger : MonsterDebugger;

    private function init(): void
    {
   debugger = new MonsterDebugger(this);
   MonsterDebugger.trace(this, "Hello World!");
    }
    ]]>
   </mx:Script>
   <mx:Button x="176" y="257" label="Button" click="MonsterDebugger.trace(this, 'teste');"/>
</mx:Application>

Download : http://monsterdebugger.googlecode.com/files/MonsterDebuggerV2_04.air

Fiz um video simples de como usar o De Monster Debugger

Screencasts and videos online

Fonte : http://demonsterdebugger.com/

Gerar Excel, Html e Word de um Datagrid

2009-09-16T08:00:00.000-07:00

Pessoal fiz um exemplo que gera um documento do Excel, HTML ou Word dos dados de um DataGrid. É bem simples e utiliza o FileReference para salvar os arquivos.

Atenção: fique atento a codificação de caracteres que você utiliza no Flex e a que você utiliza na hora de gerar os documentos, pois pode ter problemas com acentuação das palavras.

Observação : para compilar esse projeto você precisa alterar a versão do flash player para 10, para isso clique com o botão direito no projeto, acesse a opção "Flex Compiler" e altere o campo "Require Flash Player version" para 10.0.0.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:TitleWindow x="154" y="59" styleName="opaquePanel">
  <mx:DataGrid id="dtgLista" width="400" height="174" dataProvider="{dtpLista}">
   <mx:columns>
    <mx:DataGridColumn headerText="Codigo" dataField="codigo"/>
    <mx:DataGridColumn headerText="Nome" dataField="nome"/>
    <mx:DataGridColumn headerText="Idade" dataField="idade"/>
   </mx:columns>
  </mx:DataGrid>
  <mx:ControlBar horizontalAlign="right">
   <mx:Box direction="horizontal">
    <mx:RadioButtonGroup id="rdgTipo"/>
    <mx:RadioButton value="xls" label="XLS" groupName="rdgTipo" selected="true"/>
    <mx:RadioButton value="html" y="45" label="HTML" groupName="rdgTipo"/>
    <mx:RadioButton value="doc" label="DOC" groupName="rdgTipo"/>
   </mx:Box>
   <mx:Button label="Salvar Documento" click="gerar(dtgLista)"/>
  </mx:ControlBar>
</mx:TitleWindow>

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

   [Bindable] private var dtpLista : Object =
    [
    {codigo : '1',nome : 'Luiz',idade : 23},
    {codigo : '2',nome : 'Maria',idade : 20},
    {codigo : '3',nome : 'Carlos',idade : 2},
    {codigo : '4',nome : 'Da Silva',idade : 15},
    {codigo : '5',nome : 'Marcela',idade : 28},
    {codigo : '6',nome : 'André',idade : 24},
    {codigo : '7',nome : 'José',idade : 23},
    {codigo : '8',nome : 'Silva',idade : 21},
    {codigo : '9',nome : '',idade : 5},
    ];

   private function gerar(dtg : DataGrid):void
   {
    var i   : int;
    var j   : int;
    var html  : String = "";

    html+="<html><body>";
    html+="<head>";
    html+="<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>";
    html+="</head>";
    html+="<table border=1>";

    //TITULOS DAS COLUNAS
    html+="<tr>";
    for(i=0;i<dtg.columns.length;i++)
    {
     html+="<td><b>"+dtg.columns[i].headerText+"</b></td>";
    }
    html+="</tr>";

    //DADOS DO GRID
    for(j=0;j<dtg.dataProvider.length;j++)
    {
     html+="<tr>";
     for(i=0;i<dtg.columns.length;i++)
     {
      if(dtg.dataProvider[j][dtg.columns[i].dataField]){
       html+="<td>"+(dtg.dataProvider[j][dtg.columns[i].dataField].toString() ? dtg.dataProvider[j][dtg.columns[i].dataField].toString() : " ")+"</td>";
      }else{
       html+="<td> </td>";
      }
     }
     html+="</tr>";
    }

    html+="</table>";

    html+="</body></html>";

    new FileReference().save(html,"arquivo." + rdgTipo.selectedValue);
   }
  ]]>
</mx:Script>

</mx:Application>

LineChart - Gráfico

2009-09-15T08:00:00.000-07:00

Abaixo um exemplo de utilização do LineChart

LineChart.mxml

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script>
  <![CDATA[

   import mx.collections.ArrayCollection;

   [Bindable]
   private var expensesAC:ArrayCollection = new ArrayCollection( [
    { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
    { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
    { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
    { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
    { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
  ]]>
</mx:Script>


<mx:SolidColor id="sc1" color="blue" alpha=".3"/>
<mx:SolidColor id="sc2" color="red" alpha=".3"/>
<mx:SolidColor id="sc3" color="green" alpha=".3"/>


<mx:Stroke id = "s1" color="blue" weight="2"/>
<mx:Stroke id = "s2" color="red" weight="2"/>
<mx:Stroke id = "s3" color="green" weight="2"/>

<mx:Panel title="LineChart and AreaChart Controls Example"
     height="100%" width="100%" layout="horizontal">

  <mx:LineChart id="linechart" height="100%" width="45%"
       paddingLeft="5" paddingRight="5"
       showDataTips="true" dataProvider="{expensesAC}">

   <mx:horizontalAxis>
    <mx:CategoryAxis categoryField="Month"/>
   </mx:horizontalAxis>

   <mx:series>
    <mx:LineSeries yField="Profit" form="curve" displayName="Profit" lineStroke="{s1}"/>
    <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses" lineStroke="{s2}"/>
    <mx:LineSeries yField="Amount" form="curve" displayName="Amount" lineStroke="{s3}"/>
   </mx:series>
  </mx:LineChart>

  <mx:Legend dataProvider="{linechart}"/>

  <mx:AreaChart id="Areachart" height="100%" width="45%"
       paddingLeft="5" paddingRight="5"
       showDataTips="true" dataProvider="{expensesAC}">

   <mx:horizontalAxis>
    <mx:CategoryAxis categoryField="Month"/>
   </mx:horizontalAxis>

   <mx:series>
    <mx:AreaSeries yField="Profit" form="curve" displayName="Profit" areaStroke="{s1}" areaFill="{sc1}"/>
    <mx:AreaSeries yField="Expenses" form="curve" displayName="Expenses" areaStroke="{s2}" areaFill="{sc2}"/>
    <mx:AreaSeries yField="Amount" form="curve" displayName="Amount" areaStroke="{s3}" areaFill="{sc3}"/>
   </mx:series>
  </mx:AreaChart>

  <mx:Legend dataProvider="{Areachart}"/>

</mx:Panel>
</mx:Application>

Fonte : http://livedocs.adobe.com/flex/3/langref/mx/charts/LineChart.html

10 plug-ins para Flex Builder

2009-09-14T08:00:00.000-07:00

O Flex Builder é sem dúvida a primeira IDE que um desenvolvedor terá contato quando iniciar no mundo Flex. Porém quem já trabalha com outras IDEs, vai sentir falta de alguns recursos existentes. Veja abaixo uma lista completa de plug-ins para melhorar seu Flex Builder e conseqüentemente aumentar sua produtividade com a ferramenta.
Igor Costa

1- RegExp Painel: O RegExp é para quem trabalha gosta de usar expressões regulares em Actionscript e quer testar na própria ferramenta, sem ter que usar outras ferramentas para tal. Baixe aqui.

2 - Enterprise IDE:Um baita plug-in, pena que ainda não há definições sobre comercialização, suporte, preços. Porém traz uma gama de recursos interessantes, desde leitor de RSS à geradores de classes. Baixe aqui.

Cairngorm Plugin: Desenvolvido pelo próprio pessoal da Adobe, esse plug-in fornece de forma fácil a geração de novas classes para quem usa o Cairngorm Framework. Baixe aqui.

3 - Blueprint: Pintou aquela dúvida no meio do desenvolvimento e quer ver como um método, classe, componente funciona? Não precisa mais ficar esperando o Google responder para você, com o BluePrint você faz tudo isso sem sai da IDE. O Blueprint foi desenvolvido por uma empresa na Romênia que fora comprada pela Adobe. Baixe aqui.

Flex Formatter: Se seu código está meio bagunçado no aspecto de identação. O Flex Formatter é feito para você, como o próprio nome diz, ele ajeita o código para você e lhe ajuda a manter um código legível e organizado. Baixe aqui.

Eclipse Monkey: Sabe o famoso Grease monkey do Firefox?Pois é alguém teve a idéia de usar a mesma idéia do grease monkey dentro do Eclipse, com ele é possível fazer de tudo, prota tanto que você pode por exemplo gerar automaticamente getter e setters. Baixe aqui.

Aptana: Quer que seu Flex Builder tenha um editor de XHTML, CSS, Javascript excelente sem ter que usar outra IDE? O Aptana é feito para isso, além disso com ele você pode gerar novos projetos AIR usando apenas Javascript, coisa que no Flex Builder só é possível usando Flex. Baixe Aqui.

PDT Plug-in:Se você é desenvolvedor PHP e quer incorporar em seu Flex Builder a edição de código PHP sem usar a IDE da Zend. Você pode usar o PDT dentro do seu Flex Builder e ter suporte a edição de código PHP. Baixe aqui.

CFEclipse: Você desenvolvedor ColdFusion, já conhece o CFEclipse, o bom é que você pode instalar o plug-in do CFEclipse direto no seu Flex Builder e assim editar cfcs, cfml sem precisar de outra IDE. Baixe aqui.

Flex Builder em Full Screen: O Plug-in Eclipse Fullscreen, ajuda você que está de saco cheio dos paineis Flex Navigator, Flex Components e Outline, que ficam ali ao lado ocupando espaço. Você só quer um desejo ter o editor 100% livre de qualquer coisa que lhe chame a atenção. Baixe aqui.

Fonte : http://www.igorcosta.com/blog/?p=851

Varios Exemplos de Gráficos

2009-09-11T09:00:00.000-07:00

Link interessante de vários Gráficos

http://demo.quietlyscheming.com/ChartSampler/app.html

Código Fonte : http://demo.quietlyscheming.com/ChartSampler/srcview/index.html

Usando o Degrafa

2009-09-10T08:46:00.000-07:00

O degrafa é uma ferramenta que ajuda em muito no desenvolvimento de Skins nas aplicações Flex. Hoje eu utilizo ele em vários projetos, principalmente para backgroung. As aplicações abaixo foram retiradas do próprio site da degrafa em http://code.google.com/p/degrafa/source/.

Veja os exemplos : http://blog.mxml.com.br/usando-o-degrafa

Fonte : Eduardo Kraus - http://blog.mxml.com.br/usando-o-degrafa

Tutoriais, Componentes e Temas interessantes para o Adobe Flex

2009-09-09T09:09:00.000-07:00

Lista de Tutoriais,componentes interessantes para Adobe Flex.

http://www.noupe.com/adobe/flex-developers-toolbox-free-components-themes-and-tutorials.html

Adobe Flex A Partir Do Zero

2009-09-08T08:00:00.000-07:00

Para os iniciantes em flex links para 5 Apostilas.

Adobe_Flex_a_partir_do_zero_1.pdf

Adobe_Flex_a_partir_do_zero_2.pdf

Adobe_Flex_a_partir_do_zero_3.pdf

Adobe_Flex_a_partir_do_zero_4.pdf

Adobe_Flex_a_partir_do_zero_5.pdf

Retirado de : http://msdevstudio.com/blog/2008/01/05/adobe-flex-a-partir-do-zero/

Utilize Menu o botão direito do mouse

2009-09-04T08:00:00.000-07:00

O Mario Junior, desenvolveu uma aplicação exemplo de como utilizar o botão direito em suas aplicações Adobe Flex, acesse o exemplo.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    applicationComplete="onAppCreated()" width="495" height="342" viewSourceURL="srcview/index.html">


     
    <mx:XML format="e4x" id="myMenuData">
        <root>
            <menuitem label="MenuItem A">
                <menuitem label="SubMenuItem A-1" enabled="false"/>
                <menuitem label="SubMenuItem A-2"/>
            </menuitem>
            <menuitem label="MenuItem B" type="check" toggled="true"/>
            <menuitem label="MenuItem C" type="check" toggled="false"/>
            <menuitem type="separator"/>
            <menuitem label="MenuItem D">
                <menuitem label="SubMenuItem D-1" type="radio" groupName="one" />
                <menuitem label="SubMenuItem D-2" type="radio" groupName="one" toggled="true"/>
                <menuitem label="SubMenuItem D-3" type="radio" groupName="one" />
            </menuitem>
            <menuitem type="separator"/>
            <menuitem label="Custom View Source"/>
        </root>
    </mx:XML>



    <mx:Script>
        <![CDATA[
            import flash.net.navigateToURL;
            import mx.events.MenuEvent;
            import mx.controls.Menu;
            import mx.controls.Alert;

            //my Menu Instance
            private var myMenu:Menu;

            //In the application created event, we initialize a callback for
            //ExternalInterface using a same name "rightClick" used on the javascript code.
            private function onAppCreated():void{
                ExternalInterface.addCallback("rightClick",onMouseRightButtonClicked);
            }

            //the magic method, called by javascript through ExternalInterface.
            private function onMouseRightButtonClicked():void{
                //if exists an before Menu, simpply hide it.
                if (myMenu != null) myMenu.hide();

                //creating a Menu
                myMenu = Menu.createMenu(null, myMenuData,false);
                myMenu.labelField="@label";

                //add a eventListener
                myMenu.addEventListener(MenuEvent.ITEM_CLICK,myMenuItemClicked);

                //show the Menu where the mouse pointer is located.
                myMenu.show(stage.mouseX, stage.mouseY);

            }

            //This method is invoked when a menu item was clicked.
            private function myMenuItemClicked(e:MenuEvent):void {

                //if "customViewSource" alias was clicked...
                if (e.label=="Custom View Source") {
                    //... then, show the view source page.
                    navigateToURL(new URLRequest("srcview/index.html"));
                }
            }

        ]]>
    </mx:Script>
    <mx:Label x="18.5" y="10" text="Clique com o botão direito do Mouse sobre a área da aplicação" fontWeight="bold" fontSize="13"/>
    <mx:Label x="49.5" y="310" text="Click the right mouse button over the application area" fontWeight="bold" fontSize="13"/>

</mx:Application>

Link para Código fonte : http://www.mariojunior.com/labs/rightClickAS3/srcview/index.html

Fonte : http://blog.mariojunior.com/?p=17

Adobe dá Flex Builder 3 para programadores desempregados

2009-09-03T10:23:00.000-07:00

"É isso mesmo. Se você é um programador Flex e está desempregado atualmente, faça o seu cadastro no site https://freeriatools.adobe.com/learnflex/ e em no máximo duas semanas a Adobe te enviará a resposta por email sobre sua elegibilidade no programa junto com o número de série caso você esteja qualificado.

No mesmo embalo a Safari Books Online está oferecendo 60 dias de acesso a coleção de livros de Adobe Flex 3 e técnicas de desenvolvimento RIA, faça o seu cadastro em https://ssl.safaribooksonline.com/tryitfree.

Esta coleção inclui títulos oficiais da Adobe: Adobe Developer Library e Adobe Press."

Igor Musardo

Fonte : http://www.igormusardo.com.br/page/2/

ColumnChart - Gráfico

2009-09-02T16:00:00.000-07:00

Abaixo um exemplo de utilização do ColumnChart

ColumnChart.mxml

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
        import mx.collections.ArrayCollection;

        [Bindable]
        private var medalsAC:ArrayCollection = new ArrayCollection( [
            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
            { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
            { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
        ]]>
    </mx:Script>

    
    <mx:SolidColor id="sc1" color="yellow" alpha=".8"/>
    <mx:SolidColor id="sc2" color="0xCCCCCC" alpha=".6"/>
    <mx:SolidColor id="sc3" color="0xFFCC66" alpha=".6"/>

    
    <mx:Stroke id="s1" color="yellow" weight="2"/>
    <mx:Stroke id="s2" color="0xCCCCCC" weight="2"/>
    <mx:Stroke id="s3" color="0xFFCC66" weight="2"/>

    <mx:Panel title="ColumnChart and BarChart Controls Example"
        height="100%" width="100%" layout="horizontal">
        <mx:ColumnChart id="column"
            height="100%"
            width="45%"
            paddingLeft="5"
            paddingRight="5"
            showDataTips="true"
            dataProvider="{medalsAC}"
        >
            <mx:horizontalAxis>
                <mx:CategoryAxis categoryField="Country"/>
            </mx:horizontalAxis>

            <mx:series>
                <mx:ColumnSeries
                    xField="Country"
                    yField="Gold"
                    displayName="Gold"
                    fill="{sc1}"
                    stroke="{s1}"
                />
                <mx:ColumnSeries
                    xField="Country"
                    yField="Silver"
                    displayName="Silver"
                    fill="{sc2}"
                    stroke="{s2}"
                />
                <mx:ColumnSeries
                    xField="Country"
                    yField="Bronze"
                    displayName="Bronze"
                    fill="{sc3}"
                    stroke="{s3}"
                />
            </mx:series>
        </mx:ColumnChart>

        <mx:Legend dataProvider="{column}"/>

         <mx:BarChart id="bar" height="100%" width="45%"
            paddingLeft="5" paddingRight="5"
            showDataTips="true" dataProvider="{medalsAC}">

            <mx:verticalAxis>
                <mx:CategoryAxis categoryField="Country"/>
            </mx:verticalAxis>

            <mx:series>
                <mx:BarSeries
                    yField="Country"
                    xField="Gold"
                    displayName="Gold"
                    fill="{sc1}"
                    stroke="{s1}"
                />
                <mx:BarSeries
                    yField="Country"
                    xField="Silver"
                    displayName="Silver"
                    fill="{sc2}"
                    stroke="{s2}"
                />
                <mx:BarSeries
                    yField="Country"
                    xField="Bronze"
                    displayName="Bronze"
                    fill="{sc3}"
                    stroke="{s3}"
                />
            </mx:series>
        </mx:BarChart>

        <mx:Legend dataProvider="{bar}"/>

    </mx:Panel>
</mx:Application>

Fonte : http://livedocs.adobe.com/flex/3/langref/mx/charts/ColumnChart.html

Como validar CNPJ, CPF e PIS usando Validator

2009-09-01T08:00:00.000-07:00

Galera, Abaixo um exemplo de como validar CNPJ, CPF e PIS usando Validator, desenvolvida pelo Anderson Macente

"Neste post irei demonstrar como validar CNPJ, CPF e PIS em FLEX utilizando a classe Validator. Aproveitando o embalo segue também como colocar mascara nos campos. O componente utilizado para máscara foi retirado desse link

Os arquivos ".as" devem ser criados na pasta componentes."
Anderson Macente

CpfValidator.as

package componentes
{
import mx.validators.ValidationResult;
import mx.validators.Validator;

public class CpfValidator extends Validator
{
  public function CpfValidator()
  {
    super();
  }

  override protected function doValidation(value:Object):Array
  {
          var results:Array = super.doValidation(value.text);
          var digito:Array = new Array(); // array para os dígitos do CPF.
   var aux:Number= 0;
   var posicao:Number;
   var i:Number;
   var soma:Number;
   var dv:Number;
   var dvInformado:Number;
   var CPF:String = value.text;

   // Retira os dígitos formatadores de CPF '.' e '-', caso existam.
   CPF.replace(".", "");
   CPF.replace("-", "");

    //verifica CPFs manjados
    switch (CPF)
    {
      case '0':
      case '00':
      case '000':
      case '0000':
      case '00000':
      case '000000':
      case '0000000':
      case '00000000':
      case '000000000':
      case '0000000000':
      case '00000000000':
      case '11111111111':
      case '22222222222':
      case '33333333333':
      case '44444444444':
      case '55555555555':
      case '66666666666':
      case '77777777777':
      case '88888888888':
      case '99999999999':
       results.push(new ValidationResult(true, null, "Erro","Número do CPF inválido!"));
       return results;
      break;
    }

    // Início da validação do CPF.
    /* Retira do número informado os dois últimos dígitos */

    dvInformado = parseInt(CPF.substr(9,2));

    /* Desmembra o número do CPF no array digito */
    for (i=0; i<= 8; i++)
    {
      digito[i] = CPF.substr(i,1);
    }

    /* Calcula o valor do 10o. digito de verificação */
    posicao = 10;
    soma = 0;

   for (i=0; i <= 8; i++)
    {
     soma = soma + digito[i] * posicao;
     posicao--;
   }

    digito[9] = soma % 11;

    if (digito[9] < 2)
    {
      digito[9] = 0;
    } else {
      digito[9] = 11 - digito[9];
    }

    /* Calcula o valor do 11o. digito de verificação */
   posicao = 11;
   soma = 0;

    for (i=0; i <= 9; i++)
    {
      soma = soma + digito[i] * posicao;
      posicao--;
    }

    digito[10] = soma % 11;

    if (digito[10] < 2)
    {
      digito[10] = 0;
    } else {
      digito[10] = 11 - digito[10];
    }

    dv = digito[9] * 10 + digito[10];

    /* Verifica se o DV calculado é igual ao informado */
    if(dv != dvInformado)
    {
       results.push(new ValidationResult(true, null, "Erro","Número do CPF inválido!"));
    }

         return results;

     }

     override protected function getValueFromSource():Object
     {

         var value:Object = {};
         value.text = super.getValueFromSource();
         return  value;
     }

}
}

CnpjValidator.as

package componentes
{
import mx.validators.ValidationResult;
import mx.validators.Validator;

public class CnpjValidator extends Validator
{

  public function CnpjValidator()
  {
   super();
  }

   override protected function doValidation(value:Object):Array
   {
       var results:Array = super.doValidation(value.text);
   var a:Array = new Array();
   var b:Number = new Number;
   var i:Number;
   var x:Number;
   var y:Number;
   var c:Array = [6,5,4,3,2,9,8,7,6,5,4,3,2];
   var CNPJ:String = value.text;

   // Retira os dígitos formatadores de CNPJ '.' e '-', caso existam.
   CNPJ.replace(".", "");
   CNPJ.replace("-", "");
   CNPJ.replace("/", "");

   //verifica CNPJs manjados

   switch (CNPJ)
   {
    case '0':
    case '00':
    case '000':
    case '0000':
    case '00000':
    case '000000':
    case '0000000':
    case '00000000':
    case '000000000':
    case '0000000000':
    case '00000000000':
    case '11111111111':
    case '22222222222':
    case '33333333333':
    case '44444444444':
    case '55555555555':
    case '66666666666':
    case '77777777777':
    case '88888888888':
    case '99999999999':
     results.push(new ValidationResult(true, null, "Erro","Número do CNPJ inválido!"));
     return results;
    break;
   }

    for (i=0; i < 12; i++)
    {
      a[i] = CNPJ.charAt(i);
      b += a[i] * c[i+1];
     }

    if ((x = b % 11) < 2) { a[12] = 0 } else { a[12] = 11-x }

    b = 0;

    for (y=0; y < 13; y++)
    {
      b += (a[y] * c[y]);
    }

   if ((x = b % 11) < 2) { a[13] = 0; } else { a[13] = 11-x; }

    if ((CNPJ.charAt(12) != a[12]) || (CNPJ.charAt(13) != a[13]))
   {
    results.push(new ValidationResult(true, null, "Erro","Número do CNPJ inválido!"));
   }

       return results;
   }

  override protected function getValueFromSource():Object
   {
   var value:Object = {};
   value.text = super.getValueFromSource();
   return  value;
   }
}
}

PisValidator.as

package componentes
{
import mx.validators.ValidationResult;
import mx.validators.Validator;

public class PisValidator extends Validator
{
  public function PisValidator()
  {
    super();
  }

  // Define the doValidation() method.
   override protected function doValidation(value:Object):Array
   {
       var results:Array = super.doValidation(value.text);
       if (value.text != "")
       {
       //Testa se o número do pis é válido ou não
    var PIS:String = value.text;
    var i:Number;
    var digito:Number=0;
    var total:Number=0;
    var resto:Number=0;
    var pesos:Array = new Array;
    var erro:Boolean = false;

    // Retira os dígitos formatadores de PIS '.' e '-', caso existam.
    PIS.replace(".", "");
    PIS.replace("-", "");

      //verifica PIS manjados
      switch (PIS)
      {
     case '0':
     case '00':
     case '000':
     case '0000':
     case '00000':
     case '000000':
     case '0000000':
     case '00000000':
     case '000000000':
     case '0000000000':
     case '00000000000':
     case '11111111111':
     case '22222222222':
     case '33333333333':
     case '44444444444':
     case '55555555555':
     case '66666666666':
     case '77777777777':
     case '88888888888':
     case '99999999999':
      results.push(new ValidationResult(true, null, "Erro","Número do PIS inválido!"));
      return results;
     break;
    }

    pesos[0] = 3;
    pesos[1] = 2;
    pesos[2] = 9;
    pesos[3] = 8;
    pesos[4] = 7;
    pesos[5] = 6;
    pesos[6] = 5;
    pesos[7] = 4;
    pesos[8] = 3;
    pesos[9] = 2;

    for (i=0; i<10; i++)
    {
     total = total + pesos[i] * parseInt(PIS.substr(i,1));
    }

      resto = total % 11;

      if((11-resto)>9)
        digito =0;
       else
        digito = (11 - resto);

      if(digito != parseInt(PIS.substr(10,1)))
    {
        erro = true;
      }else{
        erro = false;
      }

      if(erro)
      {
        results.push(new ValidationResult(true, null, "Erro","Número do PIS inválido!"));
       }
    }

       return results;
   }

   override protected function getValueFromSource():Object
   {
          var value:Object = {};
          value.text = super.getValueFromSource();
          return  value;
   }
}

}

main.mxml

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


<mx:Form>
<mx:FormItem label="CPF">
   <componentes:MaskedTextInput id="txiCPF" inputMask="###.###.###-##" width="200" restrict="0-9"  />
</mx:FormItem>
<mx:FormItem label="CNPJ">
   <componentes:MaskedTextInput id="txiCNPJ" width="200" inputMask="##.###.###//####-##" maxChars="10" restrict="0-9"/>
</mx:FormItem>
<mx:FormItem label="PIS">
   <componentes:MaskedTextInput id="txiPIS" width="200" inputMask="###.#####.##-#" maxChars="10" restrict="0-9"/>
</mx:FormItem>
</mx:Form>


<componentes:CpfValidator required="true"
        source="{txiCPF}"
        property="text"
        requiredFieldError="Campo Obrigatório"/>


<componentes:CnpjValidator required="true"
        source="{txiCNPJ}"
        property="text"
        requiredFieldError="Campo Obrigatório"
/>


<componentes:PisValidator required="true"
        source="{txiPIS}"
        property="text"
        requiredFieldError="Campo Obrigatório"
/>

</mx:Application>

Download dos Fontes : http://groups.google.com.br/group/flexdev/web/CNPJ_PIS_CPF_Validator.zip

Blog do Anderson Macente : http://andersonmacente.blogspot.com/2009/08/como-validar-cnpj-cpf-e-pis-em-flex.html

Google Analytics para Flex

2009-08-31T08:42:00.000-07:00

"Para aqueles como eu, amantes dos produtos Google, e querem utilizar o Google Analytics em todos os sistemas, segue aqui uma forma fácil de integra-lo com o Flex.

- Crie um novo Website Profile para conseguir uma nova Web Property ID.
- Faça o download do zip contendo o swc em http://code.google.com/p/gaforflash/downloads/list
- Copie o analytics.swc para a pasta /libs do seu projeto.
- O Exemplo abaixo, comentado possui um TabNavigator que possui sua navegação integrada com uma conta minha do Google Analytics.

O Exemplo abaixo, comentado possui um TabNavigator que possui sua navegação integrada com uma conta minha do Google Analytics."
Eduardo Kraus

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute"
    creationComplete="init()">
  <mx:Script>
    <![CDATA[
      import com.google.analytics.components.FlexTracker;
      /**
       * váriavel global para o Analytics
       */
      private var tracker:FlexTracker
      /**
       * Executa quando a aplicação é carregado
       *
       * Nesta função criamos uma nova instancia,
       * passamos as configurações
       * e chamamos o registro inicial
       */
      private function init():void
      {
        // Nova instancia do Analytics para o Flex
        tracker=new FlexTracker()
        // passando a conta que você deve ter criado
        // para o prjeto
        tracker.account='UA-4869081-3'
        // Define que o modo é para AS3
        tracker.mode="AS3"
        /*
        * Visualizar o debug no projeto,
        * para saber se esta funcionando
        *
        * Em projeto em produção, definir
        * tracker.visualDebug=false
        */
        tracker.visualDebug=true

        // Registra o acesso inicial
        tabnavigatorChange();
      }
      /**
       * Executa quando uma aba é alterada
       *
       * Neste método é chamado quando iniciamos a aplicação
       * e quando a alteramos entre as abas.
       */
      private function tabnavigatorChange():void
      {
        /*
         * O método trackPageview recebe uma String contendo a url acessada
         * Esta url deve começar com "/" e seguido do endereço a ser registrado
         *
         * Neste caso estou enviando o valor do label da aba selecionada,
         * substituindo o espaço por underline
         */
        var itemView:String='/' + tabnavigator1.selectedChild.label.replace( ' ', '_' )
        tracker.trackPageview( itemView )
      }
    ]]>
  </mx:Script>

  <mx:TabNavigator id="tabnavigator1"
           x="31" y="43" width="380" height="423"
           change="tabnavigatorChange()">
    <mx:HBox label="Aba 1" width="100%" height="100%"
         horizontalAlign="center">
      <mx:Text text="Esta é a aba 1."/>
    </mx:HBox>
    <mx:HBox label="Aba 2" width="100%" height="100%"
         horizontalAlign="center">
      <mx:Text text="Esta é a aba 2."/>
    </mx:HBox>
    <mx:HBox label="Aba 3" width="100%" height="100%"
         horizontalAlign="center">
      <mx:Text text="Esta é a aba 3."/>
    </mx:HBox>
    <mx:HBox label="Aba 4" width="100%" height="100%"
         horizontalAlign="center">
      <mx:Text text="Esta é a aba 4."/>
    </mx:HBox>
  </mx:TabNavigator>
</mx:Application>

Código Fonte : http://code.mxml.com.br/?sourceID=092

Fonte : Eduardo Kraus - http://blog.mxml.com.br/google-analytics-para-flex

Controle de uma animação flash dentro de uma aplicação Flex

2009-08-28T04:13:00.000-07:00

Veja um exemplo de Controle de uma animação flash dentro de uma aplicação Flex.

Principal.mxml

Veja funcionando : http://files.riacodes.com/flex_control-flash-inside-flex/demo/

Fonte : http://www.riacodes.com/flex/control-flash-animation-inside-a-flex-application/

Inserindo dados em DataGrid usando ArrayCollection com PopUpManager

2009-08-24T04:55:00.000-07:00

Fiz um outro exemplo utilizando a inserção em um ArrayCollection com PopUpManager:
O DataGrid está ligado neste ArrayCollection, desta forma as informações são atualizada quando inserimos mais dados no ArrayCollection.

Principal.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
verticalAlign="middle">
<mx:TitleWindow styleName="opaquePanel" width="567" title="Cadastro de Pessoas">
  <mx:Button label="Adicionar" click="adicionar()"/>
  <mx:DataGrid id="dtgPessoas" width="100%" dataProvider="{dtpListaPessoa}">
   <mx:columns>
    <mx:DataGridColumn headerText="Código" dataField="codigo" width="100" textAlign="center"/>
    <mx:DataGridColumn headerText="Nome" dataField="nome"/>
    <mx:DataGridColumn headerText="Idade" dataField="idade" width="100" textAlign="center"/>
   </mx:columns>
  </mx:DataGrid>

<mx:Box horizontalAlign="right" width="100%">
   <mx:Button label="Excluir" enabled="{dtgPessoas.selectedIndex!=-1}" click="{dtpListaPessoa.removeItemAt(dtgPessoas.selectedIndex)}"/>
  </mx:Box>
</mx:TitleWindow>

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent;
import mx.managers.PopUpManager;
import mx.collections.ArrayCollection;

[Bindable] private var dtpListaPessoa : ArrayCollection = new ArrayCollection();
[Bindable] private var janela   : Pessoa;

private function adicionar():void
{
  janela = new Pessoa();
  janela.addEventListener("closePessoa",closePessoa);
  PopUpManager.addPopUp(janela,this,true);
  PopUpManager.centerPopUp(janela);
}

private function closePessoa(e : Event):void
{
   dtpListaPessoa.addItem(
   {
   codigo : janela.txiCodigo.text,
   nome : janela.txiNome.text,
   idade : janela.nmsIdade.value
   });

   PopUpManager.removePopUp(janela);
}
]]>
</mx:Script>
</mx:Application>

Pessoa.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="500" title="Cadastro de Pessoa" styleName="opaquePanel"
showCloseButton="true" close="PopUpManager.removePopUp(this);">

<mx:Metadata>
[Event("closePessoa")]
</mx:Metadata>

<mx:Form width="100%">
  <mx:FormItem label="Código" width="100%">
   <mx:TextInput width="68" id="txiCodigo"/>
  </mx:FormItem>
  <mx:FormItem label="Nome" width="100%">
   <mx:TextInput width="350" id="txiNome"/>
  </mx:FormItem>
  <mx:FormItem label="Idade" width="100%" direction="horizontal">
   <mx:NumericStepper maximum="200" minimum="0" id="nmsIdade"/>
  </mx:FormItem>
</mx:Form>
<mx:ControlBar horizontalAlign="right">
<mx:Button label="Adicionar" click="dispatchEvent(new Event('closePessoa'))"/>
</mx:ControlBar>

<mx:Script>
<![CDATA[
  import mx.managers.PopUpManager;
]]>
</mx:Script>

</mx:TitleWindow>

Inserindo dados em DataGrid usando ArrayCollection

2009-08-21T09:23:00.000-07:00

Fiz um exemplo utilizando a inserção em um ArrayCollection:
O DataGrid está ligado neste ArrayCollection, desta forma as informações são atualizada quando inserimos mais dados no ArrayCollection.

Cadastro.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
verticalAlign="middle">
<mx:TitleWindow styleName="opaquePanel" width="567" title="Cadastro de Pessoas">
  <mx:Form width="100%">
   <mx:FormItem label="Código" width="100%">
    <mx:TextInput width="68" id="txiCodigo"/>
   </mx:FormItem>
   <mx:FormItem label="Nome" width="100%">
    <mx:TextInput width="400" id="txiNome"/>
   </mx:FormItem>
   <mx:FormItem label="Idade" width="100%" direction="horizontal">
    <mx:NumericStepper maximum="200" minimum="0" id="nmsIdade"/>
    <mx:Button label="Adicionar" click="adicionar()"/>
   </mx:FormItem>
  </mx:Form>

  <mx:DataGrid id="dtgPessoas" width="100%" dataProvider="{dtpListaPessoa}">
   <mx:columns>
    <mx:DataGridColumn headerText="Código" dataField="codigo" width="100" textAlign="center"/>
    <mx:DataGridColumn headerText="Nome" dataField="nome"/>
    <mx:DataGridColumn headerText="Idade" dataField="idade" width="100" textAlign="center"/>
   </mx:columns>
  </mx:DataGrid>
  <mx:Box horizontalAlign="right" width="100%">
   <mx:Button label="Excluir" enabled="{dtgPessoas.selectedIndex!=-1}" click="{dtpListaPessoa.removeItemAt(dtgPessoas.selectedIndex)}"/>
  </mx:Box>


  <mx:ControlBar>
  </mx:ControlBar>

</mx:TitleWindow>

<mx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;

   [Bindable] private var dtpListaPessoa : ArrayCollection = new ArrayCollection();

   private function adicionar():void
   {
    dtpListaPessoa.addItem(
    {
     codigo : txiCodigo.text,
     nome : txiNome.text,
     idade : nmsIdade.value
    });

    txiCodigo.text='';
    txiNome.text='';
    nmsIdade.value=0;
   }

  ]]>
</mx:Script>
</mx:Application>

Capturar imagem da WEBCAM

2009-08-21T06:26:00.000-07:00

Achei um exemplo na internet para capturar imagem de uma WEBCAM.

WebCam.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="{this.startUp()}" >
<mx:Script>
<![CDATA[
  import mx.graphics.ImageSnapshot;
  public function startUp():void
  {
   var cam:Camera = Camera.getCamera();
   myVideo.attachCamera(cam);
  }
  public function onClickFoto():void
  {
   var imageBitmapData:BitmapData = ImageSnapshot.captureBitmapData(myVideo);
   myImage.source = new Bitmap(imageBitmapData);
  }
]]>
</mx:Script>

<mx:Button click="{this.onClickFoto()}" x="10" y="10" label="Foto"/>
<mx:Box id="myTile" x="10" y="40" direction="horizontal">
  <mx:VideoDisplay id="myVideo" width="300" height="200"/>
  <mx:Image id="myImage" width="300" height="200"/>
</mx:Box>
</mx:Application>

Exemplo com botão salvar :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="{this.startUp()}" >
<mx:Script>
  <![CDATA[
   import mx.graphics.codec.JPEGEncoder;
   import mx.graphics.ImageSnapshot;

   private var cam:Camera = Camera.getCamera();
   [Bindable]private var imageBitmapData:BitmapData;

   public function startUp():void
   {
    myVideo.attachCamera(cam);
   }
   public function onClickFoto():void
   {
    imageBitmapData = ImageSnapshot.captureBitmapData(myVideo);
    myImage.source = new Bitmap(imageBitmapData);
   }

   public function SalvarImagem():void
   {
    var encoder:JPEGEncoder = new JPEGEncoder();
    var rawBytes:ByteArray = encoder.encode(imageBitmapData);
    new FileReference().save(rawBytes,"teste.jpg");
   }
  ]]>
</mx:Script>

<mx:Button click="{this.onClickFoto()}" x="10" y="10" label="Foto"/>
<mx:Button click="{SalvarImagem()}" x="70" y="10" label="Salvar"/>
<mx:Box id="myTile" x="10" y="40" direction="horizontal">
  <mx:VideoDisplay id="myVideo" width="300" height="200"/>
  <mx:Image id="myImage" width="300" height="200"/>
</mx:Box>
</mx:Application>

Veja funcionando em outro endereço : http://files.riacodes.com/flash_capture-webcam/

Fonte : http://groups.google.com.br/group/flexdev/browse_thread/thread/99ad40c7e7b031/8ee3f06b2a802176?hl=pt-BR&lnk=gst&q=webcam#8ee3f06b2a802176

Google lança campanha para o fim do IE6

2009-08-18T07:06:00.000-07:00

Esta deve ser novidade para 86% dos meus leitores, já que esta é a média de utilização do FF e Chome. O Google lançou campanha para atualização forçada aos internautas.

O Youtube agora tem um aviso de atualização.

Mais porque esta mensagem esta só no Youtube?

"Minha imaginação levou que o Gmail é utilizado só pela classe mais privilegiada intelectualmente, e há concorrentes. No caso do Reader ou Docs, a concorrencia cairia em cima disso. Mais deveriam colocar no Orkut…. Bom Orkut deve ter 99% de acesso via IE6!!!! e em um possivel bloqueio os usuarios partiriam para outros que possuem suporte.

Agora Youtube não. Não há concorrentes, e se provavelmente barrarem, terão que utilizar navegador compativel com HTML. Se te mandarem algum vídeo engraçado terão que atualizar para ver o conteúdo.

Estava pensando em fazer o mesmo em meu Blog. Não acessa quem tem IE 6 ou inferior."

Eduardo Kraus

Fonte : Eduardo Kraus http://blog.mxml.com.br/google-lanca-campanha-para-o-fim-do-ie6

Google maps 3D no Flex

2009-08-17T10:43:00.000-07:00

Novidade para aqueles que utilizam o Google Maps no Flex. Agora esta disponível a visualização 3D no Flex.

Veja Funcionando

Se você nunca desenvolveu para um exemplo do Google Maps, tem dois itens que tem que ser visto antes de inicia:

Solicitar uma Api Key para seu domínio em http://code.google.com/apis/maps/signup.html;
Baixar a ultima versão do SDK para Flex em http://maps.googleapis.com/maps/flash/release/sdk.zip.
Copie map_flex_1_16.swc para a pasta /libs do seu projeto Flex.
Agora você já começar a brincar. Vou explicar o exemplo Map3DSimple.mxml.

Primeiro defino a variável apikey que é definido no arquivo apiKey.txt. Após são descritas as duas funções principais que definem os principais eventos do mapa. O código esta bem comentado e logo abaixo tem quatro exemplos simples.

Fonte : Eduardo Kraus - http://blog.mxml.com.br/google-maps-3d-no-flex

Outro Video de Flex e PHP usando AMFPHP

2009-08-04T07:16:00.000-07:00

Mais um Screencast da utilização do AMFPHP com Flex.
Este vídeo foi feito pelo Marcos,amigo meu.
O blog dele é : http://flex-cast.blogspot.com/

Capture your screen in seconds

Fonte : http://flex-cast.blogspot.com/2009/06/flex-e-php-usando-amfphp.html

Componente para Upload com Barra de Progresso

2009-08-03T06:39:00.001-07:00

Fiz um componente para fazer Upload de Arquivo com Barra de Progresso.
Abaixo os arquivos para fazer os testes.

FileUpload.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="horizontal"
title="Selecionar Arquivo"
showCloseButton="true"
close="PopUpManager.removePopUp(this);"
creationComplete="init()">

<mx:NumberFormatter id="numberFormatter" rounding="up"/>

<mx:Form width="100%" height="100%" enabled="{fileUrl.toString()!=''}">
  <mx:FormItem direction="horizontal" width="100%">
   <mx:TextInput id="txt_filename" editable="false" width="160"/>
   <mx:Button id="btn_Localizar" click="localizar();" label="Localizar" icon="@Embed(source='../img/16x16/ico_lupa+.png')" useHandCursor="true" buttonMode="true"/>
   <mx:Button id="btn_enviar" click="enviar();" label="Enviar" icon="@Embed(source='../img/16x16/ico_confirma.png')" useHandCursor="true" buttonMode="true"/>
  </mx:FormItem>
  <mx:FormItem direction="horizontal" width="100%" visible="{uploadProgresso}" includeInLayout="{uploadProgresso}">
   <mx:ProgressBar id="pgbProgresso" mode="manual" labelPlacement="center" width="100%" label="CARREGANDO {numberFormatter.format(pgbProgresso.percentComplete)}%"/>
  </mx:FormItem>
</mx:Form>

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


  [Bindable] public var fileRef   : FileReference;
  [Bindable] private var uploadProgresso : Boolean = false;
  [Bindable] private var uploadPorcento : int = 0;

  [Bindable] public var fileUrl   : String;
  [Bindable] public var fileName   : String = "arquivo";
  [Bindable] public var fileType   : String = "*.*";
  [Bindable] public var fileFilter   : String = "Arquivo";
  [Bindable] public var fileCloseComplete: Boolean = true;

  private function init():void
  {
   fileRef = new FileReference();
   fileRef.addEventListener(Event.SELECT, onSelect);
   fileRef.addEventListener(Event.COMPLETE, onUploadComplete);
   fileRef.addEventListener(ProgressEvent.PROGRESS, progresso);
   fileRef.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA, fimUpload);
  }

  public function localizar():void
  {
   var tipos:FileFilter = new FileFilter(fileFilter,fileType);
   var tiposArray:Array = new Array(tipos);
   this.fileRef.browse(tiposArray);
  }


  public function fimUpload(e:DataEvent):void
  {
   uploadProgresso = false
  }

  private function progresso(e:ProgressEvent):void
  {
   pgbProgresso.setProgress(e.bytesLoaded,e.bytesTotal);
   uploadProgresso = true;
  }

  private function erro(e:Event):void{

  }

  private function onSelect(event:Event):void {
   this.txt_filename.text = fileRef.name;
  }

  private function onUploadComplete(event:Event):void
  {
   uploadProgresso = false;
   if(fileCloseComplete)
    PopUpManager.removePopUp(this);
  }

  public function enviar():void
  {
   if (fileRef == null) return;

   var request:URLRequest = new URLRequest(fileUrl);
   request.method = URLRequestMethod.POST;
   fileRef.upload(request, fileName);
  }

]]>
</mx:Script>
</mx:TitleWindow>

Usando.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
  <![CDATA[
   import mx.utils.StringUtil;
   import mx.controls.Alert;
   import mx.managers.PopUpManager;

   private function adicionarArquivo():void
{
var fileUpload : FileUpload;
fileUpload = new FileUpload();

fileUpload.fileUrl = "http://www.urldoupload.com.br/upload.php";
fileUpload.fileType = "*.pdf";
fileUpload.fileFilter = "Arquivo PDF";

PopUpManager.addPopUp(fileUpload,this,true);
PopUpManager.centerPopUp(fileUpload);

fileUpload.fileRef.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA, fimUpload);
}

   public function fimUpload(e:DataEvent):void
   {
    if(StringUtil.trim(e.data.toString())=="ERRO")
    {
     Alert.show('Erro ao salvar arquivo!','Atenção!')
    }else{
     Alert.show(e.data,'Atenção!')

    }
   }

  ]]>
</mx:Script>
<mx:Button x="110" y="50" label="Arquivo" click="adicionarArquivo()"/>
</mx:Application>

upload.php

<?php
$arquivo = $_FILES["arquivo"] ? $_FILES["arquivo"] : false;

$retorno="ERRO";

if($arquivo)
{
  $url = "./pastadosarquivos/";

  if(@move_uploaded_file($arquivo["tmp_name"],$url."".basename($arquivo["tmp_name"]))){
   $retorno = basename($arquivo["tmp_name"]);
  }
}

echo $retorno;

?>

Convertendo imagem para preto em branco

2009-07-30T06:21:00.000-07:00

Abaixo o exemplo de como realizar a alteração das cores de uma imagem:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" backgroundColor="white">
<mx:Script>
  <![CDATA[

   private var rLum:Number = 0.2225;
   private var gLum:Number = 0.7169;
   private var bLum:Number = 0.0606;

   [Bindable]
   private var bwMatrix:Array =
         [rLum, gLum, bLum, 0, 0,
         rLum, gLum, bLum, 0, 0,
         rLum, gLum, bLum, 0, 0,
         0, 0, 0, 1, 0];

   [Bindable]
   [Embed('assets/image2.jpg')]
   private var image2:Class;

  ]]>
</mx:Script>

<mx:ColorMatrixFilter id="cmf" matrix="{bwMatrix}" />

<mx:VBox>
  <mx:Label text="Black and white" />
  <mx:Image source="{image2}" filters="{[cmf]}" scaleX="0.5" scaleY="0.5" />
</mx:VBox>

<mx:VBox>
  <mx:Label text="Original" />
  <mx:Image source="{image2}" scaleX="0.5" scaleY="0.5" />
</mx:VBox>

</mx:Application>

Fonte : http://blog.flexexamples.com/2007/07/27/converting-an-image-to-black-and-white-using-the-colormatrixfilter/

Mágica ????

2009-07-24T12:59:00.000-07:00

Neste truque, o "mágico" pede que alguém de sua "plateia" escolha um número inteiro de 1 até 31 e não conte para ninguém. Depois, o mágico mostra, um após o outro, cinco cartões contendo vários números. A cada cartão que é exibido, o participante deve dizer se o número que ele pensou está ou não no cartão.

Quando todos os cartões tiverem sido mostrados, o mágico é capaz de adivinhar qual foi o número pensado.

Teste Já: http://www.inf.cesumar.br/luiz/publicacao/magica/

Veja a idéia : http://pt.wikibooks.org/wiki/Matem%C3%A1tica_divertida/Um_truque_de_adivinha%C3%A7%C3%A3o

Serial para Flex 4 Beta

2009-07-20T12:15:00.000-07:00

Adobe liberou o link para o serial do Flex 4. Você vai precisar do Serial do Flex 3 no cadastro de solicitação.

"Flash Builder 4 beta extension serial numbers are available for all licensed Flex Builder 3 customers. This includes all commercial and education serial numbers. To request a beta extension serial number, you will need to enter your Flex Builder 3 serial number, your name, and a valid email address. A beta extension serial number will then be emailed to you"

https://freeriatools.adobe.com/flashbuilder4beta/

Livro de Flex e PHP

2009-07-17T04:34:00.000-07:00

Acabei de ver no Blog do Vedovelli que foi lançado um livro de FLEX e PHP.

O livro Desenvolvendo Sistemas com Flex e PHP tem o objetivo de introduzir os principais conceitos sobre o desenvolvimento de um sistema web, utilizando as tecnologias PHP e Flex. Serão abordadas também outras tecnologias, tais como MySQL, AMFPHP, WAMPServer e CPanel. Ensina como criar um software desde o princípio, abordando todos os passos para a correta comunicação entre o Flex e o PHP, além de facilitar a programação e empregar a segurança necessária para diminuir a exposição de vulnerabilidades no software.

Também é abordada a união entre as empresas Adobe e Zend, que estão trabalhando juntas para a integração de suas tecnologias, proporcionando uma melhoria significativa entre o Flex o PHP.

Após a criação do software, o autor explica como colocar o software no ambiente de produção, por meio da ferramenta CPanel, conhecida mundialmente nos servidores de hospedagem que utilizam PHP e MySQL.

Link para Compra : http://www.novatec.com.br/livros/flexephp/

Serial do Flex Para Estudantes

2009-07-15T05:42:00.000-07:00

Para quem precisa do serial do Flex, a Adobe disponibiliza o serial grátis para estudantes.
Basta escanear a carteirinha de estudante e enviar em anexo. Em alguns dias o serial será enviar para o email cadastrado.

Link para solicitação : https://freeriatools.adobe.com/flex/

Arrastar e Soltar (Drag and Drop)

2009-07-14T07:20:00.000-07:00

Abaixo um exemplo em flex de Arrastar e Soltar entre Grids.

ArrastarSoltar.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*"
creationComplete="init()">
<mx:TitleWindow width="100%" height="100%">
  <mx:HBox x="0" y="0" width="100%" height="100%">

   <mx:DataGrid id="dtgEsquerdo" dataProvider="{dadosEsquerdo}" width="50%" height="100%"
     dragEnabled="true" dropEnabled="true" dragMoveEnabled="true">
    <mx:columns>
     <mx:DataGridColumn headerText="Código" dataField="codigo"/>
     <mx:DataGridColumn headerText="Nome" dataField="nome"/>
    </mx:columns>
   </mx:DataGrid>

   <mx:DataGrid id="dtgDireito" dataProvider="{dadosDireito}" width="50%" height="100%"
    dragEnabled="true" dropEnabled="true" dragMoveEnabled="true">
    <mx:columns>
     <mx:DataGridColumn headerText="Código" dataField="codigo"/>
     <mx:DataGridColumn headerText="Nome" dataField="nome"/>
    </mx:columns>
   </mx:DataGrid>

  </mx:HBox>
</mx:TitleWindow>
<mx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;

   [Bindable] private var dadosEsquerdo : ArrayCollection = new ArrayCollection();
   [Bindable] private var dadosDireito : ArrayCollection = new ArrayCollection();

   private function init():void
   {
    dadosEsquerdo.addItem({codigo : '1', nome : 'Luiz Henrique'});
    dadosEsquerdo.addItem({codigo : '2', nome : 'Maria'});
    dadosEsquerdo.addItem({codigo : '3', nome : 'Marcela'});
    dadosEsquerdo.addItem({codigo : '4', nome : 'José'});
   }


  ]]>
</mx:Script>

</mx:Application>

Query String

2009-07-14T06:33:00.000-07:00

Abaixo um exemplo de como passar parametros do HTML ou PHP para o Flex.

QueryString.html

AC_FL_RunContent(
   "src", "QueryString",
   "width", "100%",
   "height", "100%",
   "align", "middle",
   "id", "QueryString",
   "quality", "high",
   "bgcolor", "#869ca7",
   "name", "QueryString",
   "allowScriptAccess","sameDomain",
   "type", "application/x-shockwave-flash",
   "pluginspage", "http://www.adobe.com/go/getflashplayer",
   "FlashVars","param1¶m2¶m3"
);

QueryString.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="init()">
<mx:Script>
  <![CDATA[
   import mx.controls.Alert;

   private function init():void
   {
    var obj : Object = Application.application.parameters;
    var item : String;
    for(item in obj)
    {
     Alert.show(item.toString());
    }

   }
  ]]>
</mx:Script>
</mx:Application>

Demarcando Área em Flex

2009-07-13T04:32:00.000-07:00

Em um projeto em Flex precisei fazer uma demarcação de área, para isso utilizei um componte de polígono que encontrei na internet, que possibilita demarcar 'N' pontos e não só X e Y.

O componte utilizado foi o seguinte : http://www.degrafa.org/source/Polygon/Polygon.html

Link do Projeto - http://www.ead.cesumar.br/polos/

Não posso disponibilizar o código fonte.
Mas caso necessário posso passar algumas dicas de como foi feito.

Acessando o PHP com Flex

2009-07-13T04:23:00.000-07:00

Segue abaixo um link para um screencast do Fábio Vedovelli mostrando como usar o AMFPHP para trafegar dados entre a interface e o banco de dados.

Screencast - http://www.vedovelli.com.br/?p=66

Arquivos - http://www.vedovelli.com.br/screencasts/screencast005_21092007/screencastAMF.rar

Retirado de http://www.vedovelli.com.br/
Fábio Vedovelli

Flex - Executando uma Função em Outro Arquivo

2009-07-10T09:23:00.000-07:00

Muitas pessoas me questionaram como faz para executar uma função em outro arquivo.
Como por exemplo em um sistema que tenha uma listagem.mxml e um cadastro,.mxml . Quando o usuário clicar em salvar na tela de cadastro o sistema deve atualizar a lista, porém estas funções estão em arquivos separados, sendo assim é necessário utilizar eventos. Como o exemplo abaixo:

cadastro.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300" title="Cadastro">
<mx:Form x="0" y="0" width="100%" height="100%">
</mx:Form>
<mx:ControlBar horizontalAlign="right">
<mx:Button label="Salvar" click="salvar()"/>
</mx:ControlBar>

<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;

private function salvar():void
{
dispatchEvent(new Event("executaFuncaoNaLista"))
PopUpManager.removePopUp(this);
}

]]>
</mx:Script>

</mx:TitleWindow>

lista.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="500" height="500" title="Lista">
<mx:ControlBar>
<mx:Button label="Abrir PopPup" click="abrePopUp()"/>
</mx:ControlBar>

<mx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.controls.Alert;
import mx.managers.PopUpManager;

private function abrePopUp():void
{
var cad : Cadastro = new Cadastro();
cad.addEventListener("executaFuncaoNaLista",ExecOnClose);
PopUpManager.addPopUp(cad,this,true);
PopUpManager.centerPopUp(cad);

}

private function ExecOnClose(e:Event):void
{
Alert.show('Executou a função que está na Lista','Olá');
}

]]>
</mx:Script>

</mx:TitleWindow>