Discussion :

[yasen77]

Bonjour,

Je cherche a customiser mes JButton pour un projet. j'aimerai que lors d'un mouseover, une ligne rouge apparaisse en bas du bouton.
En gros :
Normal


MouseOver


J'ai réussi a mettre mon bouton dans la bonne couleur, mais je ne trouve pas de code style setBorder lié au bottom.

Merci pour votre aide

Yasen77

[joel.drigo]

Salut,

Tout d'abord, un JButton a un rendu géré par le look and feel : quitte à le détourner, autant faire ça avec un JLabel. Mais si on veut faire ça avec un JButton, on peut faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
public class Demo {
 
   public static void main(String[] args) {
 
       JFrame frame = new JFrame("Démo");
       frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
       frame.getContentPane().setLayout(new GridBagLayout());
       frame.add(createJButton());
 
       frame.setSize(600, 300);
       frame.setLocationRelativeTo(null);
       frame.setVisible(true);
 
   }
 
   private static Component createJButton() {
       final JButton button = new JButton("Fermer");
       button.setBorder(BorderFactory.createMatteBorder(0, 0, 2, 0, Color.BLACK));
       button.setBackground(Color.BLACK);
       button.setForeground(Color.WHITE);
       button.addMouseListener(new MouseAdapter() {
 
          @Override
          public void mouseEntered(MouseEvent e) {
              button.setBorder(BorderFactory.createMatteBorder(0, 0, 2, 0, Color.RED));
          }
 
          @Override
          public void mouseExited(MouseEvent e) {
              button.setBorder(BorderFactory.createMatteBorder(0, 0, 2, 0, Color.BLACK));
          }
 
      });
      return button;
  }
 
}

Mais ça a un défaut : il n'y a plus de marges pour le bouton. On peut utiliser des dimensions fixes dans layout pour y palier mais ce n'est jamais une bonne idée de faire des interfaces figées. Il n'y a pas de border réalisant ce que tu veux faire, mais on peut faire son propre border.

Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
public class ButtonBorder implements Border {
 
	private final int margins;
	private final Color color;
	private final int thickness;
	private boolean active;
 
	public ButtonBorder(Color color, int margins, int thickness) {
		Objects.requireNonNull(color);
		this.margins=Math.max(margins,0);
		this.color=color;
		this.thickness=Math.min(Math.max(thickness,0),this.margins);
	}
 
 
	protected void setActive(boolean active) {
		this.active=active;
	}
 
	@Override
	public void paintBorder(Component c, Graphics g, int x, int y, int width,
			int height) {
		if( active ) {
			g.setColor(color);
			g.fillRect(x, y+height-thickness, width, thickness);
		}
	}
 
	@Override
	public Insets getBorderInsets(Component c) {
		return new Insets(margins, margins, margins, margins);
	}
 
	@Override
	public boolean isBorderOpaque() {
		return false;
	}
 
 
	public static void main(String[] args) {
 
		JFrame frame = new JFrame("Démo");
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 
		frame.getContentPane().setLayout(new GridBagLayout());
		frame.add(createJButton());
 
		frame.setSize(600, 300);
		frame.setLocationRelativeTo(null);
		frame.setVisible(true);
 
	}
 
	private static Component createJButton() {
		final JButton button = new JButton("Fermer");
		final ButtonBorder border = new ButtonBorder(Color.RED, 5, 2);
 
		button.setBorder(border);
		button.setBackground(Color.BLACK);
		button.setForeground(Color.WHITE);
		button.addMouseListener(new MouseAdapter() {
			@Override
			public void mouseEntered(MouseEvent e) {
				border.setActive(true);
				button.repaint();
			}
 
			@Override
			public void mouseExited(MouseEvent e) {
				border.setActive(false);
				button.repaint();
			}
		});
		return button;
	}
 
}

[yasen77]

Bonjour joel.drigo,

Un grand merci pour ton aide, cela fonctionne à merveille.

Yasen77

[joel.drigo]

En relisant mon code, je vois qu'il y un petit bogue dans paintBorder (si tu veux pouvoir changer la couleur de la ligne) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
public void paintBorder(Component c, Graphics g, int x, int y, int width,
			int height) {
		if( active ) {
			g.setColor(color);
			g.fillRect(x, y+height-thickness, width, thickness);
		}
	}