要求:
点击左边不同的按钮,右边红色方框内出现不同的内容
===========================
第一种实现方法----插入fxml方法:
实现代码==================
工程目录:
源代码路径:http://pan.baidu.com/share/link?shareid=423722688&uk=1259703658
实现原理:在同一个地方嵌入三个fxml布局,然后设置可见性
第二种方法----tabpane方法:
实现代码=======
工程目录:
源代码路径:http://pan.baidu.com/share/link?shareid=458733868&uk=1259703658
实现原理:使用tabpane控件在一个root的根目录上实现不同层的内容
问题:
这种方法有是个要解决的问题?
第一个question:
如下图
多次点击“第一个功能页面”的按钮(本图点击两次),它会新建多个页面而不是一个
解决办法:
@FXML
private void pagetwo_open(ActionEvent event) {
boolean boo = true;
int selectnum = 0;
for(int i=0;i<tabnew.getTabs().size();i++){
if(tabnew.getTabs().get(i).getText().equals(btn_pagetwo.getText())){
boo = false;
selectnum = i;
}
}
if(boo){
Tab ntab = new Tab();
ntab.setText(btn_pagetwo.getText());
Label label = new Label("这个是第二个功能页面");
label.setFont(new Font("Cambria", 32));
label.setTextFill(Color.web("#0076a3"));
ntab.setContent(label);
ntab.setClosable(true);
tabnew.getTabs().add(ntab);
}
}
通过对比要新建tab的名称是否已经在tabpane里面,是就不新建,否就新建
第二个question:
点击了“第二个功能页面“的按钮(多次点击也只会新建一个),但是点击完成后右边显示的是“主页“界面,而不是想要的”第二个功能页面“
如下图:
解决办法:
@FXML
private void pagethree_open(ActionEvent event) {
boolean boo = true;
int selectnum = 0;
for(int i=0;i<tabnew.getTabs().size();i++){
if(tabnew.getTabs().get(i).getText().equals(btn_pagethree.getText())){
boo = false;
selectnum = i;
}
}
if(boo){
Tab ntab = new Tab();
ntab.setText(btn_pagethree.getText());
Label label = new Label("这个是第三个功能页面");
label.setFont(new Font("Cambria", 32));
label.setTextFill(Color.web("#0076a3"));
ntab.setContent(label);
ntab.setClosable(true);
tabnew.getTabs().add(ntab);
tabnew.getSelectionModel().select(ntab);
}else{
tabnew.getSelectionModel().select(selectnum);
}
}
传入新建的tab或则是已存在tab的序号,注意是tabnew.getSelectionModel().........而不是tabnew.getTabs()..........
参考地址:http://stackoverflow.com/questions/17047000/javafx-closing-a-tab-in-tabpane-dynamically
第三个question:
子tab关闭与不关闭的问题
如下图:
可以设置ntab.setClosable(true);来控制tab是否可以关闭(true表示可以关闭,false表示不可以关闭,不设置默认为true),但是你有可能设置为true或则是默认后都不能关闭tab,就像主页那个tab一样,那么就需要检查你的fxml文件。
它又三个状态:UNAVAILABLE、SELECTED_TAB 、ALL_TABS,如果为UNAVAILABLE那么表示无论你设置不设置都不能关闭,SELECTED_TAB
表示你当前选中的tab可以关闭,ALL_TABS表示所有的tab可以关闭
最后总结:
方法1:
每一个功能页面一个fxml文件,每一个fxml文件对应一个controller,便于归类整理和修改,但是它一次将所有的fxml都载入,也许会影响性能
方法2:
一个tabpane就将该功能实现,是很简单的方法,但是会造成fxml文件和controller文件过于复杂,不便于修改和编写