- 追加された行はこの色です。
- 削除された行はこの色です。
TITLE:JTextFieldの背景色を半透明にする
#navi(../)
RIGHT:Posted by [[terai]] at 2008-08-11
*JTextFieldの背景色を半透明にする [#x96d09bf]
JTextFieldの背景色を半透明にします。
---
category: swing
folder: TranslucentTextField
title: JTextFieldの背景色を半透明にする
tags: [JTextField, Translucent]
author: aterai
pubdate: 2008-08-11T12:27:41+09:00
description: JTextFieldの背景色を半透明にしても、文字列選択やキャレットの点滅などで描画が乱れないようにする方法をテストします。
image: https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTV03Q10yI/AAAAAAAAAoQ/xH8xmeARg4k/s800/TranslucentTextField.png
---
* 概要 [#summary]
`JTextField`の背景色を半透明にしても、文字列選択やキャレットの点滅などで描画が乱れないようにする方法をテストします。
-&jnlp;
-&jar;
-&zip;
#download(https://lh5.googleusercontent.com/_9Z4BYR88imo/TQTV03Q10yI/AAAAAAAAAoQ/xH8xmeARg4k/s800/TranslucentTextField.png)
//#screenshot
http://lh5.ggpht.com/_9Z4BYR88imo/TQTV03Q10yI/AAAAAAAAAoQ/xH8xmeARg4k/s800/TranslucentTextField.png
* サンプルコード [#sourcecode]
#code(link){{
Color BG_COLOR = new Color(1f, .8f, .8f, .2f);
**サンプルコード [#taebf677]
#code{{
Color BG_COLOR = new Color(1f,.8f,.8f,.2f);
field0 = new JTextField("aaaaaaaaa");
field0 = new JTextField("000000000");
field0.setBackground(BG_COLOR);
field1 = new JTextField("bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb");
field1 = new JTextField("111111111111111111");
field1.setOpaque(false);
field1.setBackground(BG_COLOR);
field2 = new JTextField("cccccccccccccccccccccc") {
@Override
protected void paintComponent(Graphics g) {
Graphics2D g2 = (Graphics2D)g;
field2 = new JTextField("22222222222222222222") {
@Override protected void paintComponent(Graphics g) {
Graphics2D g2 = (Graphics2D) g.create();
g2.setPaint(getBackground());
g2.fillRect(0, 0, getWidth(), getHeight());
g2.dispose();
super.paintComponent(g);
}
};
field2.setOpaque(false);
field2.setBackground(BG_COLOR);
}}
**解説 [#p23f641d]
上記のサンプルでは、それぞれアルファ値を使った背景色をJTextFieldに設定しています。
* 解説 [#explanation]
上記のサンプルでは、それぞれアルファ値を使った半透明の背景色を`JTextField`に設定しています。
-上: field0
--文字列を選択すると、再描画がおかしくなる
--Nimbus L&F では、再現しない
-中: field1
--setOpaque(false)とすると、背景色は描画されない
--Nimbus L&F では、背景色が描画される
---参考:[http://weblogs.java.net/blog/ljnelson/archive/2008/07/nimbus_and_opac.html Laird Nelson's Blog: Nimbus and Opacity]
-下: field2
--setOpaque(false) とし、paintComponentをオーバーライドして、背景色を描画している
- `0`: `setOpaque(true)`
-- 文字列を選択するとキャレットの点滅などの再描画で残像が表示されてしまう
-- `NimbusLookAndFeel`では発生しない
- `1`: `setOpaque(false)`
-- `setOpaque(false)`とすると背景色は描画されない
-- `NimbusLookAndFeel`では背景色が描画される
--- 参考: [http://weblogs.java.net/blog/ljnelson/archive/2008/07/nimbus_and_opac.html Laird Nelson's Blog: Nimbus and Opacity]
- `2`: `1 + paintComponent`
-- `setOpaque(false)`を設定、かつ`paintComponent(...)`メソッドをオーバーライドして背景色を描画
----
- Nimbus L&F (build 1.6.0_10-rc-b28) でのスクリーンショット
- `NimbusLookAndFeel`でのスクリーンショット
//#screenshot(,screenshot1.png)
http://lh5.ggpht.com/_9Z4BYR88imo/TQTV3bJbVHI/AAAAAAAAAoU/XuA6H_AVFcU/s800/TranslucentTextField1.png
#ref(https://lh5.googleusercontent.com/_9Z4BYR88imo/TQcFKxPuBpI/AAAAAAAAAqw/1P6cGhtr7FA/s800/TranslucentTextField1.png)
-GTK L&F でのスクリーンショット
--[http://bugs.sun.com/view_bug.do?bug_id=6531760 Bug ID: 6531760 JTextField not honoring the background color]
- `GTKLookAndFeel`でのスクリーンショット
-- [https://bugs.openjdk.org/browse/JDK-6531760 Bug ID: 6531760 JTextField not honoring the background color]
//#screenshot(,screenshot2.png)
http://lh3.ggpht.com/_9Z4BYR88imo/TQTV55zD1gI/AAAAAAAAAoY/0PCTmGDb2AA/s800/TranslucentTextField2.png
#ref(https://lh3.googleusercontent.com/_9Z4BYR88imo/TQTV55zD1gI/AAAAAAAAAoY/0PCTmGDb2AA/s800/TranslucentTextField2.png)
**参考リンク [#s707327e]
-[http://www.viva-edo.com/komon/edokomon.html 江戸の文様（和風素材・デスクトップ壁紙）]
--名物裂から雲鶴をサンプルの壁紙として拝借しています。
* 参考リンク [#reference]
- [http://www.viva-edo.com/komon/edokomon.html 江戸の文様（和風素材・デスクトップ壁紙）]
-- 背景画像として名物裂から雲鶴を借用
- [https://tips4java.wordpress.com/2009/05/31/backgrounds-with-transparency/ Backgrounds With Transparency « Java Tips Weblog]
**コメント [#l25f2c0b]
* コメント [#comment]
#comment
#comment