Question

我正在使用FXML的多视图项目，由IntelliJ的Gluon插件生成。

当我导航到辅助视图时，来自主视图，并且我按下物理android设备上的后退按钮，视图将更改回主视图。这是正常行为。

问题是NavigationDrawer停留在辅助视图上。您可以观察到这一点，因为您无法导航到辅助视图。在导航窗格中按“辅助”时，没有任何操作。此行为类似于尝试导航到您当前所在的页面，这也没有任何内容。

有谁知道解决方案？这是一个错误吗？什么是报告Gluon错误的最佳方式，因为他们不会将所有支持转移到SO？

Answer 1

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);
    });
}

胶合移动应用程序NavigationDrawer后退按钮问题

1 个答案: