Swing/LayoutAnimation のバックアップの現在との差分(No.11)
- category: swing folder: LayoutAnimation title: LayoutManagerを使ってパネルの展開アニメーションを行う tags: [LayoutManager, Animation, BorderLayout, JTree, JPanel] author: aterai pubdate: 2010-11-22T14:41:14+09:00 description: パネルの展開・収納をアニメーションで行うLayoutManagerを作成します。 image:
概要
パネルの展開・収納をアニメーションで行うLayoutManager
を作成します。
Screenshot
Advertisement
サンプルコード
private Timer animator;
private boolean isHidden = true;
private final JPanel controls = new JPanel(new BorderLayout(5, 5) {
private int controlsHeight;
private int controlsPreferredHeight;
@Override public Dimension preferredLayoutSize(Container target) {
//synchronized (target.getTreeLock()) {
// synchronized (target.getTreeLock()) {
Dimension ps = super.preferredLayoutSize(target);
controlsPreferredHeight = ps.height;
if (animator != null) {
if (isHidden) {
if (controls.getHeight() < controlsPreferredHeight) {
controlsHeight += 5;
}
} else {
if (controls.getHeight() > 0) {
controlsHeight -= 5;
}
}
if (controlsHeight <= 0) {
controlsHeight = 0;
animator.stop();
} else if (controlsHeight >= controlsPreferredHeight) {
controlsHeight = controlsPreferredHeight;
animator.stop();
}
}
ps.height = controlsHeight;
return ps;
}
});
private Action makeShowHideAction() {
return new AbstractAction("Show/Hide Search Box") {
@Override public void actionPerformed(ActionEvent e) {
if (animator != null && animator.isRunning()) {
return;
}
isHidden = controls.getHeight() == 0;
animator = new Timer(5, new ActionListener() {
@Override public void actionPerformed(ActionEvent e) {
controls.revalidate();
}
});
animator.start();
}
};
}
View in GitHub: Java, Kotlin解説
上記のサンプルでは、LayoutManager#preferredLayoutSize(...)
をオーバーライドして子パネルの高さを更新することでアニメーションを行っています。
-
Timer
を使用して5ms
ごとに子パネルの高さを更新 -
LayoutManager#preferredLayoutSize(...)
メソッドをオーバーライドして子パネルの高さの変更を展開アニメーションとして表現 - 内部の
JTree
の高さを縮小せずに重ねる状態で検索パネルを表示する場合はBorderLayout
ではなくOverlayLayout
をJTextAreaをキャプションとして画像上にスライドインのように使用する方法がある
- -
内部の
JTree
の高さを縮小せずに、重ねる状態で検索パネルを表示したい場合は、BorderLayout
ではなく、OverlayLayout
をJTextAreaをキャプションとして画像上にスライドインのように使用する方法があります。
参考リンク
- JTreeのノードを検索する
JTree
のノードを検索するサンプル
- JTextAreaをキャプションとして画像上にスライドイン