Crear ImageView - mjaque/Kay GitHub Wiki

Un ImageView nos permite mostrar una imagen en la Escena.

  • Primero necesitamos guardar la imagen que queremos cargar en el directorio de recursos.
  • Luego cargamos la imagen en el programa, utilizamos para ello una constante estática.
	static final Image IMAGEN = new Image("recursos/imagen.png");
  • Para añadir el ImageView a la Escena necesitamos crear el ImageView con la imagen y luego añadirlo a la lista de hijos del raíz (o de cualquier otro nodo)
	ImageView iv = new ImageView(IMAGEN);
	RAIZ.getChildren().add(iv);
  • También es posible crear el ImageView y luego asignarle o cambiarle la imagen:
	ImageView iv = new ImageView();
	iv.setImage(IMAGEN);
  • Podemos definir la posición en la que se mostrará el ImageView en la Escena con sus métodos setX() y setY().
  • Es recomendable aplicar al ImageView otros métodos:
	iv.setFitWidth(100);  //Ajusta su anchura a 100px.
        iv.setPreserveRatio(true); //Mantiene la proporción de aspecto
        iv.setSmooth(true);  //Ajuste suave
        iv.setCache(true);   //Utilizará la caché para guardar la imagen
  • También podemos rotar la imagen son su método rotate().

Recortar la Imagen

Si solo necesitamos una parte de la imagen, podemos definir su ViewPort. Esto es habitual en Sprites e imágenes de fondos y objetos. El ViewPort especifica la parte de la imagen que será visible en el ImageView:

Para hacerlo necesitamos definir el rectángulo que se utilizará:

         Rectangle2D viewportRect = new Rectangle2D(40, 35, 110, 110);
         iv.setViewport(viewportRect);