Para tutorías y/o asesorías virtuales sobre JAVA SE y/o MySQL, escríbeme al formulario de contacto.


BUSCA MÁS CONTENIDO AQUÍ:



Curso de JAVA: Cómo colocar una imagen en un botón?




Saludos estimados visitantes, siguiendo con nuestro Curso de JAVA, en esta oportunidad les traemos uno de los tips que más usamos a la hora de desarrollar nuestras aplicaciones.
Los botones son por lo general los componentes más usados por los usuarios en una aplicación, ya que por medio de estos se ejecutan acciones como guardar, eliminar, modificar, etc.; por lo tanto es muy importante darle una idea al usuario para que sirve dicho botón y una de las formas además de colocar texto de ayuda e información; es asignándole una imagen que vaya acorde con la acción que cumple este componente.

Explicación por Videotutorial:  



Explicación por Foto-Tutorial:

*Lo que debemos hacer es crear en nuestro proyecto un paquete llamado “Imagenes” (si no sabes cómo crear un paquete, puedes ver el capítulo 1 de este curso):

Paquete Imagenes de nuestro proyecto JAVA


*Luego buscamos el archivo de imagen que le colocaremos a nuestro botón y le damos clic derecho copiar y nos dirigimos nuevamente a nuestro proyecto, seleccionando nuestro paquete “Imagenes”, y damos clic derecho pegar, al final nuestra imagen quedará guardada en el paquete y por consiguiente ya la podremos utilizar:

copiar archivo tipo imagen

pegar archivo tipo imagen en el paquete imagenes de nuestro proyecto

archivo tipo imagen en nuestro proyecto java


*Ahora usaremos uno de los botones de nuestra aplicación:

botones del formulario java


*Procedemos a dar clic sobre uno de ellos, por ejemplo en el botón “Guardar”:

jbutton seleccionado en nuestro formulario


*Luego nos dirigimos a la sección de Propiedades del componente, que se encuentra en la parte inferior derecha de nuestra pantalla, en  la ventana de Netbeans IDE:

Ventana propiedades del componente jbutton en netbeans ide


*Buscamos la propiedad “icon”, damos clic en el botón “…”:

Propiedad icon del JButton seleccionado


*Nos saldrá una ventana como la siguiente:

Ventana para configurar la propiedad icon del jbutton


*Dejamos activada la casilla “Image Within Project” y en el menú desplegable “Package” escogemos el paquete “Imagenes”; el cual creamos anteriormente:

Especificar carpeta contenedora de la imagen


*Luego en el menú desplegable “File” escogemos la imagen que hemos de asignarle a nuestro botón, y damos clic en “OK”:

seleccionar imagen a asignar al componente jbutton

aceptar cambios en la propiedad icon del jbutton


*Y obtendremos nuestro botón con la imagen requerida:

jbutton con icono


NOTA: Hay que tener en cuenta que la imagen que vayamos a asignarle a nuestro botón tenga un tamaño que vaya acorde también con el tamaño del componente; es decir, a un botón grande no asignarle una imagen muy pequeña y a un botón pequeño no asignarle una imagen muy grande.

Puedes ver cómo colocarle una imagen a un botón, usando netamente código, dando clic en el siguiente enlace:
Código JAVA: Colocar icono en un JButton y un JLabel

Si deseas descargar el video, junto con el fascículo del presente tema del Curso de JAVA, sólo debes dirigirte a nuestra Zona de Descargas, y dar clic sobre el icono "Curso de JAVA Parte 8".

Si deseas ver la Parte 7 del Curso de JAVA, puedes dar clic en el siguiente enlace: Curso de JAVA: Cómo colocar texto de ayuda e información en los botones de nuestra aplicación?
Recuerda que en UH T.I.S tu blog de tecnología, tienes acceso ilimitado para ver todos los capítulos de: Cómo lo hago en JAVA?

Si te fue de gran ayuda este material, no olvides compartirlo con tus amigos. 
Si tienes dudas o sugerencias al respecto; puedes dejarnos tus comentarios.
Bendiciones...








Comparte este artículo

votar

Sobre El Autor

Eduardo Bastidas UH

Cristiano y Colombiano. Analista de Sistemas & Blogger.
Me motiva mucho el poder compartir día tras día lo que he aprendido y voy aprendiendo en el área de las Tecnologías de la Información y las Comunicaciones.

6 comentarios:

  1. Respuestas
    1. Saludos estimado Yunior, nos alegra de verdad que nuestro contenido te haya sido de gran ayuda :). Te invitamos a suscribirte a nuestro blog para que no te pierdas ninguna actualización de nuestro sitio, sobre todo del Curso de JAVA que estamos desarrollando.

      Eliminar
  2. Estoy siguiendo el curso, muy practico para la migración de un entorno a otro yo vengo de usar VBasic 6.0 pero necesito actualizar mi aplicación que uso en mi negocio a un lenguaje mas actual y portable y Java es la mejor Opción, y este curso me esta sirviendo mucho para el manejo del entorno de desarrollo en Java.

    Y no hay nada mas que enriquezca a un ser Humano que ayudar a otro.
    Gracias por las aportaciones.

    ResponderEliminar
    Respuestas
    1. Saludos estimado Isaac.

      Gracias a ti, primeramente por visitar mi blog, y por supuesto, por dejar tu gran comentario.
      Me alegra que te sea de gran ayuda este curso de Java, que he estado desarrollando para compartirlo con toda la comunidad internauta de desarrolladores de software.

      Sólo pido algo a cambio, y es que compartas con tus colegas y en las redes sociales, este material, para que de la misma manera como te ha sido de utilidad a ti, también lo sea para muchas otras personas.

      Espero seguir contando con tus visitas, y si tienes alguna duda no dudes en escribir.

      No olvides suscribirte y de seguir el blog en las redes sociales.

      Bendiciones....

      Eliminar
  3. el icono es muy grane pero cuando lo intento ajustar se esconde el icono y no se auto ajusta al tamaño que le doy que puedo ahcer

    ResponderEliminar
    Respuestas
    1. Saludo Cordial.

      Estimado Sebastián Roa, para obtener el resultado que deseas, puedes realizar alguna de las 2 acciones siguientes:

      1- La más recomendada y usada, es que redimensiones con anterioridad tu icono, de acuerdo al tamaño de tu botón; para ello, puedes usar un programa para editar imágenes (ej. Microsoft Office Picture Manager, Photoshop, etc.).

      2- Si deseas redimensionar tu icono de acuerdo al tamaño del componente (JButton), usando netamente código, puedes darle un vistazo a los fragmentos de código que están en los puntos del 9 al 13 del siguiente artículo:

      Código JAVA: Cargar una imagen en un JLabel de un formulario, utilizando JFileChooser

      Si sigues teniendo problemas, déjame tu comentario.

      ¡CRISTO TE AMA!

      Bendiciones...

      Eliminar

RECIBIR NOTICIAS POR EMAIL


Suscríbete al boletín para recibir lo último en tu correo electrónico

¿NECESITAS AYUDA PARA PROGRAMAR EN JAVA SE Y MYSQL?