viernes, 1 de noviembre de 2013

Colocar imagen/ícono de fondo en un Push Button


En esta entrada veremos cómo colocar una imagen o ícono en un Push Button utilizando GUIDE.

Para este que es un ejemplo simple, la imagen deberá ser del mismo tamaño que el Push Button. En mi caso utilizaré una imagen de 35x35 px llamada "ayuda" en formato "png" y que se encuentra en el mismo directorio que nuestra GUI. 

Primeramente accedemos a las propiedades del Push Button dando clic derecho sobre él y seleccionando la opción "Property Inspector", enseguida modificamos primeramente la propiedad "Units" cuyo valor por defecto es "characters", en lugar de ello seleccionamos "pixels". Luego modificaremos de la propiedad "Position" sus valores "width" y "height" de acuerdo al tamaño (ancho y alto) de nuestra imagen en pixeles, y además borramos el "String", los pasos anteriores se muestran en la siguiente figura con las modificaciones ya hechas:



Una vez hecho lo anterior, en el mismo "Property Inspector" buscamos la propiedad "CData" y en ella colocamos la instrucción que se muestra en la imagen siguiente:


Al dar clic fuera de la propiedad modificada, os deberá mostrar algo similar a lo que se muestra en la siguiente imagen (matriz que contiene toda la información acerca de nuestra imagen):


Si habéis hecho los pasos anteriores de forma adecuada, os debería quedar algo similar a lo que se muestra enseguida, con el Push Button conteniendo una imagen de fondo:


3 comentarios: