AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

javaFx 教程 二

2023-05-29 409
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： javaFx 教程

上一篇讲了 javafx的入门，使用SceneBuilder 快速创建一个gui。

这一次讲下一些组件的功能，如画板，按钮，文本框之类的。

javafx的组件很多，本人也只学习了常用的组件，会陆续写几篇教程 用来学习工具开发。

涉及到一些组件 下面的文章都是采用代码来编写，所以需要有基础的功底。

布局类型

打开SceneBuilder  Containers 会看到有很多的单词 每个单词代表一种布局样式

每个单词前面都有个图形，那个图像就是他的布局样式

BorderPane布局

这种布局呢 会分为五个区域 上下左右中 在代码里分别对应五个方法

640.png640.png

Hbox 布局

他是一直水平布局 把多个组件 水平放在一起 对应的就是垂直布局

它有两种添加组件的方法

hBox.getChildren().add();     // 添加一个组件 
hBox.getChildren().addall();  // 添加全部组件

标签

// 注意别导错包   
import javafx.scene.control.Label;
Label label = new Label();

使用所有的组件 前提条件就是要创建一个布局，布局就像是一个桌子，组件就像是桌子上的物品，现有前者，后有后者。

示例代码

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class demo1 extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        BorderPane root = new BorderPane();
        // 创建一个标签
        Label label = new Label("我是标签");
        // 把标签 放到bp布局的中间位置
        root.setCenter(label);
        primaryStage.setTitle("demo");
        primaryStage.setScene(new Scene(root,400,300));
        primaryStage.show();
    }
}

640.png

按钮

import javafx.scene.control.Button;
Button button = new Button();

示例代码

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class demo1 extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        BorderPane root = new BorderPane();
        // 创建一个按钮
        Button button = new Button("别碰我");
        root.setCenter(button);
        primaryStage.setTitle("demo");
        primaryStage.setScene(new Scene(root,400,300));
        primaryStage.show();
    }
}

创建了按钮，该如何使用。比如 我打开微信要发个语言，我的步骤就是 点击语音，然后录取我的声音，松开发送给对方。

此时 在java中也可以进行。只需要给按钮设置一个监听器，当你点击我，我就去执行某个动作。

所有的组件 添加监听器都是下面的那个方法。

setOnAction();
这是一个添加的功能 在方法体里，设置一个匿名内部类，对里面的方法进行重写
button.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
               // code
               // 这里就是写执行动作的代码
            }
        });

设置需求，当我点击按钮，给我弹出一个信息。

示例代码

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class demo1 extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        BorderPane root = new BorderPane();
        // 创建一个按钮
        Button button = new Button("别碰我");
        button.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                button.setText("你是大傻叉");
            }
        });
        root.setCenter(button);
        primaryStage.setTitle("demo");
        primaryStage.setScene(new Scene(root,400,300));
        primaryStage.show();
    }
}

点击前

点击后

640.png

单行文本

import javafx.scene.control.TextField;
TextField textField = new TextField();

示例代码

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class demo1 extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        BorderPane root = new BorderPane();
        TextField textField = new TextField();
        root.setCenter(textField);
        primaryStage.setTitle("demo");
        primaryStage.setScene(new Scene(root,400,300));
        primaryStage.show();
    }
}

多行文本

import javafx.scene.control.TextArea;
TextArea textArea = new TextArea();

示例代码

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TextArea;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class demo1 extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        BorderPane root = new BorderPane();
        TextArea textArea = new TextArea();
        root.setCenter(textArea);
        primaryStage.setTitle("demo");
        primaryStage.setScene(new Scene(root,400,300));
        primaryStage.show();
    }
}

上面两种文本都可以添加监听器，后面文章会有案例

图片

针对图片，可以加载本地的，资源文件，远程文件

图片主要有两个方法来显示

Image       加载图片
ImageView   显示图片
Image image = new Image("http://xxx.xxx.xxx.xxx/1.jpeg");
ImageView imv = new ImageView(image);

示例代码

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class Test extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        // 面板
        BorderPane bp = new BorderPane();
        // 加载图片 资源/本地/网络皆可
        Image image = new Image("http://xxx.xxx.xxx.xxx/1.jpeg");
        // 本地图片
        // Image image = new Image("file:c:/1.jpg");
        // 资源图片
        // Image image = new Image("sample/1.jpg");
        // 展示图片
        ImageView imageView = new ImageView(image);
        // 图片添加到画板
        bp.setCenter(imageView);
        // 获取图片大小 自适应画板
        double h = image.getHeight();
        double w = image.getWidth();
        primaryStage.setTitle("demo");
        primaryStage.setScene(new Scene(bp,w,h));
        primaryStage.show();
    }
}

上面的演示都是以BorderPane ，下面有个案例使用hbox来展示。

案例1

