时间戳

首页 > 解决方案 > 如何在 javaFX 中将颜色从 ColorPicker 转换为 String 值

java - 如何在 javaFX 中将颜色从 ColorPicker 转换为 String 值

问题描述

我想让用户使用 ColorPicker 选择颜色，然后使用该颜色来更改按钮的颜色。JavaFX

    ColorPicker cp = new ColorPicker();
            cp.setOnAction(e -> {
                Color c = cp.getValue();
                System.out.println(c);
            });

在 println 中，它会给出 0xe6e64dff,0xccffccff 之类的答案...

如果我想将按钮着色为蓝色，我需要使用它：

    Button button = new Button();
    button.setStyle("-fx-background-color: #ff0000; ");

所以我假设我必须先将颜色值转换为字符串才能使用它？或者我该怎么做？如何让选择的颜色在 setStyle 行中可用？

标签： javajavafxcolors

解决方案

转换Color为十六进制字符串

您可以使用以下内容从 a 创建一个十六进制字符串Color：

private static String toHexString(Color color) {
  int r = ((int) Math.round(color.getRed()     * 255)) << 24;
  int g = ((int) Math.round(color.getGreen()   * 255)) << 16;
  int b = ((int) Math.round(color.getBlue()    * 255)) << 8;
  int a = ((int) Math.round(color.getOpacity() * 255));
  return String.format("#%08X", (r + g + b + a));
}

这还将包括颜色的 alpha（即不透明度）。请注意，JavaFX CSS 参考指南没有记录对 4 位/8 位十六进制值的任何支持：

RGB Hex：十六进制表示法的 RGB 值的格式是一个“#”，后跟三个或六个十六进制字符。三位 RGB 符号 (#rgb) 通过复制数字而不是添加零转换为六位形式 (#rrggbb)。例如，#fb0 扩展为 #ffbb00。这确保了白色 (#ffffff) 可以用短符号 (#fff) 指定，并消除对显示器颜色深度的任何依赖。

但是，文档Color#web(String)说支持以下格式：

带有可选十六进制 alpha 通道 的 HTML 长或短格式十六进制字符串[强调添加]。十六进制值可以以"0x"或开头，"#"并且可以是 to 范围内的 2 位数字或 to 范围内00的单个0xFF数字。0F

另请注意，它表示十六进制值可以以or 0x为前缀#。

这是使用上述实用方法的示例：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ColorPicker;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class App extends Application {

  @Override
  public void start(Stage primaryStage) {
    StackPane root = new StackPane();

    ColorPicker picker = new ColorPicker();
    root.getChildren().add(picker);
    picker.setOnAction(
        event -> {
          event.consume();

          Color value = picker.getValue();
          if (value == null) {
            root.setStyle(null);
          } else {
            String style = String.format("-fx-background-color: %s;", toHexString(value));
            root.setStyle(style);
          }
        });

    primaryStage.setScene(new Scene(root, 500, 300));
    primaryStage.setTitle("Color to Hexadecimal Example");
    primaryStage.show();
  }

  private static String toHexString(Color color) {
    int r = ((int) Math.round(color.getRed()     * 255)) << 24;
    int g = ((int) Math.round(color.getGreen()   * 255)) << 16;
    int b = ((int) Math.round(color.getBlue()    * 255)) << 8;
    int a = ((int) Math.round(color.getOpacity() * 255));

    return String.format("#%08X", (r + g + b + a));
  }
}

背景属性

还有另一种方法可以完成你正在做的事情。您可以直接设置属性，而不是设置style需要将 转换Color为 a的 。这是一个例子：StringRegion#background

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ColorPicker;
import javafx.scene.layout.Background;
import javafx.scene.layout.BackgroundFill;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class App extends Application {

  @Override
  public void start(Stage primaryStage) {
    StackPane root = new StackPane();

    ColorPicker picker = new ColorPicker();
    root.getChildren().add(picker);
    picker.setOnAction(
        event -> {
          event.consume();

          Color value = picker.getValue();
          if (value == null) {
            root.setBackground(null);
          } else {
            root.setBackground(new Background(new BackgroundFill(value, null, null)));
          }
        });

    primaryStage.setScene(new Scene(root, 500, 300));
    primaryStage.setTitle("Programmatically Set Background Color Example");
    primaryStage.show();
  }
}

推荐阅读