Swing/TranslucentFrameRepaint のバックアップ差分(No.9)

  • 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:JFrameの透明化と再描画
#navi(../)
#tags(JFrame, Translucent, JPanel, JLabel, TexturePaint)
RIGHT:Posted by &author(aterai); at 2011-10-24
*JFrameの透明化と再描画 [#vb5228db]
半透明にした``JFrame``の再描画を行います。
* JFrameの透明化と再描画 [#vb5228db]
半透明にした`JFrame`の再描画を行います。

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

//#screenshot
#ref(https://lh4.googleusercontent.com/-ujoDf8eD4vE/TqLcC0f2CHI/AAAAAAAABD4/LHaXXW6HW1k/s800/TranslucentFrameRepaint.png)

**サンプルコード [#vc402d77]
** サンプルコード [#vc402d77]
#code(link){{
private final SimpleDateFormat df = new SimpleDateFormat("HH:mm:ss");
private final JLabel label = new JLabel(df.format(new Date()));
private final Timer timer = new Timer(1000, new ActionListener() {
  @Override public void actionPerformed(ActionEvent e) {
    label.setText(df.format(new Date()));
    if(label.getParent().isOpaque()) {
      repaintWindowAncestor(label);
    }
  }
});
private void repaintWindowAncestor(Component c) {
  Window w = SwingUtilities.getWindowAncestor(c);
  if(w instanceof JFrame) {
    JFrame f = (JFrame)w;
    JComponent cp = (JComponent)f.getContentPane();
    //cp.repaint();
    Rectangle r = c.getBounds();
    r = SwingUtilities.convertRectangle(c, r, cp);
    cp.repaint(r.x, r.y, r.width, r.height);
    //r = SwingUtilities.convertRectangle(c, r, f);
    //f.repaint(r.x, r.y, r.width, r.height);
  }else{
    c.repaint();
  }
}
//or
//private void repaintWindowAncestor(JComponent c) {
//  JRootPane root = c.getRootPane();
//    Rectangle r = c.getBounds();
//    r = SwingUtilities.convertRectangle(c, r, root);
//    root.repaint(r.x, r.y, r.width, r.height);
//  }
}}

**解説 [#k3a01a3f]
上記のサンプルでは、実際は``JFrame``が半透明ではなく、以下のように%%半透明にした%%透明にした``JFrame``に、半透明の``JPanel``を追加、さらにその子として一秒ごとに文字列が変化する``JLabel``(時計)を配置しています。
** 解説 [#k3a01a3f]
上記のサンプルでは、実際は`JFrame`が半透明ではなく、以下のように%%半透明にした%%透明にした`JFrame`に、半透明の`JPanel`を追加、さらにその子として一秒ごとに文字列が変化する`JLabel`(時計)を配置しています。

- ``JFrame``
- `JFrame`
-- 透明
#code{{
com.sun.awt.AWTUtilities.setWindowOpaque(frame, false);
//frame.setBackground(new Color(0,0,0,0)); //1.7.0
}}
-- ``AWTUtilities.setWindowOpacity(...)``、``Window#setOpacity(...)``は、子コンポーネントを含めてすべて半透明になるので、このサンプルでは使用していない
-- `AWTUtilities.setWindowOpacity(...)`、`Window#setOpacity(...)`は、子コンポーネントを含めてすべて半透明になるので、このサンプルでは使用していない

- ``JPanel``
-- ``frame.getContentPane().add(panel)``で追加
- `JPanel`
-- `frame.getContentPane().add(panel)`で追加
-- 半透明(二種類)
--- ``setOpaque(true)``+半透明のアルファ成分をもつ色を``setBackground()``で設定
--- ``JPanel``が``setOpaque(true)``なので、``ContentPane``から再描画しないと、``JPanel``に設定した半透明の背景色が重複して上書きされる(色が濃くなる)
--- ``setOpaque(false)``+``paintComponent()``をオーバーライドして背景画像などを描画
--- `setOpaque(true)`+半透明のアルファ成分をもつ色を`setBackground()`で設定
--- `JPanel`が`setOpaque(true)`なので、`ContentPane`から再描画しないと、`JPanel`に設定した半透明の背景色が重複して上書きされる(色が濃くなる)
--- `setOpaque(false)`+`paintComponent()`をオーバーライドして背景画像などを描画

- ``JLabel``
-- ``panel.add(label)``で追加
- `JLabel`
-- `panel.add(label)`で追加
-- 一秒ごとに文字列を変更する時計
-- ``setOpaque(false)``で背景は透明
-- `setOpaque(false)`で背景は透明

**参考リンク [#s8b81bf4]
-[http://www.viva-edo.com/komon/edokomon.html 江戸の文様（和風素材・デスクトップ壁紙）]
-[http://www.yourname.jp/soft/digitalfonts-20090306.shtml ユアネーム・7セグ・12セグフォント大全集]
** 参考リンク [#s8b81bf4]
- [http://www.viva-edo.com/komon/edokomon.html 江戸の文様（和風素材・デスクトップ壁紙）]
- [http://www.yourname.jp/soft/digitalfonts-20090306.shtml ユアネーム・7セグ・12セグフォント大全集]

**コメント [#q7c95e31]
** コメント [#q7c95e31]
- フォントをデジタル時計ぽいものに変更。 -- [[aterai]] &new{2012-02-10 (金) 17:35:12};
-- スクリーンショットは入れ替えるのが面倒なので、古いフォントのまま。 -- [[aterai]] &new{2012-04-17 (火) 17:26:14};

#comment