javaFx 教程 二

admin

145958
文章

119
评论

2025年7月3日02:49:49评论7 views字数 8824阅读29分24秒阅读模式

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

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

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

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

布局类型

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

javaFx 教程二

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

BorderPane布局

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

javaFx 教程二

Hbox 布局

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

它有两种添加组件的方法

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

javaFx 教程二

标签

// 注意别导错包   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();    }}

javaFx 教程二

按钮

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();    }}

javaFx 教程二

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

此时在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();    }}

点击前

javaFx 教程二

点击后

javaFx 教程二

单行文本

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();    }}

javaFx 教程二

多行文本

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();    }}

javaFx 教程二

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

图片

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

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

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();    }}

javaFx 教程二

上面的演示都是以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();    }}

javaFx 教程二

控件的尺寸

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();    }}

这是默认大小的按钮

javaFx 教程二

这是上面代码调整的

javaFx 教程二

布局嵌套

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

需求：

使用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();    }}

javaFx 教程二

案例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();    }}

javaFx 教程二

此篇完。

原文始发于微信公众号（轩公子谈技术）：javaFx 教程二

免责声明:文章中涉及的程序(方法)可能带有攻击性，仅供安全研究与教学之用，读者将其信息做其他用途，由读者承担全部法律及连带责任，本站不承担任何法律及连带责任；如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截，联系方式见首页)，望知悉。

左青龙
微信扫一扫

右白虎
微信扫一扫

javaFx 教程二

Rust标准黑客工具设计实现分析

插件前台任意文件读取漏洞复现与分析 (CVE-2025-2294)

汇编语言Day07

JavaWeb代码审计实战开源系统学习心得

【知识回顾】RedTeam 工具开发原则 - 基础知识

脚本小子进阶之路——Shell编程简介

实战某凤网站导致的代码审计

【0day】泛微OA前台登录绕过+后台组合拳RCE

广联达远程代码执行代码审计

PHP基础-表单和请求

发表评论

在线咨询

微信