图1-1 JavaFX UI控件

图1-2标题窗格

有关UI控件的完整列表，请参阅API文档。

UI控件类提供了除类之外的其他变量和方法Control，以直观的方式支持典型的用户交互。您可以通过应用层叠样式表（CSS）为UI组件指定特定样式。对于某些异常任务，您可能需要扩展Control类以创建自定义UI组件，或使用该Skin界面为现有控件定义新外观。

图1-3动画按钮

通过使用JavaFX API，您只需几行代码即可实现此任务。

示例1-1创建并启动一个不确定的时间轴，其中在600毫秒的关键帧内，按钮的不透明度从其默认值（1.0）变为0.0。该setAutoReverse方法启用相反的顺序。

示例1-1创建动画按钮

import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.util.Duration;
import javafx.scene.control.Button;
import javafx.scene.text.Font;
import javafx.scene.effect.Reflection;...
Button button = new Button();button.setText("OK");button.setFont(new Font("Tahoma", 24));button.setEffect(new Reflection());final Timeline timeline = new Timeline();
timeline.setCycleCount(Timeline.INDEFINITE);
timeline.setAutoReverse(true);
final KeyValue kv = new KeyValue(button.opacityProperty(), 0);
final KeyFrame kf = new KeyFrame(Duration.millis(600), kv);
timeline.getKeyFrames().add(kf);
timeline.play();
...

您还可以应用javafx.scene.effect包中可用的其他视觉效果，例如阴影，光照或运动模糊。

示例1-2在CSS文件中定义UI控件的样式

/*controlStyle.css */.scene{-fx-font: 14pt "Cambria Bold";-fx-color: #e79423;-fx-background: #67644e;
}.button{-fx-text-fill: #006464;-fx-background-color: #e79423;-fx-border-radius: 20;-fx-background-radius: 20;-fx-padding: 5;
}

您可以通过类的getStylesheets方法在应用程序中启用样式Scene，如例1-3所示。

示例1-3应用CSS

Scene scene = new Scene();
scene.getStylesheets().add("uicontrolssample/controlStyle.css");

此外，您可以使用该setStyle方法直接在应用程序的代码中定义控件的样式。-fx-base为示例1-4中的切换按钮定义的属性将覆盖.css文件中为添加到场景的所有控件定义的相应属性。

示例1-4在JavaFX应用程序中定义切换按钮的样式

ToggleButton tb3 = new ToggleButton ("I don't know");
tb3.setStyle("-fx-base: #ed1c24;");

图1-4显示了样式化切换按钮在添加到应用程序时的外观。

图1-4将CSS样式应用于切换按钮

图1-5饼图

与其他Java客户端工具包不同，使用JavaFX SDK，您可以通过添加几行代码在应用程序中构建这样的图表。您还可以定义各种颜色方案和样式，应用视觉效果，处理鼠标事件以及创建动画。

有关图表功能的更多信息，请参阅使用JavaFX图表。