Depois de ter andado empolgado no AS3, e das suas propriedades mais primitivas, tenho andado a explorar a fundo a API Draw / Graphics do AS3, e no flex surgiu uma ideia bem interessante à uns tempos atras onde anunciei um simples construtor de redes de PERT, mas tinha um problema com as setas, que algumas pessoas perguntaram como o fazer a seta acompanhar o icon arrastado…
Decidi colocar mãos à obra e fazer o mesmo exemplo mas sem recurso a imagens, usando apenas a API draw do flex, ainda com alguns pontos a melhorar mas já sairam os primeiros testes do forno…
Este sistema uma uma class preparada para criar ligações a qualquer componente gráfico (UIComponent), criando uma dependencia entre varios, até mesmo centenas, elementos gráficos, mas no exemplo uso apenas circulos criados com o graphics (quem obteu e leu o tutorial parte II completo já o consegue fazer simplesmente) e ligados entre si com uma linha.
Vejam:
E mais um exemplo:
Todos os objectos podem ser arrastados que a sua linha de dependencia mantêm-se… esperimentem arastar um deles.
Testem no exemplo online aqui
Brevemente disponibilizarei o código fonte, já que quero implementar alguns pontos…
E que tal? o AS3 faz mesmo maravilhas…
Edit: Código fonte e exemplo actualizados, veja aqui.
Abraço.






7 Comentários
oO realmente faz maravilhas mas nas maos certas! Parabens!:D
Impressionante.
Ola, muito bacana esses exemplos, gostaria do codigo fonte se possivel, outra coisa, invez dessas bolinhas em cada ponta eh possivel colcoar um box com o nome, talvez outros detalhes???
parabens pela materia, muito boa mesmo.
Brevemente farei um post e disponibilizarei o código fonte… e sim, em vez das “bolinhas” pode colocar o que quiser…
cumps.
Ola Mário, bacana, vou aguarda seu post sobre o assunto, um grande abraço!
Hola a todos!! estoy muy interesado en ver como funciona esto porque estaba buscando justo esto. El tema es que yo trabajo con flah y no flex, entoces me gustaria saber si hay algun problema para ejecutarlo en flash cs3. tengo el proyecto que esta para descagar pero hay algunos archivos que son de flex y no si los puedo abrir, ademas en los archivos .as hay algunas referencias a clases o librerias que supongo seran de flex como la image o los eventos de flex….. Me podeis echar una manilla??? gracias de antemano.
Ciao y muy buen trabajo.
byeeeee
Nacho,
Este ejemplo sólo funciona en lo Flex ddebido a la utilizacion de componentes internos disponible solamente en flex. En flash es posible hacer más, pero con el código mas complexo… búsqueda de la net par el API de diseño de Flash.