如何在javaFX中将颜色从ColorPicker转换为字符串值

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

可以使用以下方法从颜色创建十六进制字符串：

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十六进制：十六进制表示法中RGB值的格式是一个“#”，后面紧跟着三个或六个十六进制字符。三位RGB表示法(#RGB)是通过复制数字而不是通过添加零来转换为六位形式(#RRGGB)的。例如，#FB0扩展为#FFBB00。这确保了白色(#FFFFF)可以用短符号(#FFF)指定，并消除了对显示器颜色深度的任何依赖。

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

还有另一种方法来完成你正在做的事情。设置样式需要将颜色转换为字符串，而不是直接设置区域#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();
  }
}