JavaFX

最新推荐文章于 2024-07-13 12:24:02 发布
最新推荐文章于 2024-07-13 12:24:02 发布
阅读量3k 收藏 28
点赞数 6
分类专栏： S1 文章标签： 数据库 java 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_73036273/article/details/128010421
版权

简介：JavaFX是继awt和swing之后新出来的图形界面设计，全方面胜过它们。

一、步骤

1.开发环境，JDK（1.8以上）

2.数据库随便来一个就行（写系统需要，如果只是单纯的玩布局就不需要），建议mysql、sqlserver、oracle等，但是一定要记得导驱动jar包，会maven的朋友也可以使用maven

3.dao分层（一般有四个包）

        3.1.application(启动包)

        3.2.entity(实体包)

        3.3.dao(dao包)

        3.4.utils(jdbc帮助类以及一些公共用到的方法的类等等存放的帮助包)

4.先继承我们的Application（javafx的启动类，切记不要导错包）

5.然后重写我们的Application的唯一一个抽象方法public void start（Stage primaryStage）;

6.写出main方法程序入口，在方法体中写入Application.launch(args);

注意：args可以不写进去，也可以直接launch();当然继承了也可以用我们自己的类名.launch();这些都是可以的

7.然后在start方法中写出primaryStage.show();如果没写这一步，就不会有任何的反应，很多人都会觉得自己代码写错了，其实是这步没写。这是最重要的！

8.首先是Stage（舞台）里面一定要放入Scene（场景），Scene（场景）里面一定要放入Pane（布局），Pane里不一定要放入Node（节点或控件），只要完成Stage<--Scene<--Pane，

代码：
 

Pane pane=new Pane();-----绝对布局

Scene scene=new Scene(pane,900,900);---new一个场景对象

primaryStage.setScene(scene);---设置场景

 

恭喜你，这三步完成那你就完成了一个窗口了！

 

二、布局（Pane）

通用常见的方法：

       

2.1流式布局（FlowPane）

Button login=new Button("登录");
Button exit=new Button("退出");
FlowPane fp=new FlowPane();
//fp.getChildren().add(login);
//fp.getChildren().addAll(login,exit);

这就是流式布局的一个基本用法，getChildren()方法是Pane给予子类的一个拿到ObservableList<Node>的一个集合，既然是集合就能add进去。但是流式布局会随着舞台大小的宽度布局，若一行排不下，则会自动换行继续排版，所以这里非常不方便，需要设置合适的舞台宽度并且不允许用户拖拽舞台的大小，需要这个方法：

primaryStage.setResizble(false);

流式布局的排版默认居左上角，顺序与add时的顺序有关

2.2边框布局(BorderPane)

该布局非常特殊，只有上（Top）、下（Bottom）、左（Left）、右（Right）、中（Center）个区域，并且每个区域只能放一个东西，这里我们想利用边框布局完成高难度的窗口就需要用到布局的嵌套了：

BorderPane bp=new BorderPane();
//上：下拉框和查询文本框和查询按钮
ComboBox cb=new ComboBox();
TextField selecttf=new TextField();
Button select=new Button("查询");
HBox h=new HBox(20,cb);
h.getChildren().addAll(selecttf,select);
h.setAlignment(Pos.CENTER);
h.setPadding(new Insets(20,0,20,0));
bp.setTop(h);

这里一般都是用这种形式加入到边框布局的上方，其他方位同理

2.3垂直布局（VBox）

VBox v=new VBox();
Button b=new Button("hello world");
Button a=new Button("hi");
v.getChildren().addAll(a,b);
v.setSpacing(20);

垂直布局顾名思义是垂直排列的，所以不管你怎么使用都是竖着的，Spacing就是设置间隙的意思

2.4水平布局（HBox）

HBox h=new HBox();

与垂直布局同理，不管放多少都是水平排列方式横着的，也有Spacing这个方法

2.5网格布局（GridPane）

GridPane gp=new GridPane();
Button b1=new Button("芜湖");
Button b2=new Button("嗨嗨");
gp.addRow(0,b1,b2);//row(第几行),Node...（一行放多个控件，排列顺序与你写的顺序一致）
gp.add(b1,0,0);//Node（控件）,column（第几列）,row（第几行）
gp.add(b2,1,0);

至于这个网格布局其实就是几列几行来的，addRow是一行一行增加，更加便捷，当然也有不好的地方。比如我们注册的时候，性别：男 女，这里可以看出，有三列，若我们上面都是两列，这里有三列就说不过去了，这时候会出现严重的布局排列很丑的现象，那么我们需要利用布局嵌套，像这样：

