JavaFX之Scene Builder详细使用说明之设置篇（1）——文档Document

最新推荐文章于 2024-09-06 23:07:58 发布
最新推荐文章于 2024-09-06 23:07:58 发布
阅读量5.1k 收藏 34
点赞数 11
分类专栏： JavaFX 文章标签： Java JavaFX Scene Builder
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cnds123321/article/details/104536472
版权

目录

Document窗口预览

Hierarchy面板

Controller面板

其他

Info

fx:id

Node Id

 

Document窗口预览

Document窗口主要是FXML中各组件的结构显示和控制器类的配置。

 

Hierarchy面板

在这个Hierarchy面板中显示的是各个控件的结构关系，以树形显示各个容器与控件的关系。

img

 

Controller面板

在Controller面板下的“Controller class”配置对应的控制器类。

而User fx:root construct复选框一般是在自定义组件时使用，勾选后FXML文件的内容变成如下：

fx:root为您的FXML文件指定一个“动态根”；这意味着FXML文件的根是在加载文件之前在加载器上设置的对象。这通常用于自定义控件，在该控件中您希望控件是其子类Node，可以使用常规Java代码实例化该控件，但希望使用FXML定义其布局。

而"Assigned fx:id"是显示那些设置了ID的控件，“fx:id”列表示的是该控件的id，而Component表示该控件的类型，如这里就是Button按钮控件。

 

其他

可以切换显示Hierarchy。

Info

但选中“Info”时，树形图显示的控件的Text值信息。

fx:id

"fx:id"显示的控件自定义的id，在Code面板下进行设置。

Node Id

"Node Id"显示的是Properties面板下的JavaFX CSS的Id。

 

可搜索微信公众号【Java实例程序】或者扫描下方二维码关注公众号获取更多。

 

 

