189 8069 5689

使用JavaFX怎么开发一个桌面程序

本篇文章为大家展示了使用JavaFX怎么开发一个桌面程序,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

我们提供的服务有:网站设计制作、做网站、微信公众号开发、网站优化、网站认证、思南ssl等。为近千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的思南网站制作公司

基于JavaFX开发桌面程序

注:我也是JAVA FX的初学者之一,自己在学习的时候踩了许多的坑,中文英文的资料查了不少,但是觉得FX技术和其他热门技术相比,教程还是太少了。这里就尽量做一点微小的贡献吧

使用环境

注:写这个只是为了说明我的环境,使用和我的不一样的环境在理解这篇教程的时候并没有什么问题,例如使用Windows平台、使用Oracle JDK(这样就不需要再单独安装FX组件了,可以不用MAVEN)、使用Oracle的SceneBuilder。可能唯一一个比较影响体验的就是不使用IDEA而是使用eclipse了

  • Ubuntu18.04LTS

  • OpenJDK 1.8

  • IDEA(with MAVEN):使用MAVEN安装FX环境(OpenJDK不附带FX环境)

  • SceneBuilder(glounhq):这是一个fxml可视化设计环境,使用上不如C#,但起码比纯命令设计强一百倍

搭建JAVA FX环境

下载IDEA、OpenJDK1.8、SceneBuilder(glounhq).

SceneBuilder下载地址:https://gluonhq.com/products/scene-builder/#download

在IDEA中关联SceneBuilder.关联的目的是为了之后可以从IDEA快速打开SceneBuilder来设计页面

IDEA->File->Settings->Language->Java FX->输入SceneBuilder的路径

如果是Linux环境,你会发现这个路径还不好找,我是使用locate SceneBuilder命令找到的,路径是: /opt/SceneBuilder/SceneBuilder

因为OpenJDK没有FX环境,需要我们自己安装。为了便于管理,我们在这里使用MAVEN

在IDEA中创建一个Java FX项目

在项目名上右键,选择'Add framework support',选择MAVEN

在pom.xml文件中加入以下依赖:


    
    
      org.openjfx
      javafx-controls
      13
    
    
    
      org.openjfx
      javafx-fxml
      13
    
  

设计流程

这里只写一些我已经探索出来的设计流程,如果有不对的请指出~

先在Resources中创建fxml文件(之所以放在Resources文件夹下,是为了加载的时候方便,之后能看到),创建完成后在文件名上右击,选择'Open in SceneBuilder',之后就可以在SceneBuilder中进行可视化设计了。设计时要注意,对有响应的元素要在code栏下的fx:id中设置id,以便于之后的调用。设计完成后Ctrl+s保存文件

设计第一个加载的界面。这个可以放在入口的java类的main方法下,举个例子:

package sample;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

  @Override
  public void start(Stage primaryStage) throws Exception{

    Parent root = FXMLLoader.load(getClass().getClassLoader().getResource("Entry.fxml"));//从Resources中获取资源
    primaryStage.setTitle("Course Registration System");
    primaryStage.setScene(new Scene(root, 800, 600));
    primaryStage.show();
  }

设计触发器:

对于每一个Panel,我们要指定一个触发器类,这个是放在该fxml文件中的,例如IDEA中默认创建的就是AnchorPane对象,在它那一行就能找到:fx:controller="sample.MainController" ,这个MainController就是我创建的一个类

之后,我们可以对该panel下各个控件设计触发事件后的反映,这个可以在SceneBuilder中填写,在Code那一栏下面。设计了之后,它就会到我们指定的那个触发器类下寻找这个方法,如果没有的话IDEA会提示你创建

注意,触发器类可以创建多个,这样更便于管理,降低耦合度

在触发器中获取fxml中的控件对象

有时候,我们需要在事件相应中获取对象的值,例如设计登录页面时点击'提交'的按钮,我们需要知道输入框的字符串。这时候我们可以在触发器中获取这些元素,前提是我们为这些控件输入了fx:id,它是全局性的,不允许重复。例如我们可以通过声明:

  @FXML
  private TextField username;
  @FXML
  private TextField password;

获取两个TextField对象下的值:

usernameString=username.getText();
passwordString=password.getText();

页面跳转

我们需要为每一个页面设计一个Java类,例如我设计了一个SignIn_Student.java:

package sample;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class SignIn_Student extends Application{
  private String usernameString;
  private String passwordString;
  @Override
  public void start(Stage stage) throws Exception{
    Parent root = FXMLLoader.load(getClass().getClassLoader().getResource("SignIn_Student.fxml"));//加载页面
    Scene anotherScene=new Scene(root);
    stage.setTitle("Please log in");
    stage.setScene(anotherScene);
    stage.show();
  }
}

TableView的使用

这个控件用起来着实有点麻烦。折腾了好久。

我们肯定需要在某一个fxml页面中加入了这个TableView,并且输入了Table和它每一个TableColumn的fx:id.

