Swing/TabComponentsOfDifferentSizes のバックアップ(No.8)

  • category: swing folder: TabComponentsOfDifferentSizes title: JTabbedPaneのタブコンポーネントが異なるサイズで表示可能になるようJSplitPaneに配置する tags: [JTabbedPane, JSplitPane] author: aterai pubdate: 2021-10-18T00:06:05+09:00 description: JTabbedPaneをJSplitPaneに配置し、各タブコンポーネントごとに異なるサイズで表示可能になるようDividerの位置などを調整します。 image: https://drive.google.com/uc?id=1PhwFToigKUQ-AKOEaVaCNp-j7b_75HAe hreflang: 
       href: https://java-swing-tips.blogspot.com/2021/10/add-jtabbedpane-tab-component-to.html
   lang: en

Summary

JTabbedPaneをJSplitPaneに配置し、各タブコンポーネントごとに異なるサイズで表示可能になるようDividerの位置などを調整します。

Screenshot

screenshot

Download

Source Code Examples

public void tabComponentResized(ComponentEvent e, JTabbedPane tabs) {
  Component c = e.getComponent();
  if (c.equals(tabs.getSelectedComponent())) {
    Dimension d = c.getPreferredSize();
    if (isTopBottomTabPlacement(tabs.getTabPlacement())) {
      d.height = splitPane.getDividerLocation() - tabAreaSize.height;
    } else {
      d.width = splitPane.getDividerLocation() - tabAreaSize.width;
    }
    c.setPreferredSize(d);
  }
}

public void updateDividerLocation(JTabbedPane tabs) {
  Component c = tabs.getSelectedComponent();
  if (isTopBottomTabPlacement(tabs.getTabPlacement())) {
    splitPane.setDividerLocation(c.getPreferredSize().height + tabAreaSize.height);
  } else {
    splitPane.setDividerLocation(c.getPreferredSize().width + tabAreaSize.width);
  }
}
View in GitHub: Java, Kotlin

Explanation

  • JTabbedPane
    • デフォルトのJTabbedPaneに配置されるタブコンポーネントはすべて同じサイズになる
    • JTabbedPaneの最小サイズをタブエリアのサイズに変更してJSplitPaneでタブエリアが非表示にならないよう設定
    • JTabbedPaneにChangeListenerを追加し、タブの選択状態が変化したらタブコンポーネントの推奨サイズとタブエリアのサイズの合計までDividerの位置を移動
    • JTabbedPaneにMouseListenerを追加し、選択状態のタブがクリックされたら(タブの切り替えが発生しないクリック)タブコンポーネントの折り畳みとデフォルトサイズへの展開をトグル実行
  • タブコンポーネント
    • 各タブコンポーネント(このサンプルではJLabel)にComponentListenerを追加し、JTabbedPaneで選択されているタブコンポーネントがDividerの移動などでリサイズされたらDividerの位置とタブエリアのサイズからタブコンポーネントの推奨サイズを変更
  • JSplitPane
    • 左コンポーネントにJTabbedPane、右コンポーネントに適当なコンポーネント(このサンプルではJTree)を配置
    • タブコンポーネントにJSplitPaneを使用する方法もあるが、これをデフォルトのJSplitPaneと組み合わせるのは複雑になりそう？

Reference

コメント