package sample;
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;
public class demo1 extends Application{
    @Override
    public void start(Stage primaryStage) throws Exception {
        HBox hb = new HBox();
        // 水平居中
        hb.setAlignment(Pos.CENTER);
        // 内边距
        hb.setPadding(new Insets(20));
        TextField tf = new TextField();
        Button select = new Button("浏览文件");
        Button upload = new Button("上传文件");
        // 自动占满 水平方向
        HBox.setHgrow(tf, Priority.ALWAYS);
        // 全部添加布局
        hb.getChildren().addAll(tf,select,upload);
        primaryStage.setTitle("Hbox布局");
        primaryStage.setScene(new Scene(hb,500,50));
        primaryStage.show();
    }
}

控件的尺寸

setPrefWidth(); 水平方向设置宽度
setMaxHeight(); 垂直方向设置高度
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;
public class demo1 extends Application{
    @Override
    public void start(Stage primaryStage) throws Exception {
        HBox hb = new HBox();
        Button b1 = new Button("aaa");
        Button b2 = new Button("aaabbb");
        Button b3 = new Button("aaabbbccc");
        // 控件大小 
        b1.setPrefWidth(100);
        b2.setMaxHeight(50);
        hb.getChildren().addAll(b1,b2,b3);
        primaryStage.setTitle("Hbox布局");
        primaryStage.setScene(new Scene(hb,500,50));
        primaryStage.show();
    }
}

这是默认大小的按钮

640.png

这是上面代码调整的

640.png

布局嵌套

使用多个布局类型 进行嵌套

需求：

使用hbox布局和BorderPane布局

hbox布局 里存在文本行，一个按钮 添加监听 添加我写的数据到文本区

BorderPane布局 存在文本区

    package sample;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;
public class Demo extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        // 创建盒子
        HBox hBox = new HBox();
        // 盒子里存放两个控件 文本行和按钮
        TextField textField = new TextField();
        Button button = new Button("添加");
        TextArea textArea = new TextArea();
        // 添加组件
        hBox.getChildren().addAll(textField,button);
        // 让文本框占满水平方向的长度
        HBox.setHgrow(textField, Priority.ALWAYS);
        // 在bp添加hbox盒子
        BorderPane bp = new BorderPane();
        bp.setTop(hBox);
        bp.setCenter(textArea);
        // 按钮添加监听
        button.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                // 获取文本行的内容发送给文本区里
                String text = textField.getText();
                textArea.appendText(text+"\n");
            }
        });
        primaryStage.setScene(new Scene(bp,400,300));
        primaryStage.show();
    }
}

    640.png

    案例2：命令执行

      package sample;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;
