Exibindo componente gerado por código no preview do Flex Builder

Aqui na empresa onde trabalho estamos aprendendo… aprendendo ActionScript 3.0, Papervision3D e Flex. Como em todo aprendizado, empacamos nas coisas mais simples, em pequenos detalhes. Esta semana tínhamos a tarefa de verificar a possibilidade de portar um componente feito no Flash CS3 para o Flex, o que foi feito até certo ponto. Confesso que o método encontrado para isso considerei um tanto quanto burocrático, quando imaginei que logicamente seria simples.

Uma das coisas que pretendíamos fazer era um “Live Preview” no Flex Builder, assim como podemos associar um swf para tal, no Flash, quando definimos as propriedades de um componente. Depois de algumas experiências frustadas, levei a dúvida para a lista Flex-Brasil e logo tive uma resposta do Felipe Fernandes falando justamente sobre uma série de artigos feito por ele neste sentido, o que supriria minhas necessidades.

Ao tentar replicar o tutorial com o código do componente, não funcionou. Lembrei que no tutorial para criar um componente no Flash CS3 para o Flex, a classe base deveria ser a UIMovieClip (mx.flash). Alterei o código, mudando a herança de Sprite para UIMovieClip, na esperança de que fosse funcionar e o que aconteceu? Não funcionou! Novamente levei a questão à lista.

O mesmo Felipe sugeriu a herança de UIComponent (mx.core), então feliz fui eu alterar mais uma vez o código, mas desta vez correu tudo certo e lá estava a esfera criada com Papervision girando no preview do Flex Builder.

Na verdade a série de tutoriais aborda a construção de uma biblioteca flex, mas fica aí a dica do excelente material.