GridPane gp=new GridPane();
Label sex=new Label("性别：");
RadioButton man=new RadioButton("男");
RadioButton woman=new RadioButton("女");
ToggleGroup g=new ToggleGroup();
man.setToggleGroup(g);
woman.setToggleGroup(g);
HBox h=new HBox(15,man,woman);
gp.addrow(0,sex,h);

这样就可以解决问题了

2.6表格视图（TableView）

在我看来表格其实是对初学者最好的选择，它既不麻烦而且自身的默认属性对初学者很友好，我对于表格视图非常热衷，所以有了以下几点研究

（1）编辑事件：（Edit）

Tableview.setEidable(true);这样只是给整个表格设置了可编辑，但是并没有编辑时提供的东西，于是表格列中的setCellFactory这个方法就有了作用;

代码视图：

d2b7a30a7c5244718e3b06b8b49d392b.png

 

 

效果图：

8d288e598d1548c8b9ce5a6c1325dfcb.png

 

 

正如大家看到的，双击单元格就可以编辑，setOnEditCommit也是对应的一个编辑事件处理，回车就会自动调用编辑事件处理的。这还不是最厉害的，其实表格编辑时不止能放文本框进行编辑，也可以放比如下拉框等，感兴趣的可以去试试，这里我就只演示下拉框

代码：

22a2bb29f35249f5b1c4ae3070145ceb.png

 

 

效果图：

a074c1df7da947fcbf747ae6814e2828.png

 

 

可以看到编辑时，出现了下拉框

那对于要回车才能完成编辑，我还是不满足，于是有了只要失焦就可以完成编辑

代码：（继承TableCell并重写其方法，和给了它一个文本框）

3ecf4a8d4f6441f4a6ab8308318a9dd4.png

9fde0c68749f4eec89ed00b816645505.png

 

 

这份代码还不够，还要在对应的列实现下面的代码才具有该功能！

02bfc8ec6f144fec8bcb4cecb3a95f8e.png

 

 

这个Editingcell只是我写的那个类而已

编辑事件就此结束

其实对于setCellValueFactory这个方法，我的看法就是对于实体类的属性，通过new PropertyValueFactory("实体类的成员属性名")的流文件形式读取对应实体类属性的get属性的方法，所以我在其他列中想加什么加什么；

看代码：

cd05e5b8035740dbbfa87d030195d7e6.png

 

 

我们第一步先在对应泛型的实体类中写出我们需要的控件

再公开setget方法

第二步绑值

3df615110cc0465792797ed62f98e482.png

 

 

来看效果图

629b4362116d461b92610e10ac6c4e95.png

 

 

所以啊，表格视图真的挺好用，这里要提一点，放进去了，但是如果想要它有效果，需要在实体类的get方法中写点击事件

 

（3）.之前说表格视图默认的非常友好，具体有排序，自带的滑动面板等，但是默认的能拖拽表格的列，还能拖拽宽高也就，

别担心，以下代码可以帮到你

7a28e34a5e7b4021be336765d63e6a89.png

 

 

这样你的表格只要设置妥当，那就是完美的啦

2.7锚布局（AnchorPane）

AnchorPane an=new AnchorPane();
Button b1=new Button("按我");
Button b2=new Button("点我");
an.getChildren().addAll(b1,b2);
//这里一定要将第二个参数写成浮点型，否则会报错！
an.setBottomAnchor(b1,20.0);//距离最底下多少像素
an.setLeftAnchor(b2, 30.0);//距离最左边多少像素
an.setTopAnchor(b1, 10.8);//距离最上方多少像素
an.setRightAnchor(b2, 15.5);//距离最右边多少像素

就是很方便，只要坐标和位置设置正确，随便想放哪放哪。写完会报黄色警告，若不想的话，请将an写成AnchorPane，因为这些方法是静态的，我用对象点了。也可以去设置为不警告，还可以抑制这个警告用@SuppressWarnings("static-access")

但是还有更方便的：

b1.setLayoutX(20);
b1.setLayoutY(20);

这个就很简单，设置X和Y轴的坐标位置，非常清晰让人简单理解

三、节点/控件（Node）

3.1文本框（TextField）

TextField tf=new TextField();
tf.setPromptText("提示文本");

这个方法则是这种效果，并不是实打实的文字

1f7dd02e74a4487a8a0310fdecccaac9.png

这种一点击就会消失，可以提高用户体验感和我们程序员写代码的便捷

 

3.2密码框（PasswordField）

