• 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:JListのセルのアニメーション
#navi(../)
*JListのセルのアニメーション [#gfab1816]
Posted by [[terai]] at 2006-11-27
---
category: swing
folder: ListCellAnimation
title: JListのセルのアニメーション
tags: [JList, ListCellRenderer, Animation]
author: aterai
pubdate: 2006-11-27T14:03:02+09:00
description: JListの選択されたセルをアニメーションさせます。
image: https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTPa7B8VkI/AAAAAAAAAd8/uLpJ50Oxwf8/s800/ListCellAnimation.png
---
* 概要 [#summary]
`JList`の選択されたセルをアニメーションさせます。

#contents
#download(https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTPa7B8VkI/AAAAAAAAAd8/uLpJ50Oxwf8/s800/ListCellAnimation.png)

**概要 [#db3c3494]
JListの選択されたセルをアニメーションさせます。

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

#screenshot

**サンプルコード [#dddb9e20]
#code{{
class AnimeListCellRenderer extends JPanel implements ListCellRenderer, ActionListener {
  private static final Color eColor = new Color(240,240,255);
  private static final Color sColor = new Color(230,230,255);
* サンプルコード [#sourcecode]
#code(link){{
class AnimeListCellRenderer extends JPanel implements ListCellRenderer {
  private static final Color selectedColor = new Color(230, 230, 255);
  private final AnimeIcon icon = new AnimeIcon();
  private final ScrollingLabel label = new ScrollingLabel();
  private final MarqueeLabel label = new MarqueeLabel();
  private final javax.swing.Timer animator;
  private final JList jlist;
  private final JList list;
  private boolean isRunning = false;
  public AnimeListCellRenderer(JList list) {
  int animate_index = -1;

  public AnimeListCellRenderer(final JList l) {
    super(new BorderLayout());
    jlist = list;
    animator = new javax.swing.Timer(100, this);
    animator.start();
    this.list = l;
    animator = new Timer(80, new ActionListener() {
      @Override public void actionPerformed(ActionEvent e) {
        int i = l.getSelectedIndex();
        if (isRunning = (i >= 0)) {
          l.repaint(l.getCellBounds(i, i));
        }
      }
    });
    setOpaque(true);
    add(icon,  BorderLayout.WEST);
    add(label, BorderLayout.CENTER);
    add(label);
    animator.start();
  }
  public Component getListCellRendererComponent(JList list, Object object,
          int index, boolean isSelected, boolean cellHasFocus) {
    isRunning = isSelected;
    setBackground(isSelected?sColor:index%2==0?eColor:list.getBackground());
    label.setText((object==null) ? "" : object.toString());

  @Override public Component getListCellRendererComponent(JList list, Object object,
      int index, boolean isSelected, boolean cellHasFocus) {
    setBackground(isSelected ? selectedColor : list.getBackground());
    label.setText((object == null) ? "" : object.toString());
    animate_index = index;
    return this;
  }
  public void actionPerformed(ActionEvent e) {
    jlist.repaint();

  private boolean isAnimatingCell() {
    return isRunning && animate_index == list.getSelectedIndex();
  }
  private class ScrollingLabel extends JLabel {
    public void ScrollingLabel() {
      setOpaque(false);
    }
    public void paintComponent(Graphics g) {
      Graphics2D g2d = (Graphics2D) g;
.....

  private class MarqueeLabel extends JLabel {
    // ...
  }
  // ...
}
}}

**解説 [#u20e47f0]
上記のサンプルでは、セルが選択されると左のアイコンがアニメーションし、文字列がクリップされている場合は、スクロールするようになっています。
* 解説 [#explanation]
上記のサンプルでは、セルが選択されると左のアイコンがアニメーションし、文字列が省略されている場合はスクロールするよう設定しています。

選択されたセルだけ再描画しているのではなく、ActionListener を実装したセルレンダラーを作成してJList全体をrepaintしています。
%%選択されたセルだけ再描画しているのではなく、`ActionListener`を実装したセルレンダラーを作成して`JList`全体を`repaint`しています。%%
選択されたセルだけ再描画してアニメーションを行っています。

**参考リンク [#e65685cf]
-[[Timerでアニメーションするアイコンを作成>Swing/AnimeIcon]]
-[[GlyphVectorで文字列を電光掲示板風にスクロール>Swing/ScrollingMessage]]
* 参考リンク [#reference]
- [[Timerでアニメーションするアイコンを作成>Swing/AnimeIcon]]
- [[GlyphVectorで文字列を電光掲示板風にスクロール>Swing/ScrollingMessage]]

**コメント [#x428be3b]
* コメント [#comment]
#comment
- 選択されたセルのみ再描画、`JScrollPane`に対応、スクリーンショット更新。 -- &user(aterai); &new{2008-05-13 (火) 14:53:51};

#comment