- JavaFX 教程
- JavaFX - 首页
- JavaFX - 概述
- JavaFX 安装和架构
- JavaFX - 环境
- JavaFX - 使用 Netbeans 安装
- JavaFX - 使用 Eclipse 安装
- JavaFX - 使用 Visual Studio Code 安装
- JavaFX - 架构
- JavaFX - 应用程序
- JavaFX 2D 形状
- JavaFX - 2D 形状
- JavaFX - 绘制线条
- JavaFX - 绘制矩形
- JavaFX - 绘制圆角矩形
- JavaFX - 绘制圆形
- JavaFX - 绘制椭圆
- JavaFX - 绘制多边形
- JavaFX - 绘制折线
- JavaFX - 绘制三次贝塞尔曲线
- JavaFX - 绘制二次贝塞尔曲线
- JavaFX - 绘制弧线
- JavaFX - 绘制 SVGPath
- JavaFX 2D 对象的属性
- JavaFX - 描边类型属性
- JavaFX - 描边宽度属性
- JavaFX - 描边填充属性
- JavaFX - 描边属性
- JavaFX - 描边连接属性
- JavaFX - 描边斜接限制属性
- JavaFX - 描边端点属性
- JavaFX - 平滑属性
- JavaFX 路径对象
- JavaFX - 路径对象
- JavaFX - LineTo 路径对象
- JavaFX - HLineTo 路径对象
- JavaFX - VLineTo 路径对象
- JavaFX - QuadCurveTo 路径对象
- JavaFX - CubicCurveTo 路径对象
- JavaFX - ArcTo 路径对象
- JavaFX 颜色和纹理
- JavaFX - 颜色
- JavaFX - 线性渐变图案
- JavaFX - 径向渐变图案
- JavaFX 文本
- JavaFX - 文本
- JavaFX 效果
- JavaFX - 效果
- JavaFX - 颜色调整效果
- JavaFX - 颜色输入效果
- JavaFX - 图像输入效果
- JavaFX - 混合效果
- JavaFX - 辉光效果
- JavaFX - 泛光效果
- JavaFX - 方框模糊效果
- JavaFX - 高斯模糊效果
- JavaFX - 运动模糊效果
- JavaFX - 反射效果
- JavaFX - 棕褐色效果
- JavaFX - 阴影效果
- JavaFX - 投影效果
- JavaFX - 内阴影效果
- JavaFX - 照明效果
- JavaFX - Light.Distant 效果
- JavaFX - Light.Spot 效果
- JavaFX - Point.Spot 效果
- JavaFX - 位移映射
- JavaFX - 透视变换
- JavaFX 动画
- JavaFX - 动画
- JavaFX - 旋转转换
- JavaFX - 缩放转换
- JavaFX - 平移转换
- JavaFX - 淡入淡出转换
- JavaFX - 填充转换
- JavaFX - 描边转换
- JavaFX - 顺序转换
- JavaFX - 并行转换
- JavaFX - 暂停转换
- JavaFX - 路径转换
- JavaFX 图像
- JavaFX - 图像
- JavaFX 3D 形状
- JavaFX - 3D 形状
- JavaFX - 创建立方体
- JavaFX - 创建圆柱体
- JavaFX - 创建球体
- 3D 对象的属性
- JavaFX - 剔除面属性
- JavaFX - 绘制模式属性
- JavaFX - 材质属性
- JavaFX 事件处理
- JavaFX - 事件处理
- JavaFX - 使用便捷方法
- JavaFX - 事件过滤器
- JavaFX - 事件处理程序
- JavaFX UI 控件
- JavaFX - UI 控件
- JavaFX - ListView
- JavaFX - Accordion
- JavaFX - ButtonBar
- JavaFX - ChoiceBox
- JavaFX - HTMLEditor
- JavaFX - MenuBar
- JavaFX - Pagination
- JavaFX - ProgressIndicator
- JavaFX - ScrollPane
- JavaFX - Separator
- JavaFX - Slider
- JavaFX - Spinner
- JavaFX - SplitPane
- JavaFX - TableView
- JavaFX - TabPane
- JavaFX - ToolBar
- JavaFX - TreeView
- JavaFX - Label
- JavaFX - CheckBox
- JavaFX - RadioButton
- JavaFX - TextField
- JavaFX - PasswordField
- JavaFX - FileChooser
- JavaFX - Hyperlink
- JavaFX - Tooltip
- JavaFX - Alert
- JavaFX - DatePicker
- JavaFX - TextArea
- JavaFX 图表
- JavaFX - 图表
- JavaFX - 创建饼图
- JavaFX - 创建折线图
- JavaFX - 创建面积图
- JavaFX - 创建条形图
- JavaFX - 创建气泡图
- JavaFX - 创建散点图
- JavaFX - 创建堆积面积图
- JavaFX - 创建堆积条形图
- JavaFX 布局窗格
- JavaFX - 布局窗格
- JavaFX - HBox 布局
- JavaFX - VBox 布局
- JavaFX - BorderPane 布局
- JavaFX - StackPane 布局
- JavaFX - TextFlow 布局
- JavaFX - AnchorPane 布局
- JavaFX - TilePane 布局
- JavaFX - GridPane 布局
- JavaFX - FlowPane 布局
- JavaFX CSS
- JavaFX - CSS
- JavaFX 中的媒体
- JavaFX - 处理媒体
- JavaFX - 播放视频
- JavaFX 有用资源
- JavaFX - 快速指南
- JavaFX - 有用资源
- JavaFX - 讨论
JavaFX - 使用 Visual Studio Code 安装
Microsoft Visual Studio Code 也允许您创建 JavaFX 应用程序。您无需任何额外的插件或安装即可创建非模块化项目。相反,我们只需更新运行配置,就像 Netbeans 和 Eclipse IDE 一样。
在本章中,我们将安装最新版本的 Microsoft Visual Studio Code 以与最新版本的 JavaFX SDK 协同工作。
安装 Visual Studio Code
与 NetBeans 一样,Microsoft VSCode 也提供了对 JavaFX 的内置支持。因此,您可以使用 JavaFX 创建任何应用程序,而无需任何额外的插件。要设置 VSCode 环境,您需要按照以下步骤操作。
步骤 1 - 访问 Visual Studio Code 网站并点击提供的相应下载链接。
名为 VSCodeUserSetup-x64-1.73.1.exe 的文件将开始下载。下载完成后,运行此文件以开始安装。
步骤 2 - 然后,一个新的设置窗口弹出,其中包含许可协议。您可以阅读协议,然后点击“我同意”以开始安装。
步骤 3 - 现在,系统要求您执行一些其他任务,例如为 VSCode 创建桌面快捷方式等。选中您要执行的复选框,然后点击“下一步”。
步骤 4 - 您的 Visual Studio Code 现在已准备好安装。点击“安装”以开始安装。
步骤 5 - 此步骤显示安装过程。这可能需要一段时间才能完成。
步骤 6 - 安装完成后,您可以点击“完成”,如下面的图像所示。
点击“完成”后,应用程序会立即启动。如果您不想立即启动它,则可以在此步骤中取消选中“启动”复选框。
在 Visual Studio Code 中创建 JavaFX 项目
安装 Visual Studio Code 后,您可以按照以下步骤创建 JavaFX 应用程序。
步骤 1 - 转到“帮助 -> 显示所有命令”
步骤 2 - 然后,找到“Java: 创建 Java 项目...”命令并运行它。
步骤 3 - 在此步骤中,点击“无构建工具”命令,如下面的图像所示,因为我们不尝试使用 Maven 和 Gradle 等任何构建工具。
步骤 4 - 现在,输入 Java 项目文件夹名称以存储 JavaFX 应用程序的代码。
步骤 5 - 您必须将 JavaFX 依赖项添加到您的项目中。这是通过简单地导入 JavaFX SDK 的“lib”文件夹中的所有 JAR 文件来完成的,方法是点击“参考库”旁边的“+”符号。
步骤 6 - 选择 JavaFX SDK 的“lib”目录中存在的所有 .jar 文件。
步骤 7 - 如您所见,所有 .jar 文件现在都已导入到参考库中。
步骤 8 - 现在,删除 src 库中预先存在的 App.java 文件以避免运行时错误。
步骤 9 - 创建包含相关代码以在 src 库下执行的文件。例如,我们正在创建一个“hellofx”包并在其中创建了“Main.java”、“hellofx.fxml”和“Controller.java”文件。请查看下面的屏幕截图。
步骤 10 - 在“运行和调试”视图中,点击“创建 launch.json 文件”。
步骤 11 - 创建 launch.json 文件后,将“<Java_lib_path>”更新到系统中 JavaFX SDK 的“lib”路径,然后点击下面图像中突出显示的绿色按钮。这将运行您的 JavaFX 应用程序。
步骤 12 - 一个新窗口弹出,显示样本 JavaFX 应用程序的输出。
注意 - 我们将在后面的章节中学习有关代码的知识。