PasswordField pf=new PasswordField();
TextField pf2=new PasswordField();//里氏替换原则

很好，这里我们可以清晰的看出PasswordField extends TextField对吧

所以文本框有的方法，密码框肯定也有，可能有些被重写了，但是基本都是一样的

注意：写的时候可要分清了，否则写成第二种，它是不会报错的，但是会将文本框变成密码框，就会很难受，这种错误最难找了。希望你不要犯这种错误！

3.3按钮（Button）

Button b=new Button("嗨嗨");

顾名思义就是一个按钮的意思，对应的构造函数和setText(String str)方法都是给按钮设置名称的

那么就有点击事件：

b.setOnAction(e->{//点击事件
System.out.println("你点击了我");
});

这里我们使用的是一种写法，叫lambda写法，若你的写不出来，那就是jdk不支持该写法，要换jdk环境啦朋友。当然也有很多种写法，但我最推荐这种写法。 

按钮还有很多样式设置，当然这些和我们的JavaFX-CSS相关。建议看看CSS让你的FX更充实

ImageView imageview=new ImageView(new Image("路径",20,20,true,true));
Button button=new Button("",imageview);
button.setStyle("-fx-cursor:hand;");

以上的代码可以形成图片按钮，下面设置的鼠标样式，进入时变成手形状。

3.4标签（Label）

Label welcome=new Label("欢迎");

这个控件只是用来放置文字的……

3.5文本（Text）

Text t1 = TextBuilder.create().text("欢迎使用学生管理系统").font(Font.font("KaiTi", 55)).build();
t1.setFill(new LinearGradient(0, 0, 1, 2, true, CycleMethod.REPEAT, new Stop(0.5f, Color.RED)));
		t1.setStrokeWidth(1);
		t1.setStroke(Color.GREY);

这个其实已经被弃用了，但是我觉得蛮好用的就放在这里了，有需要直接copy即可。

下面也就是设置文本的颜色，可以设置渐变色和嵌套色。

3.6下拉框（ComboBox与ChoiceBox）

ComboBox<Object> cb=new ComboBox<>();
ChoiceBox<Object>cb2=new ChoiceBox<>();
cb.getItems().addAll("编号","名称");//给下拉框添加选项
cb.setValue(cb.getItems().get(0));//设置默认值
cb.setPromptText("请选择");//设置提示文本

这两个我觉得最大的区别就是，ComboBox可以设置提示文本，但是效果和默认值好像。想了解更多可以去搜一下。

若你要取到用户选择的哪个选项可以用getValue();来获得

3.7复选框（CheckBox）

CheckBox c1=new CheckBox("打篮球");
CheckBox c2=new CheckBox("睡觉");

复选框就是能选择多个的按钮，可以用boolean f=isselected();来判断该复选框是否被选中。

3.8单选按钮（RadioButton）

RadioButton man=new RadioButton("男");
RadioButton woman=new RadioButton("女");
ToggleGroup g=new ToggleGroup();
//设置为同一组，实现单选功能
man.setToggleGroup(g);
woman.setToggleGroup(g);

单选按钮也是通过Boolean f=man.isselected();来判断哪个按钮被选中，为了防止用户不选出现空值，可以用man.setSelected(true);来设置默认选中男

3.9图片与图片视图（Image与ImageView)

String URL="图片路径";
Image image=new Image(URL,20,20,true,true);
ImageView imageview=new ImageView(image);

图片是用来创建一个图片容器的，而图片视图时用来展示图片的，后面的true是等比例缩放，就不会被你设置的图片宽高影响。

 

 

 

 

