JRadioButtonを使ってToggleButtonBarを作成
Total: 4954
, Today: 4
, Yesterday: 1
Posted by aterai at
Last-modified:
概要
JRadioButton
のアイコンを変更して、ToggleButtonBar
を作成します。
Screenshot
Advertisement
サンプルコード
class ToggleButtonBarCellIcon implements Icon {
private static final Color TL = new Color(1f, 1f, 1f, .2f);
private static final Color BR = new Color(0f, 0f, 0f, .2f);
private static final Color ST = new Color(1f, 1f, 1f, .4f);
private static final Color SB = new Color(1f, 1f, 1f, .1f);
private Color ssc;
private Color bgc;
@Override public void paintIcon(Component c, Graphics g, int x, int y) {
int r = 8;
int w = c.getWidth();
int h = c.getHeight();
Container parent = c.getParent();
if (parent == null) {
return;
}
Graphics2D g2 = (Graphics2D) g.create();
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
Path2D p = new Path2D.Float();
if (c == parent.getComponent(0)) {
// JButton.segmentPosition: first
// :first-child
p.moveTo(x, y + r);
p.quadTo(x, y, x + r, y);
p.lineTo(x + w, y);
p.lineTo(x + w, y + h);
p.lineTo(x + r, y + h);
p.quadTo(x, y + h, x, y + h - r);
} else if (c == parent.getComponent(parent.getComponentCount() - 1)) {
// JButton.segmentPosition: last
// :last-child
p.moveTo(x, y);
p.lineTo(x + w - r, y);
p.quadTo(x + w, y, x + w, y + r);
p.lineTo(x + w, y + h - r);
p.quadTo(x + w, y + h, x + w - r, y + h);
p.lineTo(x, y + h);
} else {
// JButton.segmentPosition: middle
p.moveTo(x, y);
p.lineTo(x + w, y);
p.lineTo(x + w, y + h);
p.lineTo(x, y + h);
}
p.closePath();
Area area = new Area(p);
g2.setPaint(c.getBackground());
g2.fill(area);
ssc = TL;
bgc = BR;
if (c instanceof AbstractButton) {
ButtonModel m = ((AbstractButton) c).getModel();
if (m.isSelected() || m.isRollover()) {
ssc = ST;
bgc = SB;
}
}
g2.setPaint(new GradientPaint(x, y, ssc, x, y + h, bgc, true));
g2.fill(area);
g2.setPaint(BR);
g2.draw(area);
g2.dispose();
}
@Override public int getIconWidth() {
return 80;
}
@Override public int getIconHeight() {
return 20;
}
}
View in GitHub: Java, Kotlin解説
上記のサンプルでは、JRadioButton
に選択またはロールオーバーでハイライトが変化するIcon
を設定し、これらをButtonGroup
に追加することでToggleButtonBar
を作成しています。
- 配色は簡単、きれい!RGBaカラーを使って横メニューを作ってみる|Webparkから引用
JRadioButton
のサイズはIcon
のサイズと等しくなるようにテキストとアイコンは中央揃えで重ねて表示し、Border
も0
に設定GridLayout
の水平間隔なども0
にして隙間ができないように配置
- 最初の
JRadioButton
は左、最後のJRadioButton
は右の角を丸める- 参考: JComboBoxの角を丸める
- 角を丸めた時に背景色を描画しないようにするため
JRadioButton#setContentAreaFilled(false)
を設定して描画をすべてアイコンで行う