Javafx实现同一面板切换页面，及使用Hbox和VBox实现自适应

最近公司项目要用到JAVAFX,于是便去学习了一下JAVAFx,期间遇到了同一面板切换页面及自适应的问题，在此与大家分享一下。
首先是javafx一目了然的目录结构。

在这里推荐大家使用Scene Builder 可视化工具打开fxml文件进行javafx界面设计，如图，是用Scene Builder 打开的fxml文件

我们采用VBox进行布局，以便实现自适应。然后依次在VBox布局中添加HBOX,Flowpane,vbox进行模块划分，如图所示

（**注意，要在工具右边栏设置flowpane和vbox的vgows为aways以便实现自适应。*）
然后在flowpane中添加两个按钮

接下来我们保存返回。打开fxml文件，找到我们要进行切换的vbox,然后在下方copy粘贴。如图。

（注意，务必给下方的vbox设置managed=“false” visible=“false”，使其不可见）
然后我们只需给按钮添加点击事件，类似于css设值div的隐藏及展示一样设置managed=“false” visible="false"即可，如下图

到这里我们就已经初步完成了javafxf同一面板切换页面的效果了，大家可以在controllert中再对其写相应的逻辑判断，实现更多的功能。See you !