我们需要为有TableView的fxml文件单独创建一个控制器类,之后会说为什么

我们需要创建一个类来表示要储存的数据,例如我这里创建了一个Courses.class:(下面的get和set方法是IDEA自动生成的)

package sample;
import javafx.beans.property.*;
import java.time.LocalDate;
import java.time.LocalTime;
public class Courses {
  private final StringProperty department;
  private final StringProperty lecturer;
  private final ObjectProperty Time;
  private final StringProperty location;
  private final IntegerProperty ID;

  public Courses(String name, String department, String lecturer, LocalDate time, String location, Integer ID) {
    this.name = new SimpleStringProperty(name);
    this.department = new SimpleStringProperty(department);
    this.lecturer = new SimpleStringProperty(lecturer);
    this.Time = new SimpleObjectProperty(time);
    this.location = new SimpleStringProperty(location);
    this.ID = new SimpleIntegerProperty(ID);
  }
  //String,String,String, Date,String,Integer
  private final StringProperty name;

  public String getName() {
    return name.get();
  }

  public StringProperty nameProperty() {
    return name;
  }

  public void setName(String name) {
    this.name.set(name);
  }

  public String getDepartment() {
    return department.get();
  }

  public StringProperty departmentProperty() {
    return department;
  }

  public void setDepartment(String department) {
    this.department.set(department);
  }

  public String getLecturer() {
    return lecturer.get();
  }

  public StringProperty lecturerProperty() {
    return lecturer;
  }

  public void setLecturer(String lecturer) {
    this.lecturer.set(lecturer);
  }

  public LocalDate getTime() {
    return Time.get();
  }

  public ObjectProperty timeProperty() {
    return Time;
  }

  public void setTime(LocalDate time) {
    this.Time.set(time);
  }

  public String getLocation() {
    return location.get();
  }

  public StringProperty locationProperty() {
    return location;
  }

  public void setLocation(String location) {
    this.location.set(location);
  }

  public int getID() {
    return ID.get();
  }

  public IntegerProperty IDProperty() {
    return ID;
  }

  public void setID(int ID) {
    this.ID.set(ID);
  }
}

我们需要实现的效果是,在加载这个页面时,表格中自动加载数据。填写我们创建的控制器类如下:

package sample;

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.fxml.FXML;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;

import java.time.LocalDate;

public class MainController {
  @FXML
  private TextField username;
  @FXML
  private TextField password;
  @FXML
  private TableView allCoursesTable;
  @FXML
  private TableColumn CourseNameAttribute;
  @FXML
  private TableColumn DepartmentAttribute;
  @FXML
  private TableColumn LectureAttribute;
  @FXML
  private TableColumn TimeAttribute;
  @FXML
  private TableColumn LocationAttribute;
  @FXML
  private TableColumn CourseIDAttribute;
  @FXML
  private void initialize() {
    ObservableList data= FXCollections.observableArrayList(new Courses("MACHINE LEARNING","COMPUTER","ZHANGYI",LocalDate.of(2012,01,01),"A101",4011));//创建ObservableList对象,将数据装进去
    CourseNameAttribute.setCellValueFactory(cellData->cellData.getValue().nameProperty());
    DepartmentAttribute.setCellValueFactory(cellData->cellData.getValue().departmentProperty());
    LectureAttribute.setCellValueFactory(cellData->cellData.getValue().lecturerProperty());
    TimeAttribute.setCellValueFactory(cellData->cellData.getValue().timeProperty());
    LocationAttribute.setCellValueFactory(cellData->cellData.getValue().locationProperty());
    CourseIDAttribute.setCellValueFactory(cellData->cellData.getValue().IDProperty());
    allCoursesTable.setItems(data);//加载数据
  }
}

这就是为什么要用单独的控制器类了,否则initialize方法会在每次创建页面的时候都加载一次,而只有某一个页面有我们说的这些Tabel和Column对象,会报错的。

写一个方法来跳转到这个页面。

如何实现页面之间的传参呢?

对于要传参的页面,我们就不能直接获取parent对象了,而是先要获取FXMLLoader对象:

FXMLLoader fxmlLoader = new FXMLLoader(getClass().getClassLoader().getResource("MainPanel.fxml"));
Parent root = fxmlLoader.load();
MainController mc=fxmlLoader.getController();

注意这个MainController是我为这个页面写的控制器类

获取了Controller对象后,我们就可以调用方法,将参数传进去了:

mc.setPassword(pass);
    mc.setUsername(user);
    mc.handleAllCourses();

我在MainController这个类中是这样写的:

  public void setUsername(String username){
    usernameString=username;
  }
  public void setPassword(String password){
    passwordString=password;
  }

上述内容就是使用JavaFX怎么开发一个桌面程序,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


网站栏目:使用JavaFX怎么开发一个桌面程序
链接地址:http://cdxtjz.cn/article/pehoee.html

其他资讯