javaFx 部分代码

### JavaFX绘图示例详解 #### 一、概述 本篇内容主要解析一份与JavaFX相关的代码示例，这份代码来源于电子工业出版社的一本书籍，该书籍详细介绍了如何使用JavaFX进行图形用户界面(GUI)的开发。JavaFX是一个强大的框架，用于构建富客户端应用程序，特别是桌面应用。此代码示例展示了如何利用JavaFX创建一个简单的绘图程序，用户可以在其中绘制不同的形状，并具有撤销功能以及调整画笔颜色和大小的能力。 #### 二、关键概念与组件 在深入分析代码之前，我们先了解一下JavaFX中几个重要的概念和组件： 1. **`Scene`**: JavaFX中的场景，它是可视节点的容器。 2. **`Group`**: 可视节点的容器类，可以包含多个子节点。 3. **`CustomNode`**: 自定义节点类，允许开发者创建具有自定义行为的节点。 4. **`Rectangle`**: 代表矩形的节点。 5. **`Text`**: 显示文本的节点。 6. **`Path`**: 表示路径的节点，可用于绘制各种形状。 7. **`Circle`**: 圆形节点。 8. **`Line`**: 线条节点。 9. **`Color`**: 颜色类，用于设置填充色或边框颜色等。 10. **`KeyCode`**: 键盘按键码，用于处理键盘事件。 #### 三、代码解析 ##### 1. 导入包 ```java import javafx.scene.*; import javafx.scene.input.KeyCode; import javafx.scene.paint.Color; import javafx.scene.shape.*; import javafx.scene.text.*; import javafx.stage.Stage; ``` 这些导入语句涵盖了JavaFX中用于创建GUI的各种类和接口。 ##### 2. 常量定义 ```java def D = 22; def BG = Color.WHITE; def FG = Color.BLACK; def FONT = 16; ``` 这里定义了一些常量，例如`D`用于确定控件的大小，`BG`和`FG`分别表示背景色和前景色，`FONT`表示字体大小。 ##### 3. 颜色数组定义 ```java def COLORS = [ Color.RED, Color.ORANGE, Color.YELLOW, Color.GREEN, Color.LIGHTBLUE, Color.BLUE, Color.MAGENTA, Color.BLACK ]; ``` 定义了一个颜色数组，包含了多种颜色供用户选择。 ##### 4. 定义Canvas ```java def canvas = Group{}; ``` 定义了一个`Group`类型的变量`canvas`，用于存放所有绘制的元素。 ##### 5. 撤销功能实现 ```java function undo() { def index = sizeof(canvas.content); if (index > 0) { delete canvas.content[index - 1] from canvas.content; } } ``` 这段代码实现了撤销功能，当用户按下`Ctrl + Z`时，会删除`canvas`中的最后一个绘制元素。 ##### 6. 自定义按钮类 ```java class Button extends CustomNode { var content: String; override var blocksMouse = true; override var cursor = Cursor.HAND; ... } ``` 这里定义了一个继承自`CustomNode`的`Button`类，它重写了父类的一些属性，如`blocksMouse`和`cursor`，并实现了`create`方法来创建按钮的视觉效果。 ##### 7. 主舞台 ```java Stage { title: "Draw(JavaFXsample)" scene: Scene { width: 600 height: 400 content: [ Rectangle{ ... }, canvas, for (color in COLORS) Rectangle{ ... }, for (size in [1..5]) Group{ ... } ] } } ``` 定义了一个主舞台(`Stage`)，设置了标题、宽度和高度。舞台中包含了一个大的背景矩形(`Rectangle`)、绘制区域(`canvas`)以及一系列颜色和大小的选择按钮。 ##### 8. 绘制逻辑 在舞台上添加了一个`Rectangle`作为绘图区，并为它添加了鼠标按下和拖动的监听器，当用户点击并拖动鼠标时，会在画布上绘制出线条。 ```java onMousePressed: function (mouse) { path = Path{ ... }; insert path into canvas.content; } onMouseDragged: function (mouse) { insert LineTo{ ... } into path.elements; } ``` 这里使用了`Path`类来绘制线条，通过监听鼠标事件动态更新线条的位置。 #### 四、总结 通过上述代码分析，我们可以看到JavaFX提供了一个强大而灵活的API来创建图形用户界面。本示例代码展示了一个简单的绘图程序的实现，包括了基本的图形绘制、用户交互以及颜色和画笔大小的选择等功能。这对于初学者来说是一个很好的起点，可以在此基础上扩展更多的功能，比如添加更多复杂的图形、支持多选操作等。