codecamp

JavaFX 颜色选择器

JavaFX教程 - JavaFX颜色选择器


颜色选择器控件使用户能够从可用范围中选择颜色,或通过指定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));
JavaFX 日期选择器
JavaFX 文件选择器
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

JavaFX 效果

JavaFX 主题

JavaFX 转换

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }