Depois de uma duvida do Nando no fórum (http://forum.msdevstudio.com) de como mover imagens para uma area de desenho decidi fazer um pequeno exemplo para servir de tutorial, e acabei por ir achando graça e construi um pequeno exemplo de um criador de Redes de PERT, para quem estudou (em informatica) estas redes devem ser familiares; não é nada mais que um “Program Evaluation and Review Technique” que serve para estudar e esquematizar todas as hipoteses e possibilidades de um programa, como se trata de um planificador de projecto é muito util na hora de desenvolver software.
O exemplo que fiz é muito simples e apenas apresenta o conceito base deste tipo de criação, usando 2 canvas, uma para a toolbar outro para o design, uma reciclagem (para eliminar o desnecessário), uma area de stockagem temporaria.
Utilizando os metodos drag&drop é possivel criar uma aplicação bem profissional. Vejam a imagem e o exemplo online com o código fonte disponivel.
Podem ver o exemplo online aqui com o código fonte disponivel.
É possivel adicionar campos de imagem e de texto, com ou sem bordo, podendo todos os objectos incluidos na area de design serem movidos ou eliminados. Para adicionar items basta arrasta-los do topo para a area de desenho.
Espero que seja util, principalmente para o Nando que estava à procura disto 
p.s. Usem e abusem, mas deixem um link no código aqui para o blog em projectos open source.
Abraços.
7 Comentários
Muito interessante, Mário, parabéns.
muito bom! gostei. tem como pegar a coordenada x y de cada objeto e os seus tamanhos? só de curiosidade. hehehe
Cordenadas x e y, de cada imagem, na função de mover certo ?
(event.currentTarget as Image).x;
(event.currentTarget as Image).y;
(event.currentTarget as Image).width;
(event.currentTarget as Image).height;
Abraço.
Muitoo legal!! Agora se eu quisesse fazer essa mesma coisa mas com o seguinte detalhe… as ligações acompanhando os retãngulos a medida que eles são movimentados??
hehehe isso é bem mais complicado do que parece, visto que ao fazer as ligações elas são feitas com imagens e isso faria com que tivesse-mos que rodar as imagens (setas) e estica-las ou reduzi-las conforme a distancia…
Eu falei no fórum (http://forum.msdevstudio.com) ao N4ndo explicando essa situação, veja:
http://forum.msdevstudio.com/index.php?topic=50.15
Abraço.
saludos disculpa el link del codigo fuente no esta disponible si no es mucha molestia enviamelo a mi correo se te agredecera infinitamente
¡gracias de antemano!.
hola, el link del codigo fuente trabaja bien aquí, pero le he enviado un email con el código fuente.
Espero que le ayuda.