Swing/SelectionColor のバックアップの現在との差分(No.6)
- バックアップ一覧
- 差分 を表示
- 現在との差分 - Visual を表示
- ソース を表示
- バックアップ を表示
- Swing/SelectionColor へ行く。
- 1 (2013-10-07 (月) 00:14:25)
- 2 (2013-10-07 (月) 04:34:13)
- 3 (2014-05-31 (土) 21:44:02)
- 4 (2014-11-05 (水) 05:03:34)
- 5 (2015-03-09 (月) 14:46:02)
- 6 (2015-03-16 (月) 17:28:33)
- 7 (2015-04-07 (火) 19:53:45)
- 8 (2017-03-02 (木) 17:50:39)
- 9 (2017-08-23 (水) 18:37:25)
- 10 (2018-09-11 (火) 14:35:14)
- 11 (2020-09-15 (火) 21:26:14)
- 12 (2022-04-07 (木) 15:52:37)
- 追加された行はこの色です。
- 削除された行はこの色です。
--- category: swing folder: SelectionColor title: JEditorPaneで選択色を半透明化 tags: [JEditorPane, Translucent, StyleSheet, HighlightPainter] author: aterai pubdate: 2013-10-07T00:14:25+09:00 description: JEditorPaneで選択色を半透明化し、HighlightPainterによるハイライトやCSSでの背景色変更と組み合わせた場合の描画のテストを行います。 image: https://lh4.googleusercontent.com/-vbDIDKoUbmw/UlFdSAKWCVI/AAAAAAAAB3A/wbVAmRfeTCY/s800/SelectionColor.png --- * 概要 [#f585b5dc] * 概要 [#summary] `JEditorPane`で選択色を半透明化し、`HighlightPainter`によるハイライトや`CSS`での背景色変更と組み合わせた場合の描画のテストを行います。 #download(https://lh4.googleusercontent.com/-vbDIDKoUbmw/UlFdSAKWCVI/AAAAAAAAB3A/wbVAmRfeTCY/s800/SelectionColor.png) * サンプルコード [#d528a36d] * サンプルコード [#sourcecode] #code(link){{ JEditorPane area = new JEditorPane(); area.setOpaque(false); area.setForeground(new Color(200, 200, 200)); area.setSelectedTextColor(Color.WHITE); area.setBackground(new Color(0, true)); area.setSelectionColor(new Color(0xC86464FF, true)); area.setBackground(new Color(0x0, true)); area.setSelectionColor(new Color(0xC8_64_64_FF, true)); }} * 解説 [#b70e8c84] * 解説 [#explanation] 上記のサンプルでは、`JEditorPane`の選択色などを半透明化して、ハイライトや`CSS`での背景色変更と組み合わせた場合のテストをしています。 - `JTextComponent#setSelectionColor`, `JTextComponent#setSelectedTextColor` -- 選択色、選択文字色を変更することができる - `JTextComponent#setSelectionColor`、`JTextComponent#setSelectedTextColor` -- 選択色、選択文字色を変更可能 -- どちらも半透明色を使用可能 -- デフォルトでは、選択が一番手前に描画されるので、半透明にしておくと他の選択色とアルファで乗算されて表示される -- [http://docs.oracle.com/javase/jp/7/api/javax/swing/text/JTextComponent.html#setSelectionColor(java.awt.Color) JTextComponent#setSelectionColor(Color)]では、「色に `null` を設定することは、`Color.white` を設定することと同じです。」となっているが、上記のサンプルで、`"setSelectionColor(#C86464FF)"`のチェックを外して`null`を設定すると、選択の描画が一行目とそれ以降で異なる -- デフォルトでは選択矩形が一番手前に描画されるので半透明にしておくと他の選択色とアルファ乗算されて表示される -- [https://docs.oracle.com/javase/jp/8/docs/api/javax/swing/text/JTextComponent.html#setSelectionColor-java.awt.Color- JTextComponent#setSelectionColor(Color)]では「色に`null`を設定することは、`Color.white`を設定することと同じです。」となっているが、上記のサンプルで`setSelectionColor(#C86464FF)`のチェックを外して`null`を設定すると選択の描画が一行目とそれ以降で異なる - `HighlightPainter` -- ハイライトの背景色は設定可能だが、文字色を変更することはできない -- 背景色を半透明にすることは可能 -- デフォルトのハイライトの設定(`DefaultHighlighter#setDrawsLayeredHighlights(true)`)では、文字列の選択描画より手前にハイライトの矩形が表示される -- デフォルトのハイライトの設定(`DefaultHighlighter#setDrawsLayeredHighlights(true)`)では文字列の選択描画より手前にハイライト矩形が表示される --- [[DefaultHighlighterの描画方法を変更する>Swing/DrawsLayeredHighlights]] - `StyleSheet` -- [[JEditorPaneのHTMLEditorKitにCSSを適用>Swing/StyleSheet]] -- `styleSheet.addRule(".highlight {color: blue; background: #FF5533; opacity: 0.5;}");`などで、文字色、背景色を変更可能 -- デフォルトの`HTMLEditorKit`は`CSS`の`opacity: 0.5`、`background: rgba(255,100,100,0.6);`などに未対応で、半透明化は不可 - 文字列選択の描画や、ハイライトの矩形より奥に描画される -- `styleSheet.addRule(".highlight {color: blue; background: #FF5533; opacity: 0.5;}")`などで文字色、背景色を変更可能 -- デフォルトの`HTMLEditorKit`は`CSS`の`opacity: 0.5`、`background: rgba(255,100,100,0.6)`などに未対応で半透明化は不可 - 文字列選択の描画やハイライト矩形より奥に描画される * 参考リンク [#qdc33d95] - [http://docs.oracle.com/javase/jp/8/api/docs/javax/swing/text/JTextComponent.html#setSelectionColor-java.awt.Color- JTextComponent#setSelectionColor(Color) (Java Platform SE 8)] * 参考リンク [#reference] - [https://docs.oracle.com/javase/jp/8/docs/api/javax/swing/text/JTextComponent.html#setSelectionColor-java.awt.Color- JTextComponent#setSelectionColor(Color) (Java Platform SE 8)] - [[JEditorPaneのHTMLEditorKitにCSSを適用>Swing/StyleSheet]] - [[Highlighterで文字列をハイライト>Swing/Highlighter]] - [[JTextAreaの背景に画像を表示>Swing/CentredBackgroundBorder]] - [[DefaultHighlighterの描画方法を変更する>Swing/DrawsLayeredHighlights]] * コメント [#s49c55fb] * コメント [#comment] #comment #comment