En control muestra 3 imágenes superpuestas (fondo azul, modelo y vestido) en los 3 botones superpuestos con el layout Grid. El orden de superposición es de izquierda a derecha, es decir, primero el fondo, encima el modelo y por último el vestido. Las 3 imágenes deben tener el mismo tamaño ancho x alto para que encajen perfectamente.

En tiempo de diseño los botones tienen asignada en la propiedad Icon una imagen transparente del mismo tamaño que las imágenes que vamos a superponer.

El Botón con Fondo Azul tiene asignada en la propiedad Icon una imagen fija incluida en el proyecto.

El evento Timer del formulario ejecutará el manejador MOSTRAR_IMAGENES.

 

MOSTRAR_IMAGENES


importClass("VImage");

importClass("VByteArray");

var cBase64 = ""

// Objetos para mostrar las imágenes

var oByteArray = new VByteArray();

var oForm = theRoot.dataView();

var oImage = new VImage();

var oTexto = new VByteArray();

// Objetos Botones de Velneo para mostrar las imágenes en la propiedad Icon

var oFondo = oForm.control("CMD_FONDO");

var oNene = oForm.control("CMD_NENE");

var oVestido = oForm.control("CMD_VESTIDO");


// Paramos el Timer que ha desencadenado el Evento de refresco

oForm.stopTimer()


// Pintamos el NENE

cBase64 = theRoot.varToString("CNENE_B64");

if (cBase64.length > 0) {

       oTexto.setText(cBase64);

       // Obtenemos el ByteArray original del PNG

       oByteArray.fromBase64(oTexto);

       // Mostramos la imagen en el Botón

       if (oImage.loadFromData(oByteArray,'PNG')) {oNene.setIcon(oImage);}

       else {alert("No se puede establecer la Imagen del NENE");};

}

       

// Pintamos el VESTIDO

cBase64 = theRoot.varToString("CVESTIDO_B64");

if (cBase64.length > 0) {

       oVestido.setVisible(true)

       oTexto.setText(cBase64);

       // Obtenemos el ByteArray original del PNG

       oByteArray.fromBase64(oTexto);

       // Mostramos la imagen en el Botón

       if (oImage.loadFromData(oByteArray,'PNG')) {oVestido.setIcon(oImage);}

       else {alert("No se puede establecer la Imagen del VESTIDO");};

}

else {

       // Cuando cBase64 está vacío ocultamos el botón

       // alert("Oculta el botón")

       oVestido.setHidden(true)

       }



Created with the Personal Edition of HelpNDoc: Generate EPub eBooks with ease