swing JButton: che mostra bordo e lo sfondo solo quando è librato

Question

voglio aggiungere un hovering-effetto alla mia Swing.JButton personalizzata simile all'icona sul mio browser Chrome:

Prima hover >>

Dopo hover >>

sono in grado di impostare il pulsante nella "prima" stato quando è stato creato, ma non sono in grado di creare il "bordo + sfondo in rilievo" quando è al passaggio del mouse. Quando tento di aggiungere nuovamente il bordo al pulsante, ho ottenuto un effetto in movimento, poiché dopo aver ridipinto un nuovo bordo è stato inserito.

Questo è il mio codice corrente:

public class MyButton extends JButton implements MouseListener { 

public MyButton(String iconPath, String toolTip) { 
    super(new ImageIcon(TipButton.class.getResource(iconPath))); 
    addMouseListener(this); 
    setBorder(null); 
    setBorderPainted(false); 
    setFocusPainted(false); 
    setOpaque(false); 
    setContentAreaFilled(false); 
    setToolTipText(toolTip); 
} 

public MyButton(String iconPath, String name, String toolTip) { 
    this(observers, iconPath, toolTip); 
    setText(name); 
} 

@Override 
public void mouseClicked(MouseEvent e) {} 

@Override 
public void mousePressed(MouseEvent e) {} 

@Override 
public void mouseReleased(MouseEvent e) {} 

@Override 
public void mouseEntered(MouseEvent e) { 
    if (e.getSource() != this) return; 

    setBorder(BorderFactory.createBevelBorder(BevelBorder.RAISED)); 
} 

@Override 
public void mouseExited(MouseEvent e) { 
    if (e.getSource() != this) return; 

    setBorder(null); 
} 

} 

Suppongo che la logica principale dovrebbe essere nei metodi mouseEntered/mouseExited ma non so come ottenere l'effetto desiderato. Qualche idea?

Answer 1

Penso di aver trovato una soluzione. L'uso di EmptyBorder con le stesse dimensioni (margini) di un bordo rialzato fa il trucco. Codice:

public class SwingUtils { 

public static JButton createMyButton (String iconPath, String toolTip) { 
    final JButton b = new JButton (new ImageIcon(SwingUtils.class.getResource(iconPath))); 
    final Border raisedBevelBorder = BorderFactory.createRaisedBevelBorder(); 
    final Insets insets = raisedBevelBorder.getBorderInsets(b); 
    final EmptyBorder emptyBorder = new EmptyBorder(insets); 
    b.setBorder(emptyBorder); 
    b.setFocusPainted(false); 
    b.setOpaque(false); 
    b.setContentAreaFilled(false); 
    b.setToolTipText(toolTip); 
    b.getModel().addChangeListener(new ChangeListener() { 
     @Override 
     public void stateChanged(ChangeEvent e) { 
      ButtonModel model = (ButtonModel) e.getSource(); 
      if (model.isRollover()) { 
       b.setBorder(raisedBevelBorder); 
      } else { 
       b.setBorder(emptyBorder); 
      } 
     } 
    }); 
    return b; 
} 

} 

Nota: come dice mKorbel sarebbe utilizzando ChangeListener e il pulsante creato in un metodo fabbrica invece di sottoclasse JButton.

Answer 2

Utilizzare immagini diverse per ogni stato. È possibile impostare un'icona diversa per selezionato, disabilitato selezionato, disabilitato, premuto, rollover, rolloverEnabled, rolloverSelected. Maggiori informazioni here.

Answer 3

In java 7 c'è una classe BevelBorder che sembra essere quello che stai cercando. I 2 metodi si sarà probabilmente interessato a sono

paintRaisedBevel(Component c, Graphics g, int x, int y, int width, int height) 

e

paintLoweredBevel(Component c, Graphics g, int x, int y, int width, int height) 

Ecco la documentazione sulla classe: http://docs.oracle.com/javase/7/docs/api/javax/swing/border/BevelBorder.html

Answer 4

• lì (forse) c'è motivo di creare extends JButton implements MouseListener { , non sono presenti nessuno dei metodi JButton s e utilizzare invece la composizione con resi,

• migliore potrebbe essere quella di creare una variabile locale e di utilizzare metodi implementati in API

• sconsigliati i MouseListener per Buttons Components, tutti questi eventi sono implementate in JButtons API e correttamente

• use set(Xxx)Icon for JButton

• il più semplice dei modi è utilizzare JButton.getModel da ChangeListener, for example