Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Java / Colocar imagenes en un JComboBox

Colocar imagenes en un JComboBox

Autor jc mouse viernes, julio 26, 2013

Para agregar imágenes a un JComboBox, partiremos de un proyecto Netbeans con la siguiente estructura:

beans

Tenemos dos clases JChomboBox.java y JChomboRenderer.java, estas dos clases forman lo que sera un nuevo JComboBox con soporte para imágenes.

Tenemos también en el proyecto un JFrame en el cual colocaremos nuestro nuevo JComboBox. Las imágenes que utilizaremos para el JCombo, estarán en el mismo proyecto en una carpeta diferente «/com/bo/res/«

A continuación las clases mencionadas.

Clase JChomboRenderer.java

import java.awt.Component;
import java.io.File;
import javax.swing.ImageIcon;
import javax.swing.JLabel;
import javax.swing.JList;
import javax.swing.ListCellRenderer;
/**
 * @web https://www.jc-mouse.net/
 * @author Mouse
 */
public class JChomboRenderer  extends JLabel implements ListCellRenderer{

    private ImageIcon[] items;
    /** Constrcutor de clase */
    public JChomboRenderer( ImageIcon[] items )
    {
        setOpaque(true);
        this.items = items;            
    }

    @Override
    public Component getListCellRendererComponent(JList list, Object value, 
                     int index, boolean isSelected, boolean cellHasFocus) {

       int selectedIndex = ((Integer)value).intValue();

       if (isSelected) 
       {
            setBackground(list.getSelectionBackground());
            setForeground(list.getSelectionForeground());
       } else {
            setBackground(list.getBackground());
            setForeground(list.getForeground());
       }

        ImageIcon icon = this.items[selectedIndex];
        setIcon( icon );
        File f = new File( items[selectedIndex].toString() );        
        setText( f.getName() );
        return this;

    }

}

Clase JChomboBox.java

import java.awt.Dimension;
import javax.swing.JComboBox;
/**
 * @web https://www.jc-mouse.net/
 * @author Mouse
 */
public class JChomboBox extends JComboBox {

    /** COnstructor de clase */    
    public JChomboBox( int num_items  )
    {   
        Dimension d = new Dimension(206,26);
        this.setSize(d);
        this.setPreferredSize(d);
        //Indices para las imagenes
        for( int i=0; i<num_items; i++)
        {
            this.addItem(i);
        }    
        this.setVisible(true);
    }

}//--> fin clase

Finalmente la forma de implementar este nuevo JComboBox en una interfaz

– Primeramente declaramos una variable para el nuevo JChomboBox y un array de imagenes, las imagenes estan en una carpeta /com/bo/res/ y son 4 en formato PNG

  //instancia
    private JChomboBox jchombobox;     
    //Array de imagenes
    private ImageIcon[] items =
    {            
            new ImageIcon(getClass().getResource("/com/bo/res/clock.png")),
            new ImageIcon(getClass().getResource("/com/bo/res/globe.png")),
            new ImageIcon(getClass().getResource("/com/bo/res/pages.png")),
            new ImageIcon(getClass().getResource("/com/bo/res/recycle.png"))            
    };

– Ahora en el constructor del JFrame, colocamos:

    /**
 * Creates new form JFrame1
 */
    public JFrame1() {
        initComponents();

        //=========================
        //se crea el jcombo pasando la cantidad de imagenes que tendra el jcombobox
        jchombobox = new JChomboBox( items.length );
        //se crea y añade un render pasando un array con las imagenes
        JChomboRenderer render = new JChomboRenderer( items );
        jchombobox.setRenderer(render);
        //se añade jcombo al JFrame
        this.add(jchombobox);        
        //Evento Listener
        jchombobox.addActionListener (new ActionListener () {
            @Override
            public void actionPerformed(ActionEvent e) {
                //Acción cuando se selecciona un valor del jcombo
                System.out.println( "Se selecciono imagen " +  jchombobox.getSelectedItem() );
            }
        });
        //=========================
    }

ejecutamos y tenemos:

combo imagen

Bájate el proyecto aqui

🙂

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Gestión de Stock (Parte 2)

Gestión de Stock (Parte 2)

Continuando con el desarrollo de la aplicación (Parte 1), abrimos Netbeans y creamos un nuevo proyecto al que llamaremos...

CUF: Código Único en Kotlin

CUF: Código Único en Kotlin

En este post implementamos en lenguaje Kotlin (lenguaje de programación de tipado estático que corre sobre la máquina vi...

Tutorial HeidiSQL: Sesion, Base de datos y Tablas

Tutorial HeidiSQL: Sesion, Base de datos y Tablas

HeidiSQL es un software libre y de código abierto que permite conectarse a servidores MySQL, MariaDB, Percona Server, Mi...

Laberinto del Terror (Código Fuente + juego)

Laberinto del Terror (Código Fuente + juego)

El laberinto del terror es un juego en el que haciendo uso del ratón y de tu pulso de borracho debes cruzar distintos la...

Dibujar Bitmap en Android

Dibujar Bitmap en Android

Android cuenta con una serie de herramientas en su API para el trabajo con gráficos, entre estos podemos mencionar: Bitm...

«Hola Bolivia» mi primera aplicación android

«Hola Bolivia» mi primera aplicación android

Cuando se inicia el aprendizaje de un lenguaje de programación, nunca debe faltar el clásico «Hola Mundo» 🙂 en Android n...

1 comentario en “Colocar imagenes en un JComboBox”

  1. abel dice:

    Buenas!! agrdezco el tiempo y dedicacion que tienes para publicar tus trabajos! son de mucha ayuda!
    Te quiero solicitar si tienes informacion de algun procedimiento en java para poder jalar las camaras de vigilancia conectadas e un DVR(grabador digital de video) el cual tiene una aplicacion tipo webserver, estoy tratando de poder ver dichas camaras en una aplicacion que haga yo en java sin necesidad de entrar en la aplicacion propia del DVR.

    Te agradezco la ayuda que me puedas brindar!!

Los comentarios estan cerrados

Comparte lo que sabes

Categorias

Últimas entradas

Si trabajas con redes sociales (RRSS) a continuación te muestro tres herramintas gratuitas que te ayudaran a la hora de...

Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...

En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...

Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit...

Herramientas

Generador de Enlaces a Whatsapp