FlowLayoutでボタンを重ねてパンくずリストを作成する

Total: 5775, Today: 1, Yesterday: 1
Posted by at
Last-modified:

Summary

FlowLayoutの水平間隔をマイナスにして、JRadioButtonを重ねて表示し、パンくずリスト風のコンポーネントを作成します。

Screenshot

screenshot

Download

Source Code Examples

private static JComponent makeBreadcrumbList(int overlap, List<String> list) {
  JPanel p = new JPanel(new FlowLayout(FlowLayout.LEADING, -overlap, 0));
  p.setBorder(BorderFactory.createEmptyBorder(4, overlap + 4, 4, 4));
  p.setOpaque(false);
  ButtonGroup bg = new ButtonGroup();
  for (String title: list) {
    AbstractButton b = makeButton(title, Color.PINK);
    p.add(b);
    bg.add(b);
  }
  return p;
}
View in GitHub: Java, Kotlin

Description

上記のサンプルでは、FlowLayoutの水平間隔にマイナスの値(px)を指定して、各コンポーネントがその分重なるように設定しています。このため、左側のJRadioButtonの下に右側のJRadioButtonが配置されている状態になっています。各JRadioButton自体は重なっていますが、描画とマウスクリックは重ならないように以下の設定を追加しています。

  • 描画
    • 矢羽型のアイコンを設定しこのアイコン以外はsetContentAreaFilled(false);などで透明化
  • マウスクリック
    • JRadioButton#contains(...)をオーバーライドして上記の矢羽図形の外では反応しないよう設定

Reference

Comment