Swing/TranslucentSpinner のバックアップ(No.3)

  • category: swing folder: TranslucentSpinner title: JSpinnerのTextFieldやArrowButtonを半透明にする tags: [JSpinner, NimbusLookAndFeel, LookAndFeel] author: aterai pubdate: 2020-04-06T12:14:53+09:00 description: NimbusLookAndFeelを適用したJSpinnerでそのFormattedTextFieldやArrowButtonが半透明になるよう設定します。 image: https://drive.google.com/uc?id=1W4bLhbm0FPWEiaLl_9_CIbsCO_Fe4LpP

概要

NimbusLookAndFeelを適用したJSpinnerでそのFormattedTextFieldやArrowButtonが半透明になるよう設定します。

Screenshot

screenshot

Download

サンプルコード

UIDefaults d = new UIDefaults();
Painter<JComponent> painter1 = (g, c, w, h) -> {
  g.setColor(new Color(100, 100, 100, 100));
  g.fillRect(0, 0, w, h);
};
Painter<JComponent> painter2 = (g, c, w, h) -> {
  g.setColor(new Color(100, 200, 200, 100));
  g.fillRect(0, 0, w, h);
};
d.put("Spinner:Panel:\"Spinner.formattedTextField\"[Enabled].backgroundPainter", painter1);
d.put("Spinner:Panel:\"Spinner.formattedTextField\"[Focused].backgroundPainter", painter2);
d.put("Spinner:Panel:\"Spinner.formattedTextField\"[Selected].backgroundPainter", painter2);
// d.put("Spinner:Panel:\"Spinner.formattedTextField\"[Focused+Selected].backgroundPainter", painter2);
// d.put("Spinner:Panel:\"Spinner.formattedTextField\"[Disabled].backgroundPainter", painter);

Painter<JComponent> painter3 = (g, c, w, h) -> {
  g.setColor(new Color(100, 100, 200, 100));
  g.fillRect(0, 0, w, h);
};
Painter<JComponent> painter4 = (g, c, w, h) -> {
  g.setColor(new Color(120, 120, 120, 100));
  g.fillRect(0, 0, w, h);
};
d.put("Spinner:\"Spinner.previousButton\"[Enabled].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.previousButton\"[Focused+MouseOver].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.previousButton\"[Focused+Pressed].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.previousButton\"[Focused].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.previousButton\"[MouseOver].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.previousButton\"[Pressed].backgroundPainter", painter4);

d.put("Spinner:\"Spinner.nextButton\"[Enabled].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.nextButton\"[Focused+MouseOver].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.nextButton\"[Focused+Pressed].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.nextButton\"[Focused].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.nextButton\"[MouseOver].backgroundPainter", painter3);
d.put("Spinner:\"Spinner.nextButton\"[Pressed].backgroundPainter", painter4);

SpinnerModel model = new SpinnerNumberModel(0, 0, 100, 5);
JSpinner spinner1 = new JSpinner(model);
// NG: spinner1.putClientProperty("Nimbus.Overrides", d);
((JSpinner.DefaultEditor) spinner1.getEditor()).getTextField().putClientProperty("Nimbus.Overrides", d);
configureSpinnerButtons(spinner1, d);
View in GitHub: Java, Kotlin

解説

  • UIDefaultsを作成してJSpinnerのFormattedTextFieldやArrowButtonで使用するPainterを登録
    • Nimbus Defaults (The Java™ Tutorials > Creating a GUI With JFC/Swing > Modifying the Look and Feel)にキー一覧がある
    • JSpinnerのFormattedTextFieldはSpinner:Panel:"Spinner.formattedTextField"[Enabled].backgroundPainterのようにPanelが付くので注意
    • JSpinnerのPreviousButtonはSpinner:\"Spinner.previousButton\"[Enabled].backgroundPainterだが、上記のチュートリアルではcodeviousButtonと文字化け？しているので注意が必要
      • <pre>を<code>タグに変換しようとしてpreviousがcodeviousになっている？
      • 他にもColorChooser.previewPanelHolderがColorChooser.codeviewPanelHolder、ComboBox.pressedWhenPopupVisibleがComboBox.codessedWhenPopupVisibleと同様におかしくなっている
      • NimbusBrowser.javaで生成されるhtmlファイルでは問題ないので、The Java™ Tutorialsに転載するときに変換ミスがあったのかもしれない
    • JSpinnerのNextButtonはSpinner:\"Spinner.nextButton\"[Enabled].backgroundPainter
  • putClientProperty("Nimbus.Overrides", d)メソッドでJSpinnerのFormattedTextFieldやArrowButtonにUIDefaultsを上書きで設定
    • JSpinnerにUIDefaultsを上書きしても無効で、JFormattedTextFieldやJButtonを取得して直接それに設定する必要がある
    • JFormattedTextFieldはJSpinner.DefaultEditor#getTextField()で取得可能
    • ArrowButtonを取得するメソッドは存在しないので、名前がSpinner.previousButtonかSpinner.nextButtonになっているJButtonを検索して取得している
    • ひとつのJSpinnerにputClientProperty(...)を設定してもほかのJSpinnerまで上書きされてしまう？

参考リンク

コメント