JavaFx图形窗口程序设计(互联网程序设计课程 第1讲)

一、简单的图形界面程序

图形界面如图所示
在这里插入图片描述

知识点:JavaFX布局,TextFiled、TextArea、Button、Label等各控件用法,事件驱动、字符串读写技术、字符流IO等。

要求:

  • 该应用程序使用“发送”按钮将信息输入区的内容显示在信息显示区中;“保存”按钮将显示的内容保存到文本文件;“加载”将文本文件内容显示。
  • 对于文本区域taDisplay控件,自行查找方案,将其设置为只读和自动换行。
  • 该程序中,需要对四个按钮的点击操作进行响应,可使用动作事件,即调用按钮的setOnActon方法,如果事件响应的代码量不大,可以直接在方法的参数中写匿名内部类或lambda表达式,否则就单独写一个内部类,创建其实例作为方法的参数。
  • 对于“退出”按钮,代码很简单,使用lambda表达式,其参考代码为:
btnExit.setOnAction(event -> {System.exit(0);});

“发送”按钮参考代码:

btnSend.setOnAction(event -> {
  String msg = tfSend.getText();
  taDisplay.appendText(msg + "\n");
tfSend.clear();
}); 
  • 请添加文本框tfSend的回车响应功能:文本框中输完内容,回车即可将信息添加到信息显示区;如果是Shift+回车,则在信息前加上 echo: 的信息头再发送。

二、信息的文件读写

信息的文件读写是指将信息显示区的信息保存到文本文件,或从文本文件中读取内容。

**设计思想:**新增一个文件操作类,完成文件在磁盘方面的读写功能,并对外提供功能接口。

知识点: IO操作,文件选择框,异常处理,类之间的调用。

实现流程

(1)新增一个文件操作类TextFileIO,负责文件操作的相关功能,至少实现append方法和load方法用于保存和读取文件;
(2)在SimpleFX类中的合适位置将TextFileIO类实例化为textFileIO,在“保存”按钮的响应事件代码中添加相应功能,代码段如下:

btnSave.setOnAction(event -> {
  //添加当前时间信息进行保存
  textFileIO.append(
      LocalDateTime.now().withNano(0) +" "+ taDisplay.getText());
}); 

(3)在“加载”按钮的响应事件代码中添加相应功能,代码段如下:

btnOpen.setOnAction(event -> {
  String msg = textFileIO.load();
  if(msg != null){
    taDisplay.clear();
    taDisplay.setText(msg);
  }
}); 

三、注意事项

我们会看到不少窗体程序例子中控件类型的变量,例如Button、TextFiled等类型变量,是直接定义在start方法中,就是成为局部变量,随用随定义。这种情况是因为所有访问该变量的代码都在这个方法中,例如事件响应代码等。
但从设计考虑,可能被多个方法访问的变量,采用本讲示例中的方式,定义为成员变量更方便;对于那些不需要再访问的类型,例如Label,可选择定义为局部变量。
掌握好本讲的窗体布局、事件响应等知识,后续章节的窗体都是本讲类似界面,只要稍作修改即可。

四、完整参考代码

chapter01.SimpleFX.java:

package chapter01;

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.Label;
import javafx.scene.control.TextArea;
import javafx.scene.control.TextField;
import javafx.scene.input.KeyCode;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

import java.time.LocalDateTime;

public class SimpleFX extends Application {
    private Button btnExit = new Button("退出");
    private Button btnSend = new Button("发送");
    private Button btnOpen = new Button("加载");
    private Button btnSave = new Button("保存");
    //待发送信息的文本框
    private TextField tfSend = new TextField();
    //显示信息的文本区域
    private TextArea taDisplay = new TextArea();

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {

        //    将TextFileIO类实例化为textFileIO
        TextFileIO textFileIO = new TextFileIO();

        BorderPane mainPane = new BorderPane();
        //内容显示区域
        VBox vBox = new VBox();
        vBox.setSpacing(10);//各控件之间的间隔
        //VBox面板中的内容距离四周的留空区域
        vBox.setPadding(new Insets(10,20,10,20));
        vBox.getChildren().addAll(new Label("信息显示区:"),
                taDisplay,new Label("信息输入区:"), tfSend);
        //设置显示信息区的文本区域可以纵向自动扩充范围
        VBox.setVgrow(taDisplay, Priority.ALWAYS);
        mainPane.setCenter(vBox);
        //底部按钮区域
        HBox hBox = new HBox();
        hBox.setSpacing(10);
        hBox.setPadding(new Insets(10,20,10,20));
        hBox.setAlignment(Pos.CENTER_RIGHT);
        hBox.getChildren().addAll(btnSend,btnSave,btnOpen,btnExit);
        mainPane.setBottom(hBox);
        Scene scene = new Scene(mainPane,700,400);
        primaryStage.setScene(scene);
        primaryStage.show();
//……
--------事件处理代码部分--------
//……
//        设置taDisplay自动换行
        taDisplay.setWrapText(true);
//        设置taDisplay只读
        taDisplay.setEditable(false);
//        退出按钮事件
        btnExit.setOnAction(event -> {System.exit(0);});
//        发送按钮事件
        btnSend.setOnAction(event -> {
            String msg = tfSend.getText();
            taDisplay.appendText(msg + "\n");
            tfSend.clear();
        });

        tfSend.setOnKeyPressed(event -> {
            if (event.getCode() == KeyCode.ENTER){
                if (event.isShiftDown()){
                    String msg = tfSend.getText();
                    taDisplay.appendText("echo: "+ msg + "\n");
                    tfSend.clear();
                }
                else{
                    String msg = tfSend.getText();
                    taDisplay.appendText(msg + "\n");
                    tfSend.clear();
                }
            }
        });

        btnSave.setOnAction(event -> {
            //添加当前时间信息进行保存
            textFileIO.append(
                  LocalDateTime.now().withNano(0) +" "+ taDisplay.getText());
        });
        btnOpen.setOnAction(event -> {
            String msg = textFileIO.load();
            if(msg != null){
                taDisplay.clear();
                taDisplay.setText(msg);
            }
        });
    }
}

chapter01.TextFileIO.java:

package chapter01;

import javafx.stage.FileChooser;

import java.io.File;
import java.io.FileOutputStream;
import java.io.OutputStreamWriter;
import java.io.PrintWriter;
import java.util.Scanner;

/**
 * @projectName: NetworkApp
 * @package: chapter01
 * @className: TextFileIO
 * @author: GCT
 * @description: TODO
 * @date: 2022/8/30 19:26
 * @version: 1.0
 */
public class TextFileIO {
    private PrintWriter pw;
    private Scanner sc;

    public TextFileIO() {
    }
    //内容添加到文件中,文件通过对话框来确定
    public void append(String msg) {
        FileChooser fileChooser = new FileChooser();
        File file = fileChooser.showSaveDialog(null);
        if(file == null) //用户放弃操作则返回
            return;
        //以追加模式utf-8的编码模式写到文件中
        try {
            pw = new PrintWriter(
                    new OutputStreamWriter(
                            new FileOutputStream(file, true), "utf-8"));
            pw.println(msg);
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            pw.close();
        }
    }

