Swing/OverlayLayout のバックアップの現在との差分(No.2)

TITLE:OverlayLayoutの使用

OverlayLayoutの使用

 Posted by terai at 2008-01-14
  • category: swing folder: OverlayLayout title: OverlayLayoutの使用 tags: [OverlayLayout, LayoutManager, JButton] author: aterai pubdate: 2008-01-14T17:09:44+09:00 description: OverlayLayoutを使用し、JButtonを重ねて配置します。 image: https://lh6.googleusercontent.com/_9Z4BYR88imo/TQTQqzbG85I/AAAAAAAAAf8/GAYWzSVrHvg/s800/OverlayLayout.png

概要

OverlayLayoutを使用し、JButtonを重ねて配置します。

Screenshot

screenshot

Download

概要

 OverlayLayoutを使用し、JButtonを重ねて配置します。

サンプルコード

 
#spanend
#spanadd
JButton b1 = new JButton();
#spanend
#spanadd
JButton b2 = new JButton();
#spanend
#spanadd
b1.setLayout(new OverlayLayout(b1));
#spanend
#spanadd
Insets i = b1.getInsets();
#spanend
#spanadd
b1.setBorder(BorderFactory.createEmptyBorder(i.top, i.left, i.bottom, 4));
#spanend
#spanadd
b1.setAction(new AbstractAction("OverlayLayoutButton") {
#spanend
  @Override public void actionPerformed(ActionEvent e) {
    Toolkit.getDefaultToolkit().beep();
  }
#spanadd
});
#spanend
#spanadd
JButton b2 = new JButton() {
#spanend
  private final Dimension dim = new Dimension(120, 24);
  @Override public Dimension getPreferredSize() {
    return dim;
  }

-&jnlp;
-&jar;
-&zip;
  @Override public Dimension getMaximumSize() {
    return getPreferredSize();
  }

#spandel
#screenshot
#spanend
#spandel

#spanend
#spandel
**サンプルコード [#ece74623]
#spanend
#spandel
#code{{
#spanend
#spandel
final JPanel p = new JPanel();
#spanend
#spandel
p.setLayout(new OverlayLayout(p));
#spanend
#spandel
p.setBorder(BorderFactory.createEmptyBorder(0,5,0,0));
#spanend
#spandel
TriangleButton2 b1 = new TriangleButton2();
#spanend
#spandel
TriangleButton1 b2 = new TriangleButton1();
#spanend
#spandel
Dimension dim = new Dimension(64, 32);
#spanend
#spandel
b1.setMaximumSize(dim);
#spanend
#spandel
b1.setPreferredSize(dim);
#spanend
#spandel
//b1.setMinimumSize(dim);
#spanend
#spandel
//b1.setBorder(BorderFactory.createEmptyBorder(20,20,20,20));
#spanend
#spandel
b2.setMaximumSize(dim);
#spanend
#spandel
b2.setPreferredSize(dim);
#spanend
#spandel
//b2.setMinimumSize(dim);
#spanend
#spandel
//b2.setBorder(BorderFactory.createEmptyBorder(20,20,20,20));
#spanend
#spandel
p.add(b1);
#spanend
#spandel
p.add(b2);
#spanend
#spandel
return p;
#spanend
  @Override public Dimension getMinimumSize() {
    return getPreferredSize();
  }
#spanadd
};
#spanend
#spanadd
b2.setAction(new AbstractAction("▼") {
#spanend
  @Override public void actionPerformed(ActionEvent e) {
    System.out.println("sub");
  }
#spanadd
});
#spanend
#spanadd
b2.setAlignmentX(Component.RIGHT_ALIGNMENT);
#spanend
#spanadd
b2.setAlignmentY(Component.BOTTOM_ALIGNMENT);
#spanend
#spanadd
b1.add(b2);
#spanend
View in GitHub: Java, Kotlin

解説

 上記のサンプルでは、同じ大きさで選択領域の異なる三角形のJButtonを、OverlayLayoutを使うことで重ねて配置しています。

解説
  • 親JButtonをコンテナとして別の子JButtonを追加
  • 親JButtonのレイアウトとしてOverlayLayoutを設定し、setAlignmentX(...)などで子JButtonが右下に配置されるよう設定

参考リンク

参考リンク

コメント
  • ボタンサイズの指定方法を変更しました。 -- terai

コメント