二木成林
关注
专栏目录
JavaFx and SceneBuilder (Mac 版)编程入门---从安装到实现
爱看书的昌 的博客
12-05 8150
说在前面首先，说一说我和JavaFx and SceneBuilder的一段缘分。在2016年Java实训的时候，当时刚过完大一，刚学会Java，过完暑假我们就迎来了JavaFx可视化编程实训，当时我们实训老师让我们用JavaFx的可视化编程工具SceneBuilder完成本次实训，因为SceneBuilder 是刚出不久的技术，网上可查的资料太少，只能全靠自己摸索了，摸索的结果是表面上用Scene
JavaFX 的 gui设计器 Scene Builder 安装配置到Idea和Eclipse中实现快速开发
♡ 脚下的每一步都叫远方 ♡
02-02 1671
文章目录EclipseIDEA Eclipse 首先下载并安装好新版的 JavaFX 和 SceneBuilder, JavaFX SceneBuilder Eclipse 中 搜索 Marketplace, 安装好插件 E(fx)clipse 安装完成成, 在设置里配置好路径 现在开始新建一个 JavaFX项目 右键包名,新建 Other 选择 New FXML Document, 然...
Java界面设计工具SceneBuilder8.5.0版
08-12
Java界面设计是Java的弱项。Oracle公司收购Sun的Java后，发行过一个SceneBuilder 2.0版本，此版本容易闪退且操作不够方便。现为大家推荐GLuon公司的JavaFX Scene Builder 8.5.0，此软件很稳定且更易使用，例如较Oracle的2.0版增加了控件对齐功能。目前，Oracle公司没有新的升级和更新。
SceneBuilder中文版：JavaFX开发的利器
最新发布
gitblog_09796的博客
09-06 533
SceneBuilder中文版：JavaFX开发的利器 项目地址:https://gitcode.com/open-source-toolkit/03d9b 项目介绍 SceneBuilder是一款专为JavaFX应用程序开发的图形化布局工具，旨在帮助开发者快速设计和构建用户界面。通过直观的拖放操作，开发者可以轻松地将各种UI组件放置在设计面板上，并实时预览效果。SceneBuilder中文版在此...
SceneBuilder-11.0.0.pkg
09-11
SceneBuilder-11.0.0.pkg，mac系统的javascenebuilder图形界面工具
【JavaFx教程】第一部分：Scene Builder
热门推荐
09-27 2万+
第一部分的主题 开始了解 JavaFX 。 创建并运行一个 JavaFX 项目。 使用 Scene Builder 来设计用户界面。 使用 模型 - 视图 - 控制器（MVC）模式 构造基础的应用。 你需要准备 最新的 Java JDK 8 （包含 JavaFX 8）。 Eclipse 4.3 或更高版本与 e(fx)clipse 插件。最简单的方法是从 e(fx)clipse 网...
java scene builder_JavaFX Scene Builder
weixin_42366752的博客
03-06 314
JavaFX 使用 FXML 创建界面。结合 Scene Builder 可以让UI和后台实现分离，从而简化开发。官方教程image安装和配置 Scene Builder下载安装甲骨文网站上的 Scene Builder ，最高版本到 2.0，8.5 / 11.0可以在 Gluon 的网站上下载。这里用的是8.0。配置到IDEAimage之后就可以在右键菜单中直接打开imageScene Buil...
Using JavaFX Scene Builder with Java IDEs.pdf
11-27
This document gives information about how to use JavaFX Scene Builder with the NetBeans, Eclipse, or IntelliJ IDEs.
Getting Started with JavaFX Scene Builder.pdf
11-27
This document gives an overview of the JavaFX Scene Builder development tool and steps you through the creation of the GUI layout used in a simple JavaFX issue-tracking sample application.
fxml设置背景_JavaFX学习笔记（最全，最详细）
weixin_39564386的博客
12-31 1978
文章目录Java: JavaFX桌面GUI开发1、基本概念2、最小框架代码3、控件布局4，初步认识stage窗口5，stage窗口模式(StageStyle)6，screen类的使用7，Group容器的使用8，Button按钮以及简单介绍设置背景颜色和外边框等问题9，JavaFX布局(pane)(1). Pane(2). BorderPane(3). HBox(4). VBox(5) FlowPa...
sceneBuilder
04-08
打开fxml的工具，打开fxml的工具，，打开fxml的工具，打开fxml的工具，打开fxml的工具，打开fxml的工具
SceneBuilder-8.2.0
06-27
SceneBuilder-8.2.0
SceneBuilder-8.3.0
03-15
javafx SceneBuilder拖拽模块生成代码
JavaFX Scene Builder 2.0
11-27
适用平台：Windows 32/64 bit 软件格式：.msi JavaFX Scene Builder提供一个可视化布局环境，允许你为JavaFX程序快速设计用户界面而无需写任何代码。它允许在JavaFX场景上简单的为用户界面拖拽布局。
JavaFX之Scene Builder的使用（开发一款GUI小工具原来这么简单）
VIBE的博客
11-18 1万+
首先声明一下，Java的强项并不在GUI上，现在是web的天下，博主发此篇文章仅是个人兴趣，如果您是学Java开发的，业余想做GUI小工具，可以选择使用JavaFX。如果需要开发企业级应用，推荐还是用qt或者wpf那些，用Electron也是很好的选择。下面随意做个栗子：1.随便拉一个button控件到白色区域2.然后可以在右边的properties属性栏更改这个按钮的样式，外观等等，例如我这里随便改了个hehe。
JavaFX之Scene Builder详细使用说明之组件篇（1）——容器组件
二木成林
03-18 1万+
目录 容器组件预览 Accordion Accordion（empty） AnchorPane BorderPane FlowPane GridPane HBox Pane ScrollPane ScrollPane（empty） SplitPane（empty） SplitPane（horizontal） SplitPane（vertical） StackPane ...
JavaFX之Scene Builder详细使用说明之设置篇（3）——布局Layout
二木成林
03-20 1万+
目录 Layout窗口预览 Anchor Pane Constraints面板 Internal面板 Padding Size面板 Position面板 LayoutX LayoutY Transforms面板 Rotate Rotation Axis Scale X Scale Y Scale Z Translate X Translate Y Translat...
java scene builder_【JavaFx教程】第一部分：Scene Builder
weixin_36111194的博客
02-19 1406
第一部分的主题开始了解 JavaFX 。创建并运行一个 JavaFX 项目。使用 Scene Builder 来设计用户界面。使用 模型 - 视图 - 控制器(MVC)模式 构造基础的应用。你需要准备最新的Java JDK 8(包含JavaFX 8)。Eclipse 4.3 或更高版本与 e(fx)clipse 插件。最简单的方法是从e(fx)clipse 网站下载预先配置的发行版本。作...
javafx之scene builder详细使用说明
06-28
### 回答1： JavaFX Scene Builder 是一个可视化布局工具，它可以帮助开发者快速创建 JavaFX 应用程序的用户界面。下面是 Scene Builder 的详细使用说明： 1. 安装 Scene Builder 首先需要下载并安装 Scene Builder。可以从 Oracle 官网下载 Scene Builder 的安装程序，也可以从其他可靠的网站下载。 2. 创建新项目 在 Scene Builder 中创建新项目，可以选择使用 FXML 文件或者使用 Java 代码创建用户界面。 3. 添加控件 在 Scene Builder 中添加控件，可以从左侧的控件库中选择需要的控件，然后 ### 回答2： JavaFX是一种使用Java语言编写的跨平台图形用户界面(GUI)工具包。JavaFX通过提供丰富的视觉效果和交互式控件，使得应用程序的开发更加容易和快捷。Scene Builder是JavaFX的可视化布局工具，它允许您通过拖放和组合UI组件来构建应用程序界面。 本文将详细介绍Scene Builder的使用说明。 安装Scene Builder 首先，您需要下载并安装Scene Builder。您可以在Oracle的官方网站上下载Scene Builder软件。Scene Builder是一个独立的应用程序，它不需要与其他JavaFX开发工具一起安装。 创建一个新项目 在开始使用Scene Builder之前，您需要创建一个新的JavaFX项目。在Eclipse或NetBeans中创建一个新的JavaFX项目，或使用JavaFX Maven插件创建一个新的JavaFX项目。 启动Scene Builder 一旦您创建了一个新的JavaFX项目，您需要启动Scene Builder来创建应用程序的用户界面。要启动Scene Builder，您可以在Eclipse或NetBeans的工具栏中单击"Launch Scene Builder"按钮，或者在终端中输入Scene Builder的命令来启动它。 创建用户界面 Scene Builder界面由两个主要部分组成："Hierarchy"窗格和"Preview"窗格。在"Hierarchy"窗格中，您可以使用"Layout"部分中的不同组件将UI元素添加到您的项目中。在"Preview"窗格中，您可以查看您的UI元素的实际外观。 例如，您可以在"Hierarchy"窗格中选择一个"Text"组件，然后将它拖放到"Preview"窗格中。然后，您可以使用属性编辑器来更改文本组件的属性，例如文本内容、字体、颜色等。 场景树模型 Scene Builder使用一种称为"场景树模型"的结构，该模型允许您在UI组件上以层次结构的形式组织UI元素。每个父元素从下面嵌套一个或多个子元素。场景树模型允许您在一个UI组件上放置其他UI组件，从而创造出一个复杂的界面。 样式表 Scene Builder还支持使用CSS样式表来为UI组件应用样式。您可以在Scene Builder中为每个UI组件设置CSS类，并在应用程序的CSS样式表中为这些类定义样式。 发布应用程序 一旦您在Scene Builder中创建了您的用户界面，您就可以将其导出为FXML文件，并将FXML文件包含在您的JavaFX项目中。您可以使用FXMLLoader在您的应用程序中加载FXML文件来创建应用程序的用户界面。 总结 Scene Builder是JavaFX应用程序开发中的一项强大工具，它提供了一个直观的可视化界面来创建和布局UI组件。Scene Builder界面由"Hierarchy"窗格和"Preview"窗格组成，支持场景树模型和CSS样式表。Scene Builder允许开发人员通过拖放UI元素来快速构建丰富而精美的应用程序界面。 ### 回答3： Scene Builder 是一种用于构建用户界面的可视化布局工具，针对 JavaFX 应用程序而设计。它能够让开发者更快、更轻松地创建可实现的用户界面，而无需编写行代码。在本文中，我们将提供有关使用 Scene Builder 的详细说明。 使用 Scene Builder 之前需要安装 JavaFX SDK，因为 Scene Builder 仅用于创建用户界面；它不包含运行时库。因此，建议使用 IntelliJ IDEA 或者其他具有 JavaFX 构建支持的 IDE。 Scene Builder 也可以在 Oracle 的官方网站上下载和安装。此外，一些 IDE 团队还将 Scene Builder 添加到其工具中。安装 Scene Builder 后，您可以打开本地拖放.fxml 文件并开始使用它。 在打开 Scene Builder 后，您将看到一个空白的画布。您可以通过单击“左侧”UI 控件列表或使用搜索栏来查找和选择要添加到画布中的控件或布局。您可以调整属性栏中的值，例如宽度、高度或其他属性。此外，您可以使用样式编辑器更改控件的外观。 Scene Builder 还可以帮助您添加事件处理程序和绑定属性。您可以在“代码”选项卡下添加事件处理程序，例如按下按钮时启动的操作。对于绑定属性，您可以使用“属性”选项卡并选择要绑定的属性。绑定属性可以使控件之间的交互更加动态。 创建 Scene 后，您需要将它与 JavaFX 应用程序的代码进行协调。在 IntelliJ IDEA 中，您可以单击“运行”按钮并在默认模式下运行您的应用程序。Scene Builder 会自动生成.fxml 文件和一个控制器类。 总之，Scene Builder 是一个有效的可视化布局工具，可帮助您更轻松、更快速地创建 JavaFX 用户界面。该网络应用程序工具可以使开发者将精力集中在实现业务逻辑和设计应用程序，而不需要费太多时间编写代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值