O poder da API Draw do AS3; Exemplo em Flex


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.

Deixe um comentário ou um Trackback
   

7 Comentários

  1. Chucky
    October 9, 2008 às 3:36 pm | Permalink

    oO realmente faz maravilhas mas nas maos certas! Parabens!:D

  2. October 9, 2008 às 6:50 pm | Permalink

    Impressionante.

  3. José Lino
    November 11, 2008 às 12:42 pm | Permalink

    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.

  4. November 11, 2008 às 1:47 pm | Permalink

    Brevemente farei um post e disponibilizarei o código fonte… e sim, em vez das “bolinhas” pode colocar o que quiser… :P

    cumps.

  5. José Lino
    November 12, 2008 às 6:44 pm | Permalink

    Ola Mário, bacana, vou aguarda seu post sobre o assunto, um grande abraço!

  6. Nacho
    March 8, 2009 às 6:20 pm | Permalink

    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

  7. March 10, 2009 às 7:11 am | Permalink

    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.

Deixe um comentário

O seu email nunca será publicado ou partilhado. Campos obrigatórios estão marcados com um *

*
*

Spam Protection by WP-SpamFree