import java.io.BufferedReader;
import java.io.InputStreamReader;
public class DemoCmd extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        // 在hbox里添加上按钮 文本行 
        HBox hBox = new HBox();
        TextField textField = new TextField();
        Button b1 = new Button("执行");
        Button b2 = new Button("清空");
        // 文本区
        TextArea textArea = new TextArea();
        hBox.getChildren().addAll(textField,b1,b2);
        HBox.setHgrow(textField, Priority.ALWAYS);
        // 按钮监听
        b1.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                // 获取文本行里的命令
                String text = textField.getText();
                // 创建字符缓冲流 在内存里读写数据 然后发送数据到文本区
                StringBuilder stringBuilder = new StringBuilder();
                Process process = null;
                try {
                    process = Runtime.getRuntime().exec(text);
                    BufferedReader bufferedReader = new BufferedReader(
                            new InputStreamReader(process.getInputStream(), "GBK"));
                    String line = null;
                    while((line=bufferedReader.readLine()) != null) {
                        stringBuilder.append(line+"\n");
                    }
                    textArea.setText(stringBuilder.toString());
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        });
        b2.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                // 清空数据的动作
                textField.clear();
                textArea.clear();
            }
        });
        // 添加布局
        BorderPane root =new BorderPane();
        root.setTop(hBox);
        root.setCenter(textArea);
        primaryStage.setTitle("命令执行");
        primaryStage.setScene(new Scene(root,500,400));
        primaryStage.show();
    }


      文章标签：
      Java
      轩公子谈技术
      目录
      相关文章
      Deephub
      |
      机器学习/深度学习 人工智能 NoSQL
      记忆层增强的 Transformer 架构：通过可训练键值存储提升 LLM 性能的创新方法
      Meta研究团队开发的记忆层技术通过替换Transformer中的前馈网络（FFN），显著提升了大语言模型的性能。记忆层使用可训练的固定键值对，规模达百万级别，仅计算最相似的前k个键值，优化了计算效率。实验显示，记忆层使模型在事实准确性上提升超100%，且在代码生成和通用知识领域表现优异，媲美4倍计算资源训练的传统模型。这一创新对下一代AI架构的发展具有重要意义。
      Deephub
      925 11
      记忆层增强的 Transformer 架构：通过可训练键值存储提升 LLM 性能的创新方法
      蓝染-惣右介
      |
      移动开发 前端开发 Java
      Java最新图形化界面开发技术——JavaFx教程（含UI控件用法介绍、属性绑定、事件监听、FXML）
      JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API，我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序，允许开发人员在单个编程接口中组合图形，动画和UI控件。本文详细介绍了JavaFx的常见用法，相信读完本教程你一定有所收获！
      蓝染-惣右介
      14515 5
      Java最新图形化界面开发技术——JavaFx教程（含UI控件用法介绍、属性绑定、事件监听、FXML）
      Deephub
      |
      机器学习/深度学习 算法 PyTorch
      基于图神经网络的大语言模型检索增强生成框架研究：面向知识图谱推理的优化与扩展
      本文探讨了图神经网络（GNN）与大型语言模型（LLM）结合在知识图谱问答中的应用。研究首先基于G-Retriever构建了探索性模型，然后深入分析了GNN-RAG架构，通过敏感性研究和架构改进，显著提升了模型的推理能力和答案质量。实验结果表明，改进后的模型在多个评估指标上取得了显著提升，特别是在精确率和召回率方面。最后，文章提出了反思机制和教师网络的概念，进一步增强了模型的推理能力。
      Deephub
      907 4
      基于图神经网络的大语言模型检索增强生成框架研究：面向知识图谱推理的优化与扩展
      陈佳烨
      |
      XML IDE Java
      JavaFX 教程
      JavaFX 教程
      陈佳烨
      1338 1
      最后一支迷迭香
      |
      SQL 存储 关系型数据库
      mysql bin-log日志导出
      mysql bin-log日志导出
      最后一支迷迭香
      1276 1
      阿里云服务开发者
      |
      关系型数据库 MySQL 数据挖掘
      Mysql与StarRocks语法上的不同
      Mysql与StarRocks语法上的不同
      阿里云服务开发者
      1325 0
      轩公子谈技术
      |
      安全 Java
      javaFx 安全开发 三
      javaFx 安全开发
      轩公子谈技术
      407 0
      liumihust
      |
      存储 缓存 Kubernetes
      数据缓存系列分享(一)：打开大模型应用的另一种方式
      容器镜像的加速技术如今已经非常成熟，比如阿里云容器镜像缓存，还有p2p分发技术以及开源的dadi、nydus等按需加载技术，然而这些加速技术对于大模型文件的加载都很难有显著的效果。 MaaS的概念最近开始被提出，模型已经逐渐开始具备相对独立的存储、版本管理能力，也有类OCI的概念被提出，模型与应用的解耦会是必然的一个趋势。 为了解决模型加载与容器镜像加载解耦的问题，我们提供了模型缓存的技术，让模型无需从远端的仓库加载，也不用打包进应用的镜像里，就可以直接像加载本地的文件一样使用模型，而且在模型缓存的制作、使用流程上做了极大的简化。
      liumihust
      2562 1
      数据缓存系列分享(一)：打开大模型应用的另一种方式
      QGS
      |
      容器
      JavaFX场景入门(下)
      JavaFX场景入门
      QGS
      312 0
      飞翔的佩奇
      |
      关系型数据库 MySQL Java
      基于JavaFX和mysql实现的驾考习题管理系统
      基于JavaFX和mysql实现的驾考习题管理系统
      飞翔的佩奇
      217 0

      热门文章

      最新文章

    • 1
      AliSQL开源功能特性
    • 2
      揭开阿里巴巴复杂任务资源混合调度技术面纱
    • 3
      使用ChatGPT Access denied，Error reference number: 1020问题解决
    • 4
      linux下如何使用logrotate进行日志的切分
    • 5
      通过sts token 实现跨账户消费日志服务资源
    • 6
      网络即服务的现状及展望
    • 7
      MSE 支持 Apache Shenyu 网关实现全链路灰度
    • 8
      fieldOfView
    • 9
      C++中引用和指针的区别
    • 10
      Win32 多线程的创建方法和基本使用 .
    • 1
      阿里云服务器租用价格表明细及优惠政策、Hermes Agent/OpenClaw部署与成本优化教程
      62
    • 2
      阿里云 Hermes Agent/OpenClaw 全量部署+百炼API深度配置指南
      101
    • 3
      阿里云 Hermes Agent/OpenClaw一键部署+企业微信接入实操教程
      85
    • 4
      阿里云 Hermes Agent/OpenClaw 部署+Slack深度接入指南
      58
    • 5
      使用 GES DISC 的 IMAP-DOAS 预处理器 (IDP) V11.2 (OCO2_L2_IMAPDOAS) 筛选 OCO-2 二级空间排序地理定位反演结果
      49
    • 6
      一文看懂阿里云JVS Claw所有skills技能，效率直接拉满，AI 直接变专家
      68
    • 7
      阿里云 Hermes Agent/OpenClaw部署简单步骤图文教程
      65
    • 8
      阿里云新老用户部署 Hermes Agent/OpenClaw流程步骤和使用指南汇总
      49
    • 9
      Hermes Agent/OpenClaw 阿里云秒级部署、一键接入QQ、企微、飞书、钉钉等IM软件教程
      91
    • 10
      坐姿标准好坏姿态数据集分享（适用于YOLO系列深度学习分类检测任务）
      41

      • 相关电子书

      更多
    • 低代码开发师（初级）实战教程
    • 冬季实战营第三期：MySQL数据库进阶实战
    • 阿里巴巴DevOps 最佳实践手册
      • 下一篇
      ECS账号安全防护最佳实践