TITLE:JToolBarの半透明化とアニメーション
#navi(../)
RIGHT:Posted by [[aterai]] at 2011-09-19
*JToolBarの半透明化とアニメーション [#p4034716]
コンポーネントにマウスカーソルがある場合だけ表示される半透明のJToolBarを追加します。

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

//#screenshot
#ref(https://lh5.googleusercontent.com/-36mkZfbor58/Tnb1d-2vaPI/AAAAAAAABCM/Hoor7aG7K-g/s800/TranslucentToolBar.png)

**サンプルコード [#e2dd3103]
#code{{
class ImageCaptionLabel extends JLabel implements HierarchyListener {
  private float alpha = 0.0f;
  private javax.swing.Timer animator;
  private int yy = 0;
  private JToolBar toolBox = new JToolBar() {
    @Override protected void paintComponent(Graphics g) {
      Graphics2D g2 = (Graphics2D)g;
      g2.setPaint(getBackground());
      g2.fillRect(0, 0, getWidth(), getHeight());
      super.paintComponent(g);
    }
  };
  public ImageCaptionLabel(String caption, Icon image) {
    setIcon(image);
    toolBox.setFloatable(false);
    toolBox.setOpaque(false);
    toolBox.setBackground(new Color(0,0,0,0));
    toolBox.setForeground(Color.WHITE);
    toolBox.setBorder(BorderFactory.createEmptyBorder(2,4,4,4));

    //toolBox.setLayout(new BoxLayout(toolBox, BoxLayout.X_AXIS));
    toolBox.add(Box.createGlue());
    toolBox.add(makeToolButton("ATTACHMENT_16x16-32.png"));
    toolBox.add(Box.createHorizontalStrut(2));
    toolBox.add(makeToolButton("RECYCLE BIN - EMPTY_16x16-32.png"));

    MouseAdapter ma = new MouseAdapter() {
      @Override public void mouseEntered(MouseEvent e) {
        dispatchMouseEvent(e);
      }
      @Override public void mouseExited(MouseEvent e) {
        dispatchMouseEvent(e);
      }
      private void dispatchMouseEvent(MouseEvent e) {
        Component src = e.getComponent();
        Component tgt = ImageCaptionLabel.this;
        tgt.dispatchEvent(SwingUtilities.convertMouseEvent(src, e, tgt));
      }
    };
    toolBox.addMouseListener(ma);
//......
}}

**解説 [#xb67dfb3]
上記のサンプルでは、画像を表示したJLabelに半透明にしたJToolBarを追加しています。

- 参考
-- JToolBarなどの透明化は、[[JMenuBarの背景に画像を表示する>Swing/MenuBarBackground]]
-- 表示アニメーションは、[[JTextAreaをキャプションとして画像上にスライドイン>Swing/EaseInOut]]
-- [[JToolBar内部のJButtonは、JButtonの描画>Swing/ButtonPainted]]

**参考リンク [#f68df189]
- [http://chrfb.deviantart.com/art/quot-ecqlipse-2-quot-PNG-59941546 "ecqlipse 2" PNG by ~chrfb on deviantART]

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