javafx可视化界面的切换和菜单栏

大三了，只学会了java编写代码的皮毛，很后悔自己没有在大一大二好好学习，新年刚过，给自己定下目标：好好利用每一天！

最近老师布置了很多课程设计，跟同学每天泡图书馆学到头秃，不过很欣慰学到了javafx代码编写的小技巧。

一. 可视化界面之间的切换
首先程序执行会生成一个界面，然后你点击一个按钮转换到另外的界面
这个问题困扰了我很长时间，我搜索了很多资料，差不多都是wndows（）方法来实现的。
我采用了另外一种方法：
（1）把你想要显示的界面全部定义成普通类；
（2）定义一个可存放各个普通类的主类，通过调用普通类生成可视化界面；
（3）设定你想要显示的界面的普通类的stage为可见，设定其他为不可见；
（4）设定普通类中的触发事件里面的普通类的stage可见或者不可见（界面转换）；

这个方法主要是将各个可视化界面的面板设定为类，初始化对象为不可见或者可见（显示第一个面板），并放入主类的数组中，然后在触发事件中设定普通类的可见性。

具体过程如下：
（1）先创建一个主类

package EmployeeInformationSystem;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.Collection;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class MainStackPane extends Application {
	
	public static void main(String[] args)  {
		try {
			Application.launch(args);
		}
		catch(Exception ex)
		{
			ex.printStackTrace();
		}
		
		
		
	}
	
	@Override
	public void start(Stage primaryStage) throws Exception
	{
		
		Object[] functionList = new Object[7];//数组中存放普通类返回的面板，数组指针指向各个面板，方便触发事件设定可见或者不可见
		
		GridPane LogInPanel = new LogIn().createLogInPanel(functionList,primaryStage);  //登陆界面
		VBox MainInterfacePanel = new MainInterface().creatMainInterfacePanel(functionList,primaryStage);//主界面
		VBox InformationEntryPanel = new InformationEntry().creatInformationEntryPanel(functionList,primaryStage);//录入信息界面
		VBox SelectAndUpdatePanel = new SelectAndUpdate().creatSelectAndUpdatePanel( functionList,primaryStage);//查询和修改界面
		VBox DistributionPanel = new Distribution().creatDistributionPanel(functionList,primaryStage);//分布概况界面
		VBox RegisterPanel = new Register().creatRegisterPanel(functionList,primaryStage);//系统管理员注册界面
		VBox CompanyProfilePanel = new CompanyProfile().creatCompanyProfilePanel(functionList,primaryStage);//系统管理员注册界面
		
		//各个面板赋值给数组元素
		functionList[0] = LogInPanel;
		functionList[1] = MainInterfacePanel;
		functionList[2] = InformationEntryPanel;
		functionList[3] = SelectAndUpdatePanel ;
		functionList[4] = DistributionPanel;
		functionList[5] = RegisterPanel;
		functionList[6] = CompanyProfilePanel;
		
        //栈面板依次放入普通类返回的面板，但是可以设定某一个面板为可见，其余的不可见，那么可视化界面最后显示的就是一个界面
		StackPane mainStackPane = new StackPane();
		mainStackPane.getChildren().add(LogInPanel);//登陆面板，可见
		mainStackPane.getChildren().add(MainInterfacePanel);//主页，不可见
		mainStackPane.getChildren().add(InformationEntryPanel);//不可见
		mainStackPane.getChildren().add(SelectAndUpdatePanel);//不可见
		mainStackPane.getChildren().add(DistributionPanel);//不可见
		mainStackPane.getChildren().add(RegisterPanel);//不可见
		mainStackPane.getChildren().add(CompanyProfilePanel);//不可见
		
		Scene scene = new Scene(mainStackPane,600,400);
		//primaryStage.setResizable(false);
		primaryStage.setTitle("登陆");
		primaryStage.setScene(scene);
		primaryStage.show();
	}

	

}

（2）创建普通类

登陆面板（重要代码在触发事件和本类的最后两行）

package EmployeeInformationSystem;


import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.scene.Scene;
import javafx.stage.Stage;
//空白格
import javafx.scene.control.*;//字标签
//网格面板
import javafx.scene.layout.*;//水平面板
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.text.FontWeight;
import javafx.geometry.Pos;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontPosture;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
public class LogIn {
	
