Cargar y mostrar imágenes al pulsar un boton dentro deCanvas

Buenos días a todos

Tenia una duda sobre como hacer que con un botón pueda, al hacer clic, mostrar una imagen dentro de un canvas que puede contener n imagenes posibles.¿?

un saludo y muchas gracias.

dentro de un canvas pones un componente Image con id "imagen" y al boton la acción click="carga()" (directamente en el MXML)
Luego escribes dentro de un tag Script

Código ActionScript :

private function carga():void{
  imagen.load("algun.jpg")
}

Jorge

Pero lo que quiero es poder añadir tantas como quiera, no cambiar la imagen de un componente. pq así el número de componentes esta creado de forma estática.

Me explico, así como dices lo haría pero en tiempo de ejecución lo unico que podría es visualizar una determinada imagen en un determinado componente. Lo que quiero es añadir, como quien dice, componentes Image de forma dinámica y hacer que se vean, todo en tiempo de ejecución.


Un saludo, gracias.

Ademas quería que ese componente image llevara asociado una serie de funciones en los métodos drag - drop ya que despues de cargarla quiero tambien poderla mover dentro del area (canvas).

un saludo y muchas gracias por la ayuda.

Paso a paso se llega a roma. Si en vez de uno quisiera agregar uno cada vez que le doy al botón sería:

Código ActionScript :

private function carga():void{ 
  var img:Image = new Image()  
  img.load(algunArray[algunIndice]) 
  img.x = miCanvas.numChildren*100
  miCanvas.addChild(img)
}

Aquí agrega una imagen suponiendo que las anteriores tienen 100 px de ancho, luego uso una estructura de datos que no existe, pero se supone un array de imagenes que cargaste por ejemplo desde un XML

Jorge

Muchas gracias, añado la imagen pero esta nueva no me deja moverla y nose como hacer para que tenga el mismo comportamiento que la que creo en tiempo de diseño.

El código de la que está implementada estáticamente es el siguiente:

<mx:Image id="img"

dragEnter ="{dragEnterHandler(event);}"
dragDrop ="{dragDropHandler(event, lbl1, btn1);}"
mouseMove="moverimg(event);"
height="150"
width="150"
/>

y necesito que se pueda arrastrar con el mouse.

Lo que quiero es que al pulsar el botón la imagen no se cree directamente sino que se abra un popUp en el que a partir de unos parámetros a seleccionar se muestre una u otra imagen, aunq tambien me valdría con un circulo, ya que es eso lo que quiero y en el popUp poder escoger el color y el tamaño. Tras aceptar se crearia la imagen dentro de este canvas, pero claro se tiene que poder mover por el con el raton... y ahora mismo no me deja porque a la nueva imagen que creo no se como ponerle los métodos dragEnter, dragDrop y mouseMove.


Un saludo y muchas gracias por la ayuda que me estás prestando.

Alguien podría echarme una mano?

Un saludo gracias.