Limpar tela no Flex

Olá a todos, uma das primeiras necessidades quando se desenvolve interfaces e um método genérico para limpar a tela. Este post trás uma classe genérica para limpar componentes visuais da tela, ela não tem todos os componentes visuais, mais pode ser adicionados novos componentes seguindo o modelo.

package
{
  import flash.display.DisplayObjectContainer;

  import mx.containers.Canvas;
  import mx.controls.CheckBox;
  import mx.controls.ComboBox;
  import mx.controls.DateField;
  import mx.controls.NumericStepper;
  import mx.controls.TextInput;

  public class LimpaTela
  {
    public function LimpaTela()
    {
    }

    public static function limparTela(obj:DisplayObjectContainer):void{
      for(var i:int=0;i<obj.numChildren;i++){
        if(obj.getChildAt(i) is TextInput){
          TextInput(obj.getChildAt(i)).text = "";
        }
        else if(obj.getChildAt(i) is CheckBox){
          CheckBox(obj.getChildAt(i)).selected = false;
        }
        else if(obj.getChildAt(i) is ComboBox){
          if(ComboBox(obj.getChildAt(i)).editable){
            ComboBox(obj.getChildAt(i)).text = "";
          }
          ComboBox(obj.getChildAt(i)).selectedIndex = -1;
        }
        else if(obj.getChildAt(i) is NumericStepper){
          NumericStepper(obj.getChildAt(i)).value = 0;
        }
        else if(obj.getChildAt(i) is DateField){
          DateField(obj.getChildAt(i)).text = "";
        }
        else if(obj.getChildAt(i) is Canvas){
          limparTela(Canvas(obj.getChildAt(i)));
        }
      }
    }

  }
}

Trata se de um método recursivo, ou seja ele chama ele mesmo no caso de componentes que possam ter outros componentes, este é o caso do ‘”Canvas” que serve como um container para se adicionar outros componentes. Na verdade o Canvas pode ser usado como uma tela, onde são colocados todos os componentes visuais que se deseja limpar e logo em seguida chama a função para limpar. Segue um exemplo de como se utilizar esta classe:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
   layout="absolute">
<mx:Script>
  <![CDATA[
    private function btnLimparTela_click():void{
      LimpaTela.limparTela(cnv);
    }
  ]]>
</mx:Script>

  <mx:Button id="btnLimpaTela" x="119" y="218" label="Limpar Tela"
    click="btnLimparTela_click();"/>
  <mx:Canvas id="cnv" x="10" y="10" width="200" height="200">
    <mx:TextInput x="20" y="10"/>
    <mx:ComboBox x="20" y="40">
    <mx:Array>
      <mx:String>Franca</mx:String>
      <mx:String>São Paulo</mx:String>
    </mx:Array>
    </mx:ComboBox>
  </mx:Canvas>
</mx:Application>

Alô Flex

Dando continuação ao post anterior falando um pouco sobre como codificar. O Flex usa tags padrão XML e Action Script. Um exemplo de uma tags padrão XML da biblioteca Flex 3 e o Button veja: <mx:Button x="470" y="159" label="Button"/>.

Para iniciar um exemplo Web bem simples, uma aplicação com um botão que dispara uma mensagem na tela. basica…

<?xml version="1.0" encoding="utf-8"?>

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

    <mx:Script>

        <![CDATA[

            import mx.controls.Alert;

            private function btnExemplo_click():void{

                Alert.show("Alô Flex!");

            } 

        ]]>

    </mx:Script>

    <mx:Button id="btnExemplo" x="32" y="10" label="Meu Botão" click="btnExemplo_click();"/>

</mx:Application>

Um pouco sobre Flex

Olá! Meu nome é Cristian Klauss, é com grande satisfação que me junto à este time para falar um pouco sobre desenvolvimento de sistemas. Trabalho já algum tempo com desenvolvimento e já usei algumas linguagens de programação tais como: Visual Basic 6, Java (Jsp), .Net (C#) e Flex. 

Hoje estou aqui para falar sobre o Flex, este post não vem a esgotar o conceito sobre o assunto, mais sim  dar uma visão geral.  Flex nada mais é do que  programação rica para internet (RIA), pode ser usado para a criação de sites, sistemas web e também para aplicações desktop (AIR),  para acesso à bancos de dados e necessário a utilização de uma linguagem auxiliar (back end), podendo ser C#, Java, PHP, Rubi dentre outras.

Atualmente na sua versão 3 o Flex vem crescendo gradativamente no mercado ganhado um espaço importante na chamada “WEB 2.0”. Uma da melhores ferramenta para desenvolvimento é o Flex Builder da Adobe, que também pode ser encontrado na versão plugin para Eclipse. Um dos pontos fortes da ferramenta é o conceito de Drag and Drop (arrastar e soltar).

Por enquanto é só, em breve estarei falando mais sobre o conceito Flex, e como utilizar esta ferramenta, um abraço a todos.

Começando…

Olá pessoal eu sou o Vinícius Sandim, meus posts serão voltados ao desenvolvimento web com conceito RIA, notícias, tutoriais, eventos, novidades, etc.

Neste estarei apenas deixando alguns links bacanas para quem quer saber mais sobre este conceito:

Definição
Adobe Flex
Microsoft Silverlight
Igor Costa
Igor Mussardo
Dclick
Meu Blog Pessoal
Alemão e seus convidados
Fábio Vedovelli
FlexExamples (em inglês)

Bom por enquanto é isso, vou ficando por aqui, até breve.