JavaFX顏色選擇器(ColorPicker)

顏色選擇器控制元件允許使用者從可用的顏色範圍中選擇顏色，或通過指定RGB或HSB組合設定其他顏色。JavaFX ColorPicker控制元件具有顏色選擇器，調色盤和自定義顏色對話方塊視窗。

建立ColorPicker

以下程式碼使用空建構函式建立一個顏色選擇器控制元件，顏色選擇器控制元件使用預設顏色，即WHITE。

ColorPicker colorPicker1 = new ColorPicker();

還可以提供顏色常數作為當前選擇的顏色。

ColorPicker colorPicker2 = new ColorPicker(Color.BLUE);

還可以提供網路顏色值作為當前選擇的顏色

ColorPicker colorPicker3 = new ColorPicker(Color.web("#EEEEEE"));

範例

如下範例程式碼 -

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.scene.Scene;
import javafx.scene.control.ColorPicker;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class Main extends Application {
  public static void main(String[] args) {
    launch(args);
  }

  @Override
  public void start(Stage stage) {
    Scene scene = new Scene(new HBox(20), 400, 100);
    HBox box = (HBox) scene.getRoot();
    final ColorPicker colorPicker = new ColorPicker();
    colorPicker.setValue(Color.RED);

    final Text text = new Text("Color picker:");
    text.setFill(colorPicker.getValue());

    colorPicker.setOnAction((ActionEvent t) -> {
      text.setFill(colorPicker.getValue());
    });

    box.getChildren().addAll(colorPicker, text);

    stage.setScene(scene);
    stage.show();
  }
}

自定義顏色

getCustomColors()方法返回建立的自定義顏色作為Color物件的ObservableList。

ObservableList<Color> customColors = colorPicker.getCustomColors();
colorPicker.setValue(customColors.get(index));