JavaFx初探(颜色选择器)
本章介绍ColorPicker 控件、设计概要、以及如何在应用中使用。
颜色选择器可以让用户在一个颜色区域内选择一个适合的颜色,也可以通过设置RGB或HSB值来获取一个颜色。
设计概要
ColorPicker 控件包括颜色选择、调色板以及自定义颜色窗口。看下图:
颜色选择器
颜色选择器是一个组合框,包括了所有可以选择的颜色和颜色指示器。颜色指示器显示了当前选中的颜色。
有3中样式的颜色选择器,如下图所示:
第一种只是一个按钮,包含了颜色指示器和一个Label。第二种是用竖线分开的形式,把按钮和下拉菜单分开。第三种是默认的形式,它也包含一个下拉菜单,但是并没有使用竖线分开。
我们可以使用CSS样式来修饰颜色选择器,具体信息下面会讲到。
调色板
调色板包含了预定义的颜色集合以及自定义颜色的链接。默认的表现形式如下图所示:
如你你定义了自己的颜色,那么这些颜色将显示在自定义颜色区域,如下图所示:
调色面板支持使用键盘上的方向键来导航。
如果应用重新启动了,那么自定义颜色将会消失,除非你在应用中保存了。每一个被选择的颜色都会出现在颜色选择器中。并会显示这个颜色的十六进制的值。
自定义颜色窗口
自定义颜色窗口是一个模式窗口,可以通过点击调色板上的链接打开。当自定义颜色窗口打开的时候,它的值就是颜色指示器中显示的颜色的值,用户可以通过在颜色区域移动鼠标来定义一个新的颜色或者移动颜色条,这些改变都会同步到ColorPicker 相应的属性上。自定义颜色窗口如下所示:
另外一种方式去定义一个颜色就是设置HSB或RGB值,或者直接填写一个web颜色,如下图所示: