启动Intellij Idea ,新建项目之前,首先设置默认的编码为utf-8,Setting->Editor->File Encodings,将Global Encoding和Project Encoding设置为UTF-8,如下图所示。

javafx画布教程 javafx图形界面设计_javafx画布教程


新建一个项目,选择java,不要勾选附加库和框架,新建javaFX源程序,右键文件夹,在弹出菜单中New->javaFXApplication

javafx画布教程 javafx图形界面设计_文本框_02


ctrl+alt+shift+s,配置jdk设置为1.8

javafx画布教程 javafx图形界面设计_javafx画布教程_03

窗体界面核心代码:

package chapter01;

import javafx.application.Application;
import javafx.application.Platform;
import javafx.event.EventHandler;
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.input.KeyEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.scene.layout.VBox;
import javafx.stage.FileChooser;
import javafx.stage.Stage;

import java.io.File;
import java.time.LocalDateTime;
import java.util.ResourceBundle;

public class win 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 = new TextFileIO();
        // 设置发送框为焦点
        Platform.runLater(new Runnable() {
            @Override
            public void run() {
                // 该文本框在界面初始化时获取焦点
                tfSend.requestFocus();
                taDisplay.setEditable(false);
                taDisplay.setWrapText(true);
            }
        });
        // 退出按钮时间
        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) {
                // 检测文本框是否为空,为空的话就不要发了
                String mess = tfSend.getText().trim();
                if (!"".equals(mess)) {
                    event.consume(); // otherwise a new line will be added to the textArea after the sendFunction() call
                    if (event.isShiftDown()) {
                        String msg = "echo: " + tfSend.getText();
                        taDisplay.appendText(msg + "\n");
                        tfSend.clear();
                    } else {
                        String msg = tfSend.getText();
                        taDisplay.appendText(msg + "\n");
                        tfSend.clear();
                    }
                }
            }
        });
        // 保存按钮事件
        btnSave.setOnAction(event -> {
            //"2:3:4:5".split(":")//将返回["2", "3", "4", "5"] 主要是解决getText不保存\n
            String[] textArray = taDisplay.getText().split("\n");
            StringBuilder text = new StringBuilder();
            text.append("\r\n");
            for (String value : textArray) {
                text.append(value).append("\r\n");
            }
            String s=text.toString();
            // 选择文件窗口
            FileChooser fileChooser = new FileChooser();
            // 保存选择的文件到file
            File file = fileChooser.showSaveDialog(null);
            //添加当前时间信息进行保存
            TextFileIO.append(
                    LocalDateTime.now().withNano(0) + " " + s, file);

        });
        // 加载按钮事件
        btnOpen.setOnAction(event -> {
            FileChooser fileChooser = new FileChooser();
            File file = fileChooser.showOpenDialog(null);
            String msg = TextFileIO.load(file);
            if(msg != null){
                taDisplay.clear();
                taDisplay.setText(msg);
            }
        });

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

    }
}

对于“退出”按钮,代码很简单,使用lambda表达式,参考代码:

btnExit.setOnAction(event -> {System.exit(0);});

“发送”按钮参考代码

btnSend.setOnAction(event -> {
 	String msg = tfSend.getText();
	taDisplay.appendText(msg + "\n");
	tfSend.clear();
});

文本框tfSend的回车响应功能:文本框中输完内容,回车即可将信息添加到信息显示区;如果是Shift+回车,则在信息前加上 echo: 的信息头再发送。

tfSend.setOnKeyPressed(event -> {
            if (event.getCode() == KeyCode.ENTER) {
                // 检测文本框是否为空,为空的话就不要发了
                String mess = tfSend.getText().trim();
                if (!"".equals(mess) {
                    event.consume(); 
                    if (event.isShiftDown()) {
                        String msg = "echo: " + tfSend.getText();
                        taDisplay.appendText(msg + "\n");
                        tfSend.clear();
                    } else {
                        String msg = tfSend.getText();
                        taDisplay.appendText(msg + "\n");
                        tfSend.clear();
                    }
                }
            }
        });

taDisplay控件,将其设置为只读和自动换行,并将开始时将焦点放在文本框

// 设置发送框为焦点
        Platform.runLater(new Runnable() {
            @Override
            public void run() {
                // 该文本框在界面初始化时获取焦点
                tfSend.requestFocus();
                taDisplay.setEditable(false);
                taDisplay.setWrapText(true);
            }
        });

信息的文件读写可以将信息显示区的信息保存到文本文件,或从文本文件中读取内容。这个TextFileIO类的设计是类似封装基础操作的类型,应该是可以适用于各种场合,所以File的应该作为参数传入进这个类,如果这个类的操作中使用了窗体的对话框方式,在一些无GUI的控制台环境就无法使用了。举错误例子如下:

public void append(String msg) {
    FileChooser fileChooser = new FileChooser();
    File file = fileChooser.showSaveDialog(null);
    if(file == null) //用户放弃操作则返回
      return;
    //以追加模式utf-8的编码模式写到文件中
    try {
    ...

正确的写法应该是将File作为参数参入类方法:

public void append(String msg, File file) {
        if (file == null) {
            return;
        }
        //以追加模式utf-8的编码模式写到文件中
        try {
        ...

TextFileIO类核心代码:

package chapter01;

import javafx.stage.FileChooser;

import java.io.File;
import java.io.FileOutputStream;
import java.io.OutputStreamWriter;
import java.io.PrintWriter;
import java.nio.charset.StandardCharsets;
import java.util.Scanner;

public class TextFileIO {
    private PrintWriter pw = null;
    private Scanner sc = null;

    // msg保存到文件
    public void append(String msg, File file) {
        if (file == null) {
            return;
        }
        //以追加模式utf-8的编码模式写到文件中
        try {
            pw = new PrintWriter(
                    new OutputStreamWriter(
                            new FileOutputStream(file, true), StandardCharsets.UTF_8));
            pw.println(msg);
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            pw.close();
        }

    };

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

在javaFX类中的合适位置将TextFileIO类实例化,在“保存”按钮的响应事件代码中添加相应功能,代码段如下:

// 保存按钮事件
        btnSave.setOnAction(event -> {
            //"2:3:4:5".split(":")//将返回["2", "3", "4", "5"] 主要是解决getText不保存\n
            String[] textArray = taDisplay.getText().split("\n");
            StringBuilder text = new StringBuilder();
            text.append("\r\n");
            for (String value : textArray) {
                text.append(value).append("\r\n");
            }
            String s=text.toString();
            // 选择文件窗口
            FileChooser fileChooser = new FileChooser();
            // 保存选择的文件到file
            File file = fileChooser.showSaveDialog(null);
            //添加当前时间信息进行保存
            TextFileIO.append(
                    LocalDateTime.now().withNano(0) + " " + s, file);

        });

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

// 加载按钮事件
        btnOpen.setOnAction(event -> {
            FileChooser fileChooser = new FileChooser();
            File file = fileChooser.showOpenDialog(null);
            String msg = TextFileIO.load(file);
            if(msg != null){
                taDisplay.clear();
                taDisplay.setText(msg);
            }
        });

注意事项
1.我们会看到不少窗体程序例子,控件类型的变量,例如Button、TextFiled等类型变量,是直接定义在start方法中,就是成为局部变量,随用随定义。这种情况是因为所有访问该变量的代码都在这个方法中,例如事件响应代码等。
但从设计考虑,可能被多个方法访问的变量,定义为成员变量更方便;对于那些不需要再访问的类型,例如Label,就选择定义为局部变量。

2.字节流和字符(文本)流
字节流:是8比特一个单元,如键盘输入流、文件输入流、网络输入流,文件输出流、网络输出流等。
支持字节流操作的类有:
OutputStream, FileOutputStream, DataOutputStream 等是字节输出流;
InputStream, FileInputStream, DataInputStream等是字节输入流;

字符流:8/16/32比特一个单元,其长度取决采用何种编码算法,如ISO为32位,GB2312/GBK,utf-8等为16位,ASCII为8位。
支持字符和字符串操作的类有:
InputStreamReader,BufferedReader、Scanner可读字符类,
OutputStreamWriter,PrintWriter可写字符类,
写文本文件最常用的类是PrintWriter,PrintWriter类中有一个常用的println(msg)方法,向输出流中输出一行字符,并自动添加一个行结束符:\n。注意,在使用PrintWriter类时,其虽然可以将文件名作为参数来写文件,但这种用法不能提供追加模式的,所以一般是和FileOutputStream联合使用,例如:

new PrintWriter(new FileOutputStream("temp.txt", true));

如果还需要指定文本的编码,并且是追加模式,可以这样联合使用:

new PrintWriter(   
    new OutputStreamWriter(   
        new FileOutputStream("temp.txt",true),  "UTF-8"));

读文件常用的是Scanner和BufferedReader类。Scanner提供了大量对应PrintWriter的写操作的相反的读操作,最常用的是nextLine()方法;而BufferedReader类中有一个常用的readLine()方法,从输入流中读一行字符。
在本地文本文件读写中,常用的字符流组合是PrintWriter和Scanner。在网络信息传输中,常用的字符流组合是PrintWriter和BufferedReader,BufferedReader相对Scanner虽然功能少些,但其效率更高,尤其是在网络传输中。