#Dica1 FLEX – loop? que tal Repeater?

September 1st, 2009 5 Comments

Olá, no atual projeto em que estou trabalhando há necessidade de construir componentes em flex em tempo de execução, mas como fazer isso? para muitos isso é um mito para outros já imaginaram um loop em Action script que faça isso, como o exemplo abaixo:

PLAIN TEXT
CODE:
  1. <!--?xml version="1.0" encoding="utf-8"?-->
  2. creationComplete="{init()}"&gt;
  3. <![CDATA[
  4. import mx.controls.Label;
  5. import mx.collections.ArrayCollection;
  6.  
  7. [Bindable]
  8. private var array:ArrayCollection = new ArrayCollection(
  9. [{nome:"teste"},{nome:"de"},{nome:"janderson"},{nome:"saberprogramar.com"},{nome:"gostou?"}]);
  10.  
  11. private function init():void{
  12.  
  13. for (var i:int=0; i <array.length;i++){
  14. var label:Label = new Label();
  15. label.text = array.getItemAt(i).nome;
  16. box.addChild(label);
  17. }
  18.  
  19. }
  20.  
  21. ]]>
  22.  
  23. &nbsp;
  24.  
  25. &nbsp;

parabéns para aqueles que imaginaram o código acima, vai funcionar e vai ser criado os labels um abaixo do outro pois se encontra em um vBox icon wink #Dica1 FLEX loop? que tal Repeater?

Mas se eu disser que não é necessário, que existe uma forma mais simples que vc não vai precisar desta function que faz esse Loop? sim é verdade, poucos sabem mas o flex tem um recurso muito legal que simplifica ao máximo a vida do programador na hora de criar componentes em tempo de execução, estou falando do REPEATER.

esse exemplo que acabei de mostrar acima com repeater ficaria assim:

PLAIN TEXT
CODE:
  1. &nbsp;
  2. <![CDATA[
  3. import mx.controls.Label;
  4. import mx.collections.ArrayCollection;
  5.  
  6. [Bindable]
  7. private var array:ArrayCollection = new ArrayCollection(
  8. [{nome:"teste"},{nome:"de"},{nome:"janderson"},{nome:"saberprogramar.com"},{nome:"gostou?"}]);
  9.  
  10. ]]>
  11.  
  12.  
  13. &nbsp;

Bem mais simples não? é claro que não serve só para o caso citado acima, dê uma olhada na documentação aqui.

Bem é isso,  post simples para mostrar algo simples que pode simplificar muita coisa icon smile #Dica1 FLEX loop? que tal Repeater?

Cumps.

{lang: 'pt-BR'}

Posted in Adobe Flex | Tags: , , , ,
«
»
You can leave a response, or trackback from your own site.
  • Rodrigo

    E se eu quiser usar o repeater fazendo ele via código, exemplo:

    import mx.core.Repeater;
    public var rep:Repeater;

    public function Repetir():void {
    rep = new Repeater;

    }

    Ae como falar pra ele quem ele deve repetir? Criei um Vbox via código, e um Canvas, da mesma maneira que o repeater acima e como dizer a ele que o canvas que está dentro do vbox(addChild) é quem eu quero que ele repita?

  • http://saberprogramar.com/blog/ janderson

    Rodrigo, vc fez uma pergunta interessante, não tinha imaginado essa necessidade, até mesmo que via código eu já ia preferir fazer um for :)

    mas tem como sim... achei esse exemplo em um dos bons blogs que acompanho sobre flex... espero que ajude
    http://blog.flexexamples.com/2008/05/28/displayin...

    neste exemplo no componente customizado dele no final ele mostra como usar repeater nestes casos.

    Cumps.

  • http://blog.werneckpaiva.com.br/ Ricardo

    Tome cuidado com o Repeater. O ideal é usar o List, que reutiliza os elementos de "row" e consome bem menos memória. Eu já tive problemas de Memory Leak com repeater e que foram sanados com o List. O Repeater não deve ser usado com um grande número de elementos.

    Se vc quiser usar elementos visuais mais complexos do que um Label, você pode criar um componente e usá-lo como itemRenderer. Além disso, usando essa estratégia, você pode implementar "IF"s por meio de states dentro do ItemRenderer, o que também torna o código bem legível.

  • http://saberprogramar.com/blog/ janderson

    boa dica @Ricardo, não usei em uma possibilidade de dar memory leak, pequena escala, mais é bom saber disso, com o list tive alguns problemas com itemRederer, de manter o status do meu componente (nos caso os dados) mas confesso que depois que descobrir que sobrescerver o set data pode resolver não testei ;)

    Mais uma vez obrigado pela Dica ;)

    Cumps.

  • Mauricio Magnani

    Eu tenho um amigo que tem um projeto bem interessante em Flex, Ele desenhou sua própria IDE utilizando Delphi, onde ele arrasta os componentes Formulario, Campos, Etc. Esses Campos, Formularios, Datasets, etc, são gravados no banco de dados onde o mesmo possui um dicionário de dados e depois são parseados utilizando ActionScript. È muito impressionante o que esse cara fez, todo o sistema é construindo em tempo de execução. Ele constrói sistemas gigantescos e todo o sistema fica com o mesmo tamanhando 1,3 MB, eu fique impressionando! Isso tudo utilizando Java, BlazeDS, Tomcat, Delphi, Adobe Flex 3 e Oracle.
    []s

Subscribe to RSS Feed Follow me on Twitter!