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

Question

我想让用户使用 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 行中可用？

Answer 1

将Color 转换为十六进制字符串

您可以使用以下命令从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 Reference Guide 没有记录对 4 位/8 位十六进制值的任何支持：

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

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

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

另请注意，它表示十六进制值可能以 either 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));
  }
}

---

背景属性

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

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();
  }
}

Answer 2

找到答案：

            cp.setOnAction(e -> {
            Color c = cp.getValue();
            button.setStyle("-fx-background-color: " + c.toString().replace("0x", "#"));
            System.out.println(c);
        });

Answer 3

当您只需要获取从 JavaFX ColorPicker 生成的颜色值并将其分配给 CSS 属性时，这实际上并没有那么复杂。

在 ColorPicker 的 OnAction 事件中，添加此代码以确保提取前三对十六进制值，然后将它们重新格式化为 CSS 友好格式，如下所示：

String colorString = String.valueOf(colorPicker.getValue());
String regex = "([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})";
Pattern p = Pattern.compile(regex);
Matcher m = p.matcher(colorString);
StringBuilder cssFormat = new StringBuilder();
if (m.find()) {
    cssFormat.append("#").append(m.group(0)).append(";");
}

在此示例中，名为 cssFormat 的字符串将能够插入到您需要为其分配的任何 JavaFX 对象的样式中。以下是按照 OP 要求使用 Button 的方法：

if (!cssFormat.isEmpty()) {
  button.setStyle("-fx-background-color: " + cssFormat);
}

其实就是这么简单。

如果您需要将该字符串转换回颜色，您可以这样做：

Color color = Color.valueOf(colorString);

:-)