TITLE:JPanelをアコーディオン風に展開
#navi(../)
RIGHT:Posted by [[terai]] at 2004-11-08
*JPanelをアコーディオン風に展開 [#f49f27f2]
JPanelの展開、折り畳みをアコーディオン風に行います。

-&jnlp;
-&jar;
-&zip;

#screenshot

**サンプルコード [#l8c5ce79]
#code{{
abstract class ExpansionPanel extends JPanel{
  abstract public JPanel makePanel();
  private final String title;
  private final JLabel label;
  private final JPanel panel;

  public ExpansionPanel(String title) {
    super(new BorderLayout());
    this.title = title;
    label = new JLabel("↓ "+title) {
      @Override protected void paintComponent(Graphics g) {
        Graphics2D g2 = (Graphics2D)g;
        //Insets ins = getInsets();
        g2.setPaint(new GradientPaint(50, 0, Color.WHITE,
            getWidth(), getHeight(), new Color(200,200,255)));
        g2.fillRect(0, 0, getWidth(), getHeight());
        super.paintComponent(g);
      }
    };
    label.addMouseListener(new MouseAdapter() {
      @Override public void mousePressed(MouseEvent evt) {
        initPanel();
      }
    });
    label.setForeground(Color.BLUE);
    label.setBorder(BorderFactory.createEmptyBorder(2,5,2,2));
    add(label, BorderLayout.NORTH);

    panel = makePanel();
    panel.setVisible(false);
    panel.setOpaque(true);
    panel.setBackground(new Color(240, 240, 255));
    Border b1 = BorderFactory.createMatteBorder(0,2,2,2,Color.WHITE);
    Border b2 = BorderFactory.createEmptyBorder(10,10,10,10);
    Border b3 = BorderFactory.createCompoundBorder(b1, b2);
    panel.setBorder(b3);
    add(panel);
  }
  @Override public Dimension getPreferredSize() {
    Dimension d = label.getPreferredSize();
    if(panel.isVisible()) {
      d.height += panel.getPreferredSize().height;
    }
    return d;
  }
  @Override public Dimension getMaximumSize() {
    Dimension d = getPreferredSize();
    d.width = Short.MAX_VALUE;
    return d;
  }
  protected void initPanel() {
    panel.setVisible(!panel.isVisible());
    label.setText((panel.isVisible()?"↑ ":"↓ ")+title);
    revalidate();
    fireExpansionEvent();
    EventQueue.invokeLater(new Runnable() {
      @Override public void run() {
        panel.scrollRectToVisible(panel.getBounds());
      }
    });
  }
  protected Vector<ExpansionListener> expansionListenerList
    = new Vector<ExpansionListener>();
  public void addExpansionListener(ExpansionListener listener) {
    if(!expansionListenerList.contains(listener)) {
      expansionListenerList.add(listener);
    }
  }
  public void removeExpansionListener(ExpansionListener listener) {
    expansionListenerList.remove(listener);
  }
  public void fireExpansionEvent() {
    Vector list = (Vector)expansionListenerList.clone();
    Enumeration enm = list.elements();
    ExpansionEvent e = new ExpansionEvent(this);
    while(enm.hasMoreElements()) {
      ExpansionListener listener = (ExpansionListener)enm.nextElement();
      listener.expansionStateChanged(e);
    }
  }
}
}}

**解説 [#vc8a1e60]
各パネルに配置されたタイトルラベルがクリックされた場合、JPanel#setVisible(boolean)メソッドを使って、パネルの表示・非表示を切り替えています。

また、パネルを非表示にするだけでは、その高さが変更されないので、以下のように、JPanel#getPreferredSize()もオーバーライドしています。

#code{{
@Override public Dimension getPreferredSize() {
  Dimension d = label.getPreferredSize();
  if(panel.isVisible()) {
    d.height += panel.getPreferredSize().height;
  }
  return d;
}
}}

//%%高さを0(折り畳み)または任意の値(展開)に変更しています。%% %%このとき、SpringLayoutを使って全体のレイアウトをやり直しているため、JScrollPaneの中で複数のパネルが開けるようになっています。%%

----
[http://common.l2fprod.com/ L2FProd.com - Common Components] にある JTaskPane で、もっときれいにパネルの展開や折り畳みをすることができるようです(アニメーション付き)。ソースも公開されているので、com.l2fprod.common.swing.JCollapsiblePane あたりを参考にしてみてください。

**参考リンク [#bf958cfb]
-[[JPanelの展開と折り畳み>Swing/ExpandablePanel]]
-[[BoxLayoutでリスト状に並べる>Swing/ComponentList]]
-[[JTreeのノードを検索する>Swing/SearchBox]]
--アニメーションさせる場合のサンプル

**コメント [#b08f42d4]
- SpringLayoutをBoxLayoutに変更。 -- [[terai]] &new{2009-05-15 (金) 22:33:23};
- 不要なコードを削除。 -- [[terai]] &new{2010-11-16 (火) 21:29:33};

#comment