帅哥01
关注
  • 6
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
javafx多线程实现界面实时刷新
05-06
JavaFX是一种用于构建桌面、移动和嵌入式设备上的富客户端应用程序的现代Java GUI框架。在JavaFX中，处理耗时任务时，如大量数据计算或网络通信，如果不使用多线程，可能会导致用户界面（UI）冻结，用户体验下降。...
javaFX安装及使用
热门推荐
西凉的悲伤博客
08-19 3万+
Jdk 从 1.8 开始 jdk 自带 JavaFX，到 Jdk 11 开始 jdk 不再内置 JavaFX，所以如果你使用的是高版本的 jdk 在使用 javaFX 的时候就需要先安装 javaFX，并在 idea 里进行配置。本文主要是对高版本 jdk 安装配置 javaFX 进行讲解，在本文开始前，你的电脑安装的 jdk 版本应该大于等于 17。如果你还没安装 jdk17 ，可以参考jdk17安装，多版本jdk安装切换安装如果你对 javaFX ，感兴趣可以访问javaFX 官网首页。
JavaFX基本介绍
qq_25993625的博客
05-21 1万+
JavaFX基本介绍 JavaFX基本介绍 JavaFX是用于构建富互联网应用程序的Java库。 使用此库编写的应用程序可以跨多个平台一致运行。 使用JavaFX开发的应用程序可以在各种设备上运行，如台式计算机，手机，电视，平板电脑等。 要使用Java编程语言开发GUI应用程序，程序员依赖于诸如高级窗口工具包(AWT)和Swings之类的库。 在JavaFX出现之后，这些Java程序开发就可以有效地利用丰富的类库来开发GUI应用程序。 代码介绍 public class Main extends Appli
JavaFX 基础知识（一）
最新发布
龙哥盟
07-13 897
正如其标题（JavaFX 8 Essentials）所暗示的，本书是一本实用的书，为您提供了一套强大的基本技能，将指导您自信地快速构建高性能的 JavaFX 8 客户端应用程序。这些应用程序利用现代 GPU 通过硬件加速图形，同时为您的客户提供引人注目、复杂和花哨的富客户端 GUI，这将给他们留下深刻的印象。学习 JavaFX 8 基础知识是跳入创建应用程序的第一步，最重要的是它可以在任何平台上运行，从桌面、Web、移动设备、平板电脑到 Arduino、Raspberry Pi 和多核开发等嵌入式设备。
全面详细的JavaFX国语核心教程（持续更新）
有术无道止于术，有道无术尚有可为。
03-14 2万+
前置条件（必须）电脑内有版本大于等于11（建议使用11或17长期支持版本）的jdk环境变量JAVA_HOME设置的的jdk版本也要大于等于11通过Maven原型创建项目：如果在第四步中找不到对应原型需要手动添加：接下来输入自己的项目信息：编辑，如果使用FXML就使用，否则就使用。之后再添加一个属性指定JavaFX的版本：点击完成即可创建，创建后的项目结构如下：pom文件如下:
Windows Java JavaFX IntelliJ IDEA 开发环境搭建 创建工程 编译运行 打包分发 自定义运行时
mrathena
04-23 7170
JavaFX 主要致力于富客户端开发，以弥补 swing 的缺陷，主要提供图形库与 media 库，支持 audio,video,graphics,animation,3D 等，同时采用现代化的 css 方式支持界面设计。从那之后，JavaFX 要求使用 Java 模块化系统来运行 JavaFX。跟 java 在服务器端和 web 端成绩相比，桌面一直是 java 的软肋，于是 Sun 公司在 2008 年推出 JavaFX，弥补桌面软件的缺陷，请看下图 JavaFX 一路走过来的改进。
JavaFX是什么
m0_57236802的博客
09-21 2340
JavaFX 是一个用于创建富客户端应用程序的软件平台。它是 Java 的一部分，用于替代旧的 Java GUI 工具包，如 AWT（Abstract Window Toolkit）和 Swing。JavaFX 提供了一组丰富的图形和媒体 API，并且设计为支持现代 Web 样式的用户界面设计。
javaFX Demo 模板案例
01-25
JavaFX 是一个用于构建桌面、移动和嵌入式设备上富客户端应用的开源图形用户界面（GUI）工具包。它是Java平台的一部分，提供了一系列高级特性，包括2D和3D图形处理、媒体支持、CSS样式以及强大的数据绑定机制。本...
javafx使用指南-目录版.pdf
05-26
JavaFX 使用指南 JavaFX 是一个基于 Java 语言的软件平台，用于开发桌面应用程序、移动应用程序和网络应用程序。它提供了一个统一的编程模型，可以跨平台运行，具有高清晰度的图形用户界面和多媒体支持。 JavaFX ...
JavaFX 基础
06-08
JavaFX是开发Java GUI程序的新框架,取代了Swing和AWT, 用于开发富英特网应用 AWT可以开发简单的用户界面,但不适合开发综合的GUI项 目,AWT容易被特定的平台错误影响  Swing组件使用Java代码在画布上直接绘制,更少...
JavaFX + MySql 实现学生信息管理系统
02-16
JavaFX和MySQL是两个在软件开发中常用的工具，它们结合可以构建功能强大的应用程序，特别是用于创建用户界面和管理数据库的数据驱动应用。在这个“学生信息管理系统”中，JavaFX作为前端框架，提供了丰富的图形用户...
JavaFX介绍
一起coding，一起嗨。
09-10 1631
你可以在 start() 方法中创建一个 Stage 实例，并设置它的属性，如标题、尺寸和图标等。在 start() 方法中，你可以初始化应用程序的界面和其他组件，并定义应用程序的行为。这只是对 JavaFX、Application、Stage 和 Scene 的简要介绍，这些概念在 JavaFX 开发中非常基础和重要。它提供了一组丰富的图形和多媒体类库，以及用于构建用户界面的各种控件、布局和效果。JavaFX 是 Java 平台上的一个丰富的 GUI 库，用于创建富客户端应用程序。
JavaFx教程_编程入门自学教程_菜鸟教程-免费教程分享
IT搬运工
06-28 3151
JavaFX 是一个 Java 库，用于开发桌面应用程序以及富 Internet 应用程序 (RIA)。在 JavaFX 中构建的应用程序可以在多个平台上运行，包括 Web、移动和桌面。JavaFX 旨在取代 Java 应用程序中的 swing 作为 GUI 框架。但是，它提供了比摆动更多的功能。与 Swing 一样，JavaFX 也提供自己的组件并且不依赖于操作系统。它是轻量级和硬件加速的。它支持各种操作系统，包括 Windows、Linux 和 Mac OS。JavaFX入门教程。
javafx基础总结
2301_76662406的博客
10-10 943
javaFX是用于构建富Internet应用程序的Java库。JavaFX提供了一种声明式的用户界面描述语言FXML，可以将界面和逻辑代码分离，提高了代码的可读性和可维护性。它还支持CSS样式表，使得界面的外观和风格可以轻松定制。JavaFX提供了丰富的图形和媒体API，并通过硬件加速图形利用现代Graphical Processing Unit。JavaFX还提供了接口，开发人员可以使用这些接口组合图形动画和UI控件。使用此库编写的应用程序可以跨多个平台一致地运行。
JavaFx 入门教程
wsyhok的博客
06-04 1952
在 JavaFX 中，有许多常用的 UI 控件可以用来构建界面，例如按钮、标签、文本框、列表框等。在这一部分，我们将学习如何使用这些基本 UI 控件，并了解它们的常用属性和方法。可以看到，在不使用布局管理器的情况下，我们的程序控件布局是非常不美观的，所有的控件基本都撑满了页面。没有任何居中效果。JavaFX 提供了多种布局管理器，如 Pane、 VBox、HBox、BorderPane 等，用于实现不同的界面布局。
【JavaFX-1】JavaFX概述
xiaokp7的博客
09-13 1046
JavaFX是用于构建富互联网应用程序的Java库。使用此库编写的应用程序可以跨多个平台运行。使用JavaFX开发的应用程序可以在各种设备上运行，如台式计算机、手机、电视、平台电脑等。JavaFX提供了一组丰富的图形和媒体API，并通过硬件加速图形利用现代图形处理单元。JavaFX还提供了接口，开发人员可以使用他们组合图形动画和UI控件。
JavaFX几种典型的布局策略
weiweiqiao的专栏
10-05 1783
为了构造我们所需要的程序界面，我们会使用JavaFX提供的丰富的控件来实现这一目标。但是如何摆放这些控件的位置是一个重要的问题，JavaFX提供了一种特殊的控件，即面板Pane来解决这个问题，不同类型的面板采取不同的布局策略。我们可以根据实际的需要来选择不同的面板，从而构造出我们所需要的界面。下面就介绍几种常用的面板。
超详细的JavaFX项目的创建、构建、打包教程
GeekKid的博客
03-15 1万+
最近写了一些JavaFX的程序，并将它们打包，过程中看了不少网上的博客与教程。对于开发经验不多的我来说，解决一个个问题无疑是一个很大的挑战，所幸最后在自己的努力和他人的帮助下完成了整个过程。鉴于JavaFX并非十分流行，如今网络上教程时效性也有很大问题，我写了这样一篇博客，来为准备使用JavaFX来开发程序的朋友们提供一些帮助。
利用Java FX实现（功能、布局等）
无法自律的人的博客
06-13 1307
JavaFX是一种基于Java平台的富客户端应用程序开发框架，它可以帮助开发人员构建交互式的图形用户界面（GUI），并能够在不同的操作系统上运行。JavaFX提供了一种现代，高效且易于使用的方法来开发各种类型的应用程序，包括Web应用程序、移动应用程序和桌面应用程序。JavaFX基于Java语言和面向对象编程，支持多线程编程和事件驱动编程模型。JavaFX提供了许多强大的图形和多媒体功能，如图形绘制、图像处理、动画制作、音频和视频播放等。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值