NavigationDrawer
基本上是一个带有项目列表的弹出窗口,通常这些项目中的每一个都允许选择View
.
如果只能通过抽屉访问视图,那么您不会有任何问题,因为所选项目始终与活动视图相关。
当您通过其他方式(例如后退按钮)访问视图时,会出现您遇到的问题。
默认情况下,抽屉列表不会跟踪活动视图以自动选择相关项目。如果稍后,您尝试选择已选择的项目,则侦听器不会触发视图切换。
虽然这可以由控件在内部完成(传入的版本可能会管理它),但很容易实现。
只需viewProperty()
在主类上添加一个侦听器,每当视图更改时,更新抽屉上的选定项目。由于这将触发 中的更改,因此navigationDrawer.selectedItemProperty()
在更新选择之前,我们需要删除侦听器,然后再次添加它。
public static final String PRIMARY_VIEW = HOME_VIEW;
public static final String SECONDARY_VIEW = "Secondary View";
public static final String MENU_LAYER = "Side Menu";
private Item primaryItem;
private Item secondaryItem;
private final ChangeListener listener = (obs, oldItem, newItem) -> {
hideLayer(MENU_LAYER);
switchView(newItem.equals(primaryItem) ? PRIMARY_VIEW : SECONDARY_VIEW);
};
@Override
public void init() {
addViewFactory(PRIMARY_VIEW, () -> new PrimaryView(PRIMARY_VIEW).getView());
addViewFactory(SECONDARY_VIEW, () -> new SecondaryView(SECONDARY_VIEW).getView());
NavigationDrawer drawer = new NavigationDrawer();
primaryItem = new Item("Primary", MaterialDesignIcon.HOME.graphic());
secondaryItem = new Item("Secondary", MaterialDesignIcon.DASHBOARD.graphic());
drawer.getItems().addAll(primaryItem, secondaryItem);
primaryItem.setSelected(true);
drawer.selectedItemProperty().addListener(listener);
addLayerFactory(MENU_LAYER, () -> new SidePopupView(drawer));
viewProperty().addListener((obs, ov, nv) -> {
drawer.selectedItemProperty().removeListener(listener);
if (nv.getName().equals(PRIMARY_VIEW)) {
primaryItem.setSelected(true);
secondaryItem.setSelected(false);
drawer.setSelectedItem(primaryItem);
} else {
primaryItem.setSelected(false);
secondaryItem.setSelected(true);
drawer.setSelectedItem(secondaryItem);
}
drawer.selectedItemProperty().addListener(listener);
});
}