	SQLServer sqlserver = new SQLServer();
	//返回网格面板
	public GridPane createLogInPanel(Object[] functionList,Stage primaryStage) 
	{
		GridPane gridpane = new GridPane();
		gridpane.setAlignment(Pos.CENTER);//设置节点水平对齐
		gridpane.setVgap(20);//节点间的垂直间隔
		gridpane.setHgap(20);//节点间的水平间隔
		
		Label label1 = new Label("职工信息管理系统");
		Font font = Font.font("Times New Romes",FontWeight.BOLD,FontPosture.ITALIC,30);//设置字体
		label1.setFont(font);
		gridpane.setColumnSpan(label1,5);//设置跨行
		gridpane.add(label1, 0, 0);
		
		Label label2 = new Label("ID:");
		Font font1 = Font.font("Times New Romes",FontWeight.BOLD,FontPosture.ITALIC,20);//设置字体
		label2.setFont(font1);
		label2.setTextFill(Color.BLACK);
		TextField textfield1 = new TextField();
		gridpane.setColumnSpan(textfield1,3);//设置跨行
		textfield1.setPrefColumnCount(1);//设置文本框的类型
		
		Label label3 = new Label("密码:");
		label3.setFont(font1);//设置字体
		label3.setTextFill(Color.BLACK);//设置字的颜色
		
		PasswordField textfield2 = new PasswordField();//设置密码类型的框
		gridpane.setColumnSpan(textfield2,3);//设置跨行
		textfield2.setPrefColumnCount(1);
		
		gridpane.add(label2, 0, 2);
		gridpane.add(textfield1, 1, 2);
		gridpane.add(label3, 0, 3);
		gridpane.add(textfield2, 1, 3);
		Button button1 = new Button("登陆");
		//登录功能的实现
		button1.setOnAction((ActionEvent e)->{
		//当然登陆成功还得实现匹配用户名和密码，这里就不展示了
		                        gridpane.setVisible(false);//点击登陆按钮，就设定本类面板不可见
								((VBox)functionList[1]).setVisible(true);//设定将要显示的面板为可见
								primaryStage.setWidth(645);
								primaryStage.setHeight(480);
								primaryStage.setTitle("主页");
		）;
			
		Button button2 = new Button("注册");
		button2.setOnAction((ActionEvent e)->{
			gridpane.setVisible(false);
			((VBox)functionList[5]).setVisible(true);
			primaryStage.setTitle("系统管理员注册");
		});
		
		gridpane.add(button1, 1, 4);
		gridpane.add(button2, 2, 4);
		Image loginImage = new Image("loginImage.jpg");//加载图片
		gridpane.setBackground(new Background(new BackgroundImage(loginImage,BackgroundRepeat.REPEAT,
				BackgroundRepeat.NO_REPEAT,BackgroundPosition.DEFAULT,BackgroundSize.DEFAULT)));
		
		//这里没有设定本类的面板为不可见，那么就是返回就是可见的
		return gridpane;
				
	}
}

主面板（重要代码在触发事件和本类的最后两行）

package EmployeeInformationSystem;


import javafx.application.*;
import javafx.event.ActionEvent;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.control.Button;
import javafx.scene.layout.*;
import javafx.scene.text.Font;
import javafx.scene.text.FontPosture;
import javafx.scene.text.FontWeight;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.control.Label;

public class MainInterface {
	
	GridPane gridpane = new GridPane();
	VBox finalVBox = new VBox();//垂直面板

	public VBox creatMainInterfacePanel(Object[] functionList,Stage primaryStage)
	{   //普通方法，从主类传递过来数组引用和舞台引用，返回面板
		
		Button button1 = new Button("", new ImageView(new Image("informationEntry.png", 300, 200, false, false)));
		Button button2 = new Button("", new ImageView(new Image("selectAndUpdate.png", 300, 200, false, false)));
		Button button3 = new Button("", new ImageView(new Image("distribution.png", 300, 200, false, false)));
		Button button4 = new Button("", new ImageView(new Image("companyProfile.png", 300, 200, false, false)));
		
		//取消按钮间的间距
//		button1.setStyle("-fx-padding:0");
//		button2.setStyle("-fx-padding:0");
//		button3.setStyle("-fx-padding:0");
//		button4.setStyle("-fx-padding:0");
		
		Image mainInterfaceImage = new Image("mainInterfaceImage.png");//加载图片
		finalVBox.setBackground(new Background(new BackgroundImage(mainInterfaceImage,BackgroundRepeat.REPEAT,
				BackgroundRepeat.NO_REPEAT,BackgroundPosition.DEFAULT,BackgroundSize.DEFAULT)));

         //在触发事件中实现面板的切换
		button1.setOnAction((ActionEvent e)->{       //信息录入
			finalVBox.setVisible(false);//设定本类的面板不可见
			((VBox)functionList[2]).setVisible(true);//设定将要显示的类的面板可见
			primaryStage.setWidth(645);
			primaryStage.setHeight(430);
			primaryStage.setTitle("信息录入");
		});
		
		button2.setOnAction((ActionEvent e)->{     //查询和修改
			finalVBox.setVisible(false);   //设定本类中的面板不可见
			((VBox)functionList[3]).setVisible(true);//设定将要显示的类的面板可见
			primaryStage.setWidth(640);
			primaryStage.setHeight(480);
			primaryStage.setTitle("查询和修改");
		});
		
		button3.setOnAction((ActionEvent e)->{      //分布概况
			finalVBox.setVisible(false);//设定本类的面板可见
			((VBox)functionList[4]).setVisible(true);//设定将要显示的类的面板可见
			primaryStage.setWidth(310);//调节就将要显示的面板的舞台大小
			primaryStage.setHeight(430);
			primaryStage.setTitle("分布概况");
		});
		
		button4.setOnAction((ActionEvent e)->{       //公司简介
			finalVBox.setVisible(false);
			((VBox)functionList[6]).setVisible(true);
			primaryStage.setWidth(500);//284
			primaryStage.setHeight(425);
			primaryStage.setTitle("公司简介");
		});

		
		VBox vbox = new VBox();//垂直
		MenuChoose a = new MenuChoose();
		vbox = a.createMenuChoose(functionList,primaryStage);
		
		//gridpane.setColumnSpan(label,3);//设置跨行
		finalVBox.setAlignment(Pos.CENTER);//设置节点水平对齐
		
		gridpane.add(button1, 0, 0);
		gridpane.add(button2, 1, 0);
		gridpane.add(button3, 0, 1);
		gridpane.add(button4, 1, 1);
		
		finalVBox.getChildren().addAll(vbox);
		finalVBox.getChildren().addAll(gridpane);
		
		//设定返回的面板为不可见
		finalVBox.setVisible(false);
		return finalVBox;
	}}

页面展示：

二. 菜单栏
个人认为菜单栏还是挺好用的，现在的很多可视化界面实现的切换功能少不了菜单栏。
照道理菜单栏最后的容器应该是水平面板，但是我定义的是垂直面板，正好可以实现可视化界面菜单栏填充整个界面的效果。

package EmployeeInformationSystem;
//菜单栏

import javafx.event.ActionEvent;
import javafx.scene.control.Menu;
import javafx.scene.control.MenuBar;
import javafx.scene.control.MenuItem;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class MenuChoose {

	public VBox createMenuChoose(Object[] functionList,Stage primaryStage) {

		// 定义菜单条和功能选择界面容器
		VBox menuBox = new VBox(); // 菜单条容器，垂直面板，小技巧
		
		// 创建菜单栏，存放各类菜单选项
		MenuBar menubar = new MenuBar();
		Menu menu1 = new Menu("开始");
		MenuItem returnLoginPanel = new MenuItem("返回登陆界面");
		MenuItem returnFunctionPanel = new MenuItem("返回主页");
		menu1.getItems().addAll(returnFunctionPanel,returnLoginPanel );
		Menu menu2 = new Menu("帮助");
		Menu menu3 = new Menu("测试");
		Menu menu4 = new Menu("退出");
		MenuItem exitMenu = new MenuItem("退出系统");
		
		menu4.setOnAction((e) -> {
			System.exit(0);
		});
		
		returnFunctionPanel.setOnAction((ActionEvent e)->{
			((VBox) functionList[1]).setVisible(true);    //主界面
			((VBox) functionList[2]).setVisible(false);
			((VBox) functionList[3]).setVisible(false);
			((VBox) functionList[4]).setVisible(false);
			((VBox) functionList[5]).setVisible(false);
			((VBox) functionList[6]).setVisible(false);
			((GridPane) functionList[0]).setVisible(false);
			primaryStage.setWidth(645);
			primaryStage.setHeight(480);
			primaryStage.setTitle("主页");
		});
		
		returnLoginPanel.setOnAction((ActionEvent e)->{
			((VBox) functionList[1]).setVisible(false);
			((VBox) functionList[2]).setVisible(false);
			((VBox) functionList[3]).setVisible(false);
			((VBox) functionList[4]).setVisible(false);
			((VBox) functionList[5]).setVisible(false);
			((VBox) functionList[6]).setVisible(false);
			((GridPane) functionList[0]).setVisible(true);  //登陆界面
			primaryStage.setTitle("登陆");

		});
		
		//menu4.getItems().add(exitMenu);
		menubar.getMenus().addAll(menu1, menu2, menu3, menu4);

		// 定义功能选择界面
		menuBox.getChildren().add(menubar);

        //通过调用方法返回给需要菜单栏的对象
		return menuBox;
	}

系统界面展示：

登陆界面：

主界面：

职员录入信息界面：

管理员录入信息界面：

查询和修改界面：

分布概况界面：