    public String load() {
        FileChooser fileChooser = new FileChooser();
        File file = fileChooser.showOpenDialog(null);
        if(file == null) //用户放弃操作则返回
            return null;
        StringBuilder sb = new StringBuilder();
        try {
            //读和写的编码要注意保持一致
            sc = new Scanner(file,"utf-8");
            while (sc.hasNext()) {
                sb.append(sc.nextLine() + "\n"); //补上行读取的行末尾回车
            }
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            sc.close();
        }
        return sb.toString();
    }
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
以下是一个简单的 JavaFX 计算器设计课程: 1. 创建一个新的 JavaFX 项目。 2. 创建一个新的 JavaFX 窗体。 3. 在窗体中添加文本框和按钮。 4. 创建一个类来处理计算器的逻辑。 5. 在类中添加方法来处理计算器的各种操作,例如加法、减法、乘法和除法。 6. 在按钮的事件处理程序中调用适当的方法。 7. 在文本框中显示结果。 以下是一个简单的 JavaFX 计算器示例代码: ```java import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.control.TextField; import javafx.scene.layout.GridPane; import javafx.stage.Stage; public class Calculator extends Application { private TextField textField; private String operator = ""; private double operand1 = 0; private double operand2 = 0; @Override public void start(Stage primaryStage) throws Exception { GridPane gridPane = new GridPane(); textField = new TextField(); textField.setEditable(false); gridPane.add(textField, 0, 0, 4, 1); Button button1 = new Button("1"); button1.setOnAction(event -> textField.setText(textField.getText() + "1")); gridPane.add(button1, 0, 1); Button button2 = new Button("2"); button2.setOnAction(event -> textField.setText(textField.getText() + "2")); gridPane.add(button2, 1, 1); Button button3 = new Button("3"); button3.setOnAction(event -> textField.setText(textField.getText() + "3")); gridPane.add(button3, 2, 1); Button buttonPlus = new Button("+"); buttonPlus.setOnAction(event -> { operator = "+"; operand1 = Double.parseDouble(textField.getText()); textField.clear(); }); gridPane.add(buttonPlus, 3, 1); Button button4 = new Button("4"); button4.setOnAction(event -> textField.setText(textField.getText() + "4")); gridPane.add(button4, 0, 2); Button button5 = new Button("5"); button5.setOnAction(event -> textField.setText(textField.getText() + "5")); gridPane.add(button5, 1, 2); Button button6 = new Button("6"); button6.setOnAction(event -> textField.setText(textField.getText() + "6")); gridPane.add(button6, 2, 2); Button buttonMinus = new Button("-"); buttonMinus.setOnAction(event -> { operator = "-"; operand1 = Double.parseDouble(textField.getText()); textField.clear(); }); gridPane.add(buttonMinus, 3, 2); Button button7 = new Button("7"); button7.setOnAction(event -> textField.setText(textField.getText() + "7")); gridPane.add(button7, 0, 3); Button button8 = new Button("8"); button8.setOnAction(event -> textField.setText(textField.getText() + "8")); gridPane.add(button8, 1, 3); Button button9 = new Button("9"); button9.setOnAction(event -> textField.setText(textField.getText() + "9")); gridPane.add(button9, 2, 3); Button buttonMultiply = new Button("*"); buttonMultiply.setOnAction(event -> { operator = "*"; operand1 = Double.parseDouble(textField.getText()); textField.clear(); }); gridPane.add(buttonMultiply, 3, 3); Button buttonClear = new Button("C"); buttonClear.setOnAction(event -> textField.clear()); gridPane.add(buttonClear, 0, 4); Button button0 = new Button("0"); button0.setOnAction(event -> textField.setText(textField.getText() + "0")); gridPane.add(button0, 1, 4); Button buttonDecimal = new Button("."); buttonDecimal.setOnAction(event -> textField.setText(textField.getText() + ".")); gridPane.add(buttonDecimal, 2, 4); Button buttonDivide = new Button("/"); buttonDivide.setOnAction(event -> { operator = "/"; operand1 = Double.parseDouble(textField.getText()); textField.clear(); }); gridPane.add(buttonDivide, 3, 4); Button buttonEquals = new Button("="); buttonEquals.setOnAction(event -> { operand2 = Double.parseDouble(textField.getText()); double result = 0; switch (operator) { case "+": result = operand1 + operand2; break; case "-": result = operand1 - operand2; break; case "*": result = operand1 * operand2; break; case "/": result = operand1 / operand2; break; } textField.setText(Double.toString(result)); }); gridPane.add(buttonEquals, 2, 5); Scene scene = new Scene(gridPane, 200, 250); primaryStage.setScene(scene); primaryStage.show(); } public static void main(String[] args) { launch(args); } } ``` 此代码实现了一个简单的带有加、减、乘、除功能的计算器。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GCTTTTTT

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值