---
category: swing
folder: ResizeTabAreaByDragging
title: JTabbedPaneのタブ領域をマウスドラッグでリサイズする
tags: [JTabbedPane, JLayer]
author: aterai
pubdate: 2021-03-22T00:09:51+09:00
description: JTabbedPaneのタブ領域をマウスで選択、ドラッグしてリサイズします。
image: https://drive.google.com/uc?id=1DBiqXVRK0G9xkVo1UzHNtdb_kVoW8jLJ
hreflang:
    href: https://java-swing-tips.blogspot.com/2021/04/resize-tab-area-of-jtabbedpane-by.html
    lang: en
---
* 概要 [#summary]
`JTabbedPane`のタブ領域をマウスで選択、ドラッグしてリサイズします。

#download(https://drive.google.com/uc?id=1DBiqXVRK0G9xkVo1UzHNtdb_kVoW8jLJ)

* サンプルコード [#sourcecode]
#code(link){{
class TabAreaResizeLayer extends LayerUI<ClippedTitleTabbedPane> {
  private int offset;
  private boolean resizing;

  @Override public void installUI(JComponent c) {
    super.installUI(c);
    if (c instanceof JLayer) {
      ((JLayer<?>) c).setLayerEventMask(
          AWTEvent.MOUSE_EVENT_MASK | AWTEvent.MOUSE_MOTION_EVENT_MASK);
    }
  }

  @Override public void uninstallUI(JComponent c) {
    if (c instanceof JLayer) {
      ((JLayer<?>) c).setLayerEventMask(0);
    }
    super.uninstallUI(c);
  }

  @Override protected void processMouseEvent(
        MouseEvent e, JLayer<? extends ClippedTitleTabbedPane> l) {
    ClippedTitleTabbedPane tabbedPane = l.getView();
    if (e.getID() == MouseEvent.MOUSE_PRESSED) {
      Rectangle rect = getDividerBounds(tabbedPane);
      Point pt = e.getPoint();
      SwingUtilities.convertPoint(e.getComponent(), pt, tabbedPane);
      if (rect.contains(pt)) {
        offset = pt.x - tabbedPane.getTabAreaWidth();
        tabbedPane.setCursor(Cursor.getPredefinedCursor(Cursor.W_RESIZE_CURSOR));
        resizing = true;
        e.consume();
      }
    } else if (e.getID() == MouseEvent.MOUSE_RELEASED) {
      tabbedPane.setCursor(Cursor.getPredefinedCursor(Cursor.DEFAULT_CURSOR));
      resizing = false;
    }
  }

  @Override protected void processMouseMotionEvent(
        MouseEvent e, JLayer<? extends ClippedTitleTabbedPane> l) {
    ClippedTitleTabbedPane tabbedPane = l.getView();
    Point pt = e.getPoint();
    SwingUtilities.convertPoint(e.getComponent(), pt, tabbedPane);
    if (e.getID() == MouseEvent.MOUSE_MOVED) {
      Rectangle r = getDividerBounds(tabbedPane);
      Cursor c = Cursor.getPredefinedCursor(
          r.contains(pt) ? Cursor.W_RESIZE_CURSOR : Cursor.DEFAULT_CURSOR);
      tabbedPane.setCursor(c);
    } else if (e.getID() == MouseEvent.MOUSE_DRAGGED && resizing) {
      tabbedPane.setTabAreaWidth(pt.x - offset);
      e.consume();
    }
  }

  private static Rectangle getDividerBounds(ClippedTitleTabbedPane tabbedPane) {
    Dimension dividerSize = new Dimension(4, 4);
    Rectangle bounds = tabbedPane.getBounds();
    Rectangle compRect = Optional.ofNullable(tabbedPane.getSelectedComponent())
        .map(Component::getBounds).orElseGet(Rectangle::new);
    switch (tabbedPane.getTabPlacement()) {
      case SwingConstants.LEFT:
        bounds.x = compRect.x - dividerSize.width;
        bounds.width = dividerSize.width * 2;
        break;
      case SwingConstants.RIGHT:
        bounds.x += compRect.x + compRect.width - dividerSize.width;
        bounds.width = dividerSize.width * 2;
        break;
      case SwingConstants.BOTTOM:
        bounds.y += compRect.y + compRect.height - dividerSize.height;
        bounds.height = dividerSize.height * 2;
        break;
      default: // case SwingConstants.TOP:
        bounds.y = compRect.y - dividerSize.height;
        bounds.height = dividerSize.height * 2;
        break;
    }
    return bounds;
  }
}
}}

* 解説 [#explanation]
- `JTabbedPane`
-- `JTabbedPane#doLayout()`メソッドをオーバーライドしてすべてのタブコンポーネントの推奨サイズを変更することでタブ領域のサイズを変更
-- ただしタブコンポーネントなどの最小サイズ、最大サイズは考慮せず固定値でタブ領域の最小・最大サイズを決定している
--- 現状タブ領域が`SwingConstants.LEFT`の場合のみ対応
- `JLayer`
-- `JTabbedPane`に`JLayer`を設定してタブ領域とコンポーネント領域の境界をドラッグ可能に設定
-- `LayerUI#processMouseEvent(...)`ではタブの子コンポーネントへのマウスイベントも取得可能なので、マウスカーソルの位置は`SwingUtilities.convertPoint(e.getComponent(), pt, layer.getView())`でイベントソースコンポーネント(`e.getComponent()`で取得した`JTabbedPane`自身、またはその子コンポーネント)から`JTabbedPane`(`JLayer#getView()`で取得可能)の座標に変換する必要がある

* 参考リンク [#reference]
- [[JTableの行の高さをマウスドラッグで変更する>Swing/ResizeRowHeightByDragging]]
- [[JTabbedPane風のタブ配置をレイアウトマネージャーで変更>Swing/NewTabButton]]
-- 上記のサンプルのように`CardLayout`と`JButton`などの組み合わせで`JTabbedPane`風のコンポーネントを自作する場合は`JSplitPane`に配置することで同様のリサイズが可能

* コメント [#comment]
#comment
#comment