JavaFX之Scene Builder详细使用说明之组件篇(4)——图表组件

目录

组件预览

AreaChart

BarChart

BubbleChart

LineChart

PieChart

ScatterChart

StackedAreaChart

StackedBarChart


 

组件预览

在Library窗口中的Charts面板下又如下菜单类组件:

图表控件需要使用JavaFX代码填充数据,这里只演示Scene Builder的使用,所以使用Show Sample Data来填充测试数据,不影响使用。

img

各个图表控件说明:

  • AreaChart:面积图。

  • BarChart:柱状图。

  • BubbleChart:气泡图。

  • LineChart:折线图。

  • PieChart:饼图。

  • ScatterChart:散点图。

  • StackedAreaChart:堆积面积图。

  • StackedBarChart:堆积柱状图。

 

AreaChart

面积图。

面积图强调数量随时间而变化的程度,也可用于引起人们对总值趋势的注意。

 

BarChart

条形图。

是一种以长方形的长度为变量的统计图表。长条图用来比较两个或以上的价值(不同时间或者不同条件),只有一个变量,通常利用于较小的数据集分析。

 

BubbleChart

气泡图。

是可用于展示三个变量之间的关系。它与散点图类似,绘制时将一个变量放在横轴,另一个变量放在纵轴,而第三个变量则用气泡的大小来表示。排列在工作表的列中的数据(第一列中列出 x 值,在相邻列中列出相应的 y 值和气泡大小的值)可以绘制在气泡图中。气泡图与散点图相似,不同之处在于:气泡图允许在图表中额外加入一个表示大小的变量进行对比。

 

LineChart

折线图。

折线图是排列在工作表的列或行中的数据可以绘制到折线图中。折线图可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。

 

PieChart

饼图。

饼图显示一个数据系列 (数据系列:在图表中绘制的相关数据点,这些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据系列。饼图只有一个数据系列。)中各项的大小与各项总和的比例。

 

ScatterChart

散点图。

散点图是指在回归分析中,数据点在直角坐标系平面上的分布图,散点图表示因变量随自变量而变化的大致趋势,据此可以选择合适的函数对数据点进行拟合。

用两组数据构成多个坐标点,考察坐标点的分布,判断两变量之间是否存在某种关联或总结坐标点的分布模式。散点图将序列显示为一组点。值由点在图表中的位置表示。类别由图表中的不同标记表示。散点图通常用于比较跨类别的聚合数据。

 

StackedAreaChart

堆积面积图。

 

StackedBarChart

堆积条形图。

img

 

大多数图表都分为两个轴,即CategoryAxis轴和NumberAxis轴,也是X轴和Y轴,一般CategoryAxis轴显示分类目录,而NumberAxis表示的数据。但是如气泡图就是两个NumberAxis轴,都是数据轴。

而且Scene Builder使用图表都是在该FXML界面对图表进行布局及一些常见属性的配置,关于数据的填充都是由JavaFX代码来完成的。

 

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

  • 2
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答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 BuilderJavaFX的可视化布局工具,它允许您通过拖放和组合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 BuilderJavaFX应用程序开发中的一项强大工具,它提供了一个直观的可视化界面来创建和布局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、付费专栏及课程。

余额充值