Creating mouse rollover for for custom drawn JButton

[Chris Baty]

Hi guys,
Does anyone know how to create a rollover for a custom drawn button? It's easy if you use Icon but mine is custom drawn. If I implement the mouselistener in the myButton class where do I add the listener. If I implement the listener in the JFrame class how does that class know only to redraw that button? I'm confused.

Any help would be appreciated.

Chris

[Chris Nash]

Make the listener an inner class of myButton. Use a MouseAdapter and extend it. Add the MouseListner in the myButton constructor. Then all you have to do is implement your logic in the mouseEntered() and mouseExited() events in the adapter. Ask if you need any more direction. HTH

[pete stein]

Chris Baty wrote:Hi guys,
Does anyone know how to create a rollover for a custom drawn button? It's easy if you use Icon but mine is custom drawn. If I implement the mouselistener in the myButton class where do I add the listener. If I implement the listener in the JFrame class how does that class know only to redraw that button? I'm confused.

Any help would be appreciated.

Chris

What do you mean by a "custom drawn button"? Do you mean that you're extending JButton and painting in its paintComponent method, look and feel be darned? If so then just call isRollover() in an if block in your paintComponent method.

Otherwise, you can add a change listener to the button's model and check to see if the rollover field has changed, again with the isRollover() method.

For an example of both:

import java.awt.Color;
import java.awt.Dimension;
import java.awt.GradientPaint;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Insets;

import javax.swing.*;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

public class MouseRollover {

  private static void createAndShowUI() {
    
    JButton button = new JButton("Button") {
      @Override
      protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g;
        if (getModel().isRollover()) {
          g2.setPaint(new GradientPaint(0, 0, Color.blue, 20, 20, Color.orange, true));
        } else {
          g2.setPaint(new GradientPaint(0, 0, Color.green, 20, 20, Color.red, true));
        }
        if (getModel().isPressed()) {
          g2.setPaint(new GradientPaint(0, 0, Color.yellow, 20, 20, Color.magenta, true));
        }
        
        Dimension size = getSize();
        g2.fillRect(0, 0, size.width, size.height);

        Insets insets = getInsets();
        int x = insets.left;
        int y = size.height - insets.bottom - 4;
        g2.setColor(Color.black);
        g2.drawString("Button", x, y);
      }
    };
    button.addChangeListener(new ChangeListener() {
      private boolean rollover = false;
      
      public void stateChanged(ChangeEvent e) {
        JButton btn = (JButton) e.getSource();
        ButtonModel model = btn.getModel();
        if (model.isRollover() && !rollover) {
          System.out.println("rollover");
          rollover = true;
        } else if (rollover && !model.isRollover()) {
          System.out.println("not rollover");
          rollover = false;
        }
      }
    });
    
    JPanel panel = new JPanel();
    panel.setPreferredSize(new Dimension(400, 300));
    panel.add(button);
    
    JFrame frame = new JFrame("MouseRollover");
    frame.getContentPane().add(panel);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.pack();
    frame.setLocationRelativeTo(null);
    frame.setVisible(true);
  }

  public static void main(String[] args) {
    java.awt.EventQueue.invokeLater(new Runnable() {
      public void run() {
        createAndShowUI();
      }
    });
  }
}

[Chris Baty]

Thanks. I'll give it a go.
Chris

[Chris Baty]

Okay, I'm still confused. I added a MouseListener subclass to my JButton class:

 

    private class MsHandler extends MouseAdapter implements MouseListener  {

    	public void mouseClicked(MouseEvent mouseEvent) {
    	    // Do nothing
    	}
    	
    	public void mouseEntered(MouseEvent mouseEvent) {
    		outerColor = overColor;
    		//paintComponent(this.getGraphics());
    	}
    	
    	public void mouseExited(MouseEvent mouseEvent) {
    		outerColor = Color.GRAY;
    		//this.paintComponent(getGraphics());
    	}
    	
    	public void mousePressed(MouseEvent mouseEvent) {
    		  System.out.println("I'm pressed: " + mouseEvent);
    	}
    	
    	public void mouseReleased(MouseEvent mouseEvent)  {
    	    // Do nothing
    	}
    }
   

How does the MouseListener subclass tell paintComponent() to run again?

Then I did this in the JButton constructor:

  
public MyHexButton(String label, MouseListener ml) { 
	 title = label; 
	 thisMs = ml;
} 
  

How do I add the MouseListener to my test class? I tried:

 
		hb1 = new MyHexButton("A", new MouseListener());   

Thanks again.
chris

[pete stein]

You've got your listener ideas all wrong. You would benefit by reading (re-reading?) the listener section of the tutorials. But also again, as per my recommendations though, I wouldn't use a mouse listener.

[Chris Baty]

Okay, this is my second attempt. Here's what I got in my test program:

   

	public MyHexTest(){
		super("My Title");
		HoneycombLayoutManager hlm = new HoneycombLayoutManager();
		hlm.setSide(40);
		setLayout(hlm);
		hb1 = new MyHexButton("A");
		hb1.addChangeListener(new ChangeListener(){
			public boolean rollover = false;
		    
			public void stateChanged(ChangeEvent e) {  
				MyHexButton btn = (MyHexButton) e.getSource();  
		        ButtonModel model = btn.getModel();  
		        if (model.isRollover() && !rollover) {  
		        	System.out.println("rollover"); 
		        	rollover = true;  
		        } else if (rollover && !model.isRollover()) {  
		          System.out.println("not rollover");  
		          rollover = false;  
		        }  
		      }  
		});
		add(hb1);
 

Here's my button class:

   

	//@Override 
    protected void paintComponent(Graphics g) { 
 
        Dimension originalSize = super.getPreferredSize();  
        if ( getModel().isRollover() )
        	outerColor = overColor;
        else
        	outerColor = Color.GRAY;
 

It still doesn't respond. The other issue I have is eventually these buttons will be keys in a virtual keyboard. If that's the case should I use a MouseListener anyway since I'll need to return the button label?
Thanks.
Chris

[Chris Nash]

Chris, Pete and I were telling you to do two different things. His suggestion is to extend JButton and implement your own paint routine. He says there is an isRollover() method you can call to check for rollover. In his case, you won't need a mouse listener.

My suggestion was to ditch JButton altogether and instead extend JLabel and, in effect, make your own button with a mouse listener. My suggestion is more work, but it worked for me. His is probably simpler and leverages the existing JButton API. It's your choice. We're talking about two different approaches. Don't mix and match them. If you want to do what he suggested, ignore everything I suggested, and vice-versa if you want to take my route. My recommendation is to follow his advice since he provided code samples and probably has more experience with this type of stuff.

[Chris Baty]

Okay, I'm an idiot sometimes. This is what I got:

 

	public static void main(String[] args) {

		JFrame fm = new JFrame();

		fm.setLayout(new FlowLayout());
		final MyHexButton hb = new MyHexButton("A");
		hb.addMouseListener(new MouseListener(){

			@Override
			public void mouseClicked(MouseEvent e) {
				System.out.println("Button "+hb.getKey()+" clicked");
				
			}

			@Override
			public void mouseEntered(MouseEvent e) {
				hb.setOuterColor(Color.GREEN);
				hb.paintComponent(hb.getGraphics());
			}

			@Override
			public void mouseExited(MouseEvent e) {
				hb.setOuterColor(Color.GRAY);
				hb.repaint();
			}

			@Override
			public void mousePressed(MouseEvent e) {
				// TODO Auto-generated method stub
				
			}

			@Override
			public void mouseReleased(MouseEvent e) {
				// TODO Auto-generated method stub
				
			}  
		});
		fm.add(hb);
		fm.setSize(400,200);
		fm.setVisible(true);
		fm.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}
   

I know the mouselistener works because when I click on the button I get letter "A". But I still don't understand how to tell the button to repaint itself.

Thanks for all the help so far.
Chris

[Chris Baty]

Once again, I'm an idiot, I took out the getModel code in the button class and everything worked fine.

Thanks again.

Chris

[pete stein]

Chris Nash wrote:Chris, Pete and I were telling you to do two different things. His suggestion is to extend JButton and implement your own paint routine. He says there is an isRollover() method you can call to check for rollover. In his case, you won't need a mouse listener.

Actually, I'm not a big fan of implementing his own paint routine as that steps on the look and feel's ability to paint the button. Rather, I thought that that was what the OP is trying to do. I guess what I/we really need is a detailed description of just what effect the OP is trying to create here because now I'm not so sure.

By the way, to the original poster, your latest code doesn't sit well with me, sorry. Again, I wouldn't use a MouseListener on a JButton or a descendant of a JButton. But more importantly, this is not kosher and looks to break easily:

         public void mouseEntered(MouseEvent e) {
            hb.setOuterColor(Color.GREEN);
            hb.paintComponent(hb.getGraphics());
         }

You never call paintComponent directly.

[Brian Cole]

Swing buttons support rollover directly. There's no need to add listeners or to fake it using a label component.

I don't have time for more details now, but look at the javadocs for AbstractButton (which is JButton's superclass) and/or ButtonModel.

[Brian Cole]

Chris Baty wrote:It's easy if you use Icon but mine is custom drawn.

I missed this bit before my last post. However, there's no reason you can't do custom drawing in an Icon.

Icon is simply an interface with three methods:

int getIconHeight()

int getIconWidth()

void paintIcon(Component c, Graphics g, int x, int y)

So you simply implement this interface and do your custom drawing with the Graphics object passed into the paintIcon() method.
(Unlike other Graphics painting you might have done, with Icon you start drawing at point <x,y>, not at point <0,0>.)