- 追加された行はこの色です。
- 削除された行はこの色です。
TITLE:JRadioButtonを使ってToggleButtonBarを作成
#navi(../)
#tags(JRadioButton, Icon, Path2D)
RIGHT:Posted by &author(aterai); at 2012-11-18
*JRadioButtonを使ってToggleButtonBarを作成 [#v862377c]
``JRadioButton``のアイコンを変更して、``ToggleButtonBar``を作成します。
---
category: swing
folder: ToggleButtonBar
title: JRadioButtonを使ってToggleButtonBarを作成
tags: [JRadioButton, Icon, Path2D]
author: aterai
pubdate: 2012-11-19T00:07:37+09:00
description: JRadioButtonのアイコンを変更して、ToggleButtonBarを作成します。
image: https://lh3.googleusercontent.com/-5-1KU3hp2co/UKjlTJyKvRI/AAAAAAAABW8/QuYQcKDeeyM/s800/ToggleButtonBar.png
hreflang:
href: https://java-swing-tips.blogspot.com/2012/11/make-togglebuttonbar-with-jradiobuttons.html
lang: en
---
* 概要 [#summary]
`JRadioButton`のアイコンを変更して、`ToggleButtonBar`を作成します。
-&jnlp;
-&jar;
-&zip;
#download(https://lh3.googleusercontent.com/-5-1KU3hp2co/UKjlTJyKvRI/AAAAAAAABW8/QuYQcKDeeyM/s800/ToggleButtonBar.png)
//#screenshot
#ref(https://lh3.googleusercontent.com/-5-1KU3hp2co/UKjlTJyKvRI/AAAAAAAABW8/QuYQcKDeeyM/s800/ToggleButtonBar.png)
**サンプルコード [#pb58be2c]
* サンプルコード [#sourcecode]
#code(link){{
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);
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) {
if (parent == null) {
return;
}
Graphics2D g2 = (Graphics2D)g.create();
Graphics2D g2 = (Graphics2D) g.create();
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
Path2D.Float p = new Path2D.Float();
Path2D p = new Path2D.Float();
if(c==parent.getComponent(0)) {
//:first-child
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)) {
//:last-child
} 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.quadTo(x + w, y + h, x + w - r, y + h);
p.lineTo(x, y + h);
}else{
} 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()) {
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.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;
}
}
}}
**解説 [#g0ae8b43]
上記のサンプルでは、``JRadioButton``に選択またはロールオーバーでグラデーションが変化する``Icon``を設定し、これらを``ButtonGroup``に追加することで、``ToggleButtonBar``を作成しています。
* 解説 [#explanation]
上記のサンプルでは、`JRadioButton`に選択またはロールオーバーでハイライトが変化する`Icon`を設定し、これらを`ButtonGroup`に追加することで`ToggleButtonBar`を作成しています。
- 配色は、[http://weboook.blog22.fc2.com/blog-entry-342.html 簡単、きれい！RGBaカラーを使って横メニューを作ってみる｜Webpark] をそのまま引用
- ``JRadioButton``のサイズは``Icon``のサイズと等しくなるように、テキストとアイコンは中央揃えで重ねて表示し、``Border``も0に設定
-- ``GridLayout``の水平間隔なども0にして隙間ができないように配置
- 最初の``JRadioButton``は左、最後の``JRadioButton``は右の角を丸める
- 配色は[http://weboook.blog22.fc2.com/blog-entry-342.html 簡単、きれい！RGBaカラーを使って横メニューを作ってみる｜Webpark]から引用
- `JRadioButton`のサイズは`Icon`のサイズと等しくなるようにテキストとアイコンは中央揃えで重ねて表示し、`Border`も`0`に設定
-- `GridLayout`の水平間隔なども`0`にして隙間ができないように配置
- 最初の`JRadioButton`は左、最後の`JRadioButton`は右の角を丸める
-- 参考: [[JComboBoxの角を丸める>Swing/RoundedComboBox]]
-- ``JRadioButton#setContentAreaFilled(false)``として、描画をすべてアイコンで行う(角を丸めた時に背景色を描画しないように)
-- 角を丸めた時に背景色を描画しないようにするため`JRadioButton#setContentAreaFilled(false)`を設定して描画をすべてアイコンで行う
**参考リンク [#g6068810]
* 参考リンク [#reference]
- [http://weboook.blog22.fc2.com/blog-entry-342.html 簡単、きれい！RGBaカラーを使って横メニューを作ってみる｜Webpark]
- [[CardLayoutを使ってJTabbedPane風のコンポーネントを作成>Swing/CardLayoutTabbedPane]]
- [[JComboBoxの角を丸める>Swing/RoundedComboBox]]
**コメント [#h3173999]
* コメント [#comment]
#comment
#comment