修复导航语义图标与刷新状态

This commit is contained in:
张家训
2026-08-01 14:41:24 +08:00
parent 9883ca0950
commit 0a24a9b52b
3 changed files with 148 additions and 33 deletions
@@ -40,7 +40,7 @@ public class MainWindow {
private EmbeddedEntry currentEmbedded;
private HBox pluginToolbar;
private Label toolbarIcon;
private FontIcon toolbarIcon;
private Label toolbarTitle;
public MainWindow(List<NavItem> navItems, WorkUtilsProperties properties) {
@@ -120,8 +120,7 @@ public class MainWindow {
pluginToolbar.setVisible(false);
pluginToolbar.setManaged(false);
toolbarIcon = new Label();
toolbarIcon.setFont(Theme.body());
toolbarIcon = IconFactory.create(AppIcon.APP, 18);
toolbarTitle = new Label();
toolbarTitle.setFont(Theme.body());
pluginToolbar.getChildren().addAll(toolbarIcon, toolbarTitle);
@@ -141,8 +140,8 @@ public class MainWindow {
showEmbeddedFor(item);
}
private void showPluginToolbar(String icon, String title) {
toolbarIcon.setText(icon);
private void showPluginToolbar(AppIcon icon, String title) {
toolbarIcon.setIconCode(icon.glyph());
toolbarTitle.setText(title);
pluginToolbar.setVisible(true);
pluginToolbar.setManaged(true);
@@ -191,9 +190,9 @@ public class MainWindow {
}
}
public void embedPlugin(String pluginId, String icon, String name, Parent content) {
public void embedPlugin(String pluginId, String ignoredIcon, String name, Parent content) {
embeddedCache.remove(pluginId);
EmbeddedEntry entry = new EmbeddedEntry(content, icon, name);
EmbeddedEntry entry = new EmbeddedEntry(content, NavItem.iconForPlugin(pluginId), name);
embeddedCache.put(pluginId, entry);
switchToEmbedded(pluginId, entry);
}
@@ -242,7 +241,7 @@ public class MainWindow {
wrapper.getStyleClass().add(Theme.CSS_CONTENT_AREA);
wrapper.setCenter(content);
contentArea.getChildren().setAll(wrapper);
showPluginToolbar(icon, title);
showPluginToolbar(AppIcon.APP, title);
}
public void refreshTheme() {
@@ -251,11 +250,11 @@ public class MainWindow {
private static final class EmbeddedEntry {
private final Parent content;
private final String icon;
private final AppIcon icon;
private final String title;
private BorderPane wrapper;
private EmbeddedEntry(Parent content, String icon, String title) {
private EmbeddedEntry(Parent content, AppIcon icon, String title) {
this.content = content;
this.icon = icon;
this.title = title;
@@ -303,6 +302,7 @@ public class MainWindow {
case "git-review" -> AppIcon.GIT_REVIEW;
case "mybatisexport" -> AppIcon.SQL_EXPORT;
case "mybatisgenerator" -> AppIcon.MYBATIS_GENERATOR;
case "mobile-ui-auto" -> AppIcon.APP;
case "__settings__" -> AppIcon.SETTINGS;
default -> AppIcon.APP;
};
@@ -22,6 +22,7 @@ import javafx.scene.layout.Priority;
import javafx.scene.layout.Region;
import javafx.scene.layout.VBox;
import java.util.ArrayList;
import java.util.LinkedHashMap;
import java.util.List;
import java.util.Map;
@@ -37,9 +38,8 @@ public final class NavigationRail extends VBox {
private final ReadOnlyBooleanWrapper expanded = new ReadOnlyBooleanWrapper(this, "expanded", true);
private final Consumer<MainWindow.NavItem> navigator;
private final ToggleGroup selection = new ToggleGroup();
private final Map<String, MainWindow.NavItem> itemsByPluginId = new LinkedHashMap<>();
private final Map<String, ToggleButton> buttonsByPluginId = new LinkedHashMap<>();
private final Map<String, Tooltip> tooltipsByPluginId = new LinkedHashMap<>();
private final List<ItemView> itemViews = new ArrayList<>();
private final Map<String, ItemView> viewsByPluginId = new LinkedHashMap<>();
private final VBox itemBox = new VBox();
private final Label brandLabel = new Label("WorkUtils");
private final Button collapseButton = new Button();
@@ -83,12 +83,13 @@ public final class NavigationRail extends VBox {
public void selectPlugin(String pluginId) {
requireFxThread();
ToggleButton button = buttonsByPluginId.get(pluginId);
MainWindow.NavItem item = itemsByPluginId.get(pluginId);
if (button == null || item == null) {
if (pluginId == null) {
return;
}
activate(item, button);
ItemView view = viewsByPluginId.get(pluginId);
if (view != null) {
activate(view.item(), view.button());
}
}
public String selectedPluginId() {
@@ -100,21 +101,26 @@ public final class NavigationRail extends VBox {
Objects.requireNonNull(items, "items must not be null");
selection.selectToggle(null);
for (ItemView view : itemViews) {
view.button().setOnAction(null);
view.button().setTooltip(null);
view.button().setToggleGroup(null);
}
itemBox.getChildren().clear();
itemsByPluginId.clear();
buttonsByPluginId.clear();
tooltipsByPluginId.clear();
itemViews.clear();
viewsByPluginId.clear();
selectedItem = null;
selectedPluginId = null;
for (MainWindow.NavItem item : items) {
addItem(Objects.requireNonNull(item, "navigation item must not be null"));
for (int index = 0; index < items.size(); index++) {
addItem(Objects.requireNonNull(items.get(index), "navigation item must not be null"), index);
}
updateItemAppearance();
}
Tooltip tooltipFor(String pluginId) {
return tooltipsByPluginId.get(pluginId);
ItemView view = pluginId == null ? null : viewsByPluginId.get(pluginId);
return view == null ? null : view.tooltip();
}
private void buildHeader() {
@@ -137,7 +143,7 @@ public final class NavigationRail extends VBox {
getChildren().add(header);
}
private void addItem(MainWindow.NavItem item) {
private void addItem(MainWindow.NavItem item, int index) {
ToggleButton button = new ToggleButton(item.name, IconFactory.createButtonIcon(item.icon, item.name));
button.setToggleGroup(selection);
button.setContentDisplay(ContentDisplay.LEFT);
@@ -149,21 +155,24 @@ public final class NavigationRail extends VBox {
button.getStyleClass().add(Theme.CSS_NAV_CELL);
if (item.pluginId != null) {
button.setId("nav-" + item.pluginId);
} else {
button.setId("nav-item-" + index);
}
Tooltip tooltip = new Tooltip(item.name);
button.setOnAction(event -> activate(item, button));
itemsByPluginId.put(item.pluginId, item);
buttonsByPluginId.put(item.pluginId, button);
tooltipsByPluginId.put(item.pluginId, tooltip);
ItemView view = new ItemView(item, button, tooltip);
itemViews.add(view);
if (item.pluginId != null) {
viewsByPluginId.put(item.pluginId, view);
}
itemBox.getChildren().add(button);
}
private void activate(MainWindow.NavItem item, ToggleButton button) {
selection.selectToggle(button);
buttonsByPluginId.values().forEach(candidate ->
candidate.getStyleClass().remove(Theme.CSS_NAV_CELL_ACTIVE));
itemViews.forEach(view -> view.button().getStyleClass().remove(Theme.CSS_NAV_CELL_ACTIVE));
if (!button.getStyleClass().contains(Theme.CSS_NAV_CELL_ACTIVE)) {
button.getStyleClass().add(Theme.CSS_NAV_CELL_ACTIVE);
}
@@ -194,15 +203,18 @@ public final class NavigationRail extends VBox {
}
private void updateItemAppearance() {
for (Map.Entry<String, ToggleButton> entry : buttonsByPluginId.entrySet()) {
MainWindow.NavItem item = itemsByPluginId.get(entry.getKey());
ToggleButton button = entry.getValue();
for (ItemView view : itemViews) {
MainWindow.NavItem item = view.item();
ToggleButton button = view.button();
button.setText(isExpanded() ? item.name : null);
button.setTooltip(isExpanded() ? null : tooltipsByPluginId.get(entry.getKey()));
button.setTooltip(isExpanded() ? null : view.tooltip());
button.setAlignment(isExpanded() ? Pos.CENTER_LEFT : Pos.CENTER);
}
}
private record ItemView(MainWindow.NavItem item, ToggleButton button, Tooltip tooltip) {
}
private static void requireFxThread() {
if (!Platform.isFxApplicationThread()) {
throw new IllegalStateException("NavigationRail must be accessed on the JavaFX Application Thread");
@@ -4,17 +4,25 @@ import com.example.workutils.system.ui.DesignTokens;
import com.example.workutils.system.ui.MainWindow;
import com.example.workutils.system.ui.Theme;
import com.example.workutils.system.ui.icon.AppIcon;
import com.example.workutils.system.config.WorkUtilsProperties;
import javafx.css.PseudoClass;
import javafx.scene.control.ToggleButton;
import javafx.scene.control.Tooltip;
import javafx.scene.layout.StackPane;
import org.junit.jupiter.api.Test;
import org.kordamp.ikonli.javafx.FontIcon;
import java.lang.reflect.Field;
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.atomic.AtomicInteger;
import java.util.concurrent.atomic.AtomicReference;
import static com.example.workutils.system.ui.FxTestSupport.fx;
import static org.junit.jupiter.api.Assertions.assertEquals;
import static org.junit.jupiter.api.Assertions.assertFalse;
import static org.junit.jupiter.api.Assertions.assertInstanceOf;
import static org.junit.jupiter.api.Assertions.assertNull;
import static org.junit.jupiter.api.Assertions.assertNotNull;
import static org.junit.jupiter.api.Assertions.assertSame;
import static org.junit.jupiter.api.Assertions.assertTrue;
@@ -29,6 +37,22 @@ class NavigationRailTest {
},
"api-doc");
@Test
void pluginToolbarUsesFeatherSemanticsInsteadOfLegacyTextIcons() throws Exception {
fx(() -> {
MainWindow window = new MainWindow(List.of(), new WorkUtilsProperties());
window.embedPlugin("api-doc", "legacy-api-icon", "API", new StackPane());
assertEquals(AppIcon.API_DOC.glyph(), toolbarIcon(window).getIconCode());
window.embedPlugin("mobile-ui-auto", "legacy-mobile-icon", "Mobile", new StackPane());
assertEquals(AppIcon.APP.glyph(), toolbarIcon(window).getIconCode());
window.embedPlugin("third-party", "legacy-third-party-icon", "Other", new StackPane());
assertEquals(AppIcon.APP.glyph(), toolbarIcon(window).getIconCode());
});
}
@Test
void collapsePreservesSelectionAndDoesNotRouteAgain() throws Exception {
fx(() -> {
@@ -67,6 +91,79 @@ class NavigationRailTest {
});
}
@Test
void itemsWithoutPluginIdsKeepIndependentCollapseAndActiveState() throws Exception {
fx(() -> {
MainWindow.NavItem first = new MainWindow.NavItem(
AppIcon.DIFF, "First", "First item", () -> {
});
MainWindow.NavItem second = new MainWindow.NavItem(
AppIcon.SCANNER, "Second", "Second item", () -> {
});
List<MainWindow.NavItem> routed = new ArrayList<>();
NavigationRail rail = new NavigationRail(List.of(first, second), routed::add);
rail.setExpanded(false);
ToggleButton firstButton = (ToggleButton) rail.lookup("#nav-item-0");
ToggleButton secondButton = (ToggleButton) rail.lookup("#nav-item-1");
assertNotNull(firstButton);
assertNotNull(secondButton);
assertEquals("First", firstButton.getTooltip().getText());
assertEquals("Second", secondButton.getTooltip().getText());
firstButton.fire();
secondButton.fire();
assertEquals(List.of(first, second), routed);
assertTrue(secondButton.getStyleClass().contains(Theme.CSS_NAV_CELL_ACTIVE));
assertFalse(firstButton.getStyleClass().contains(Theme.CSS_NAV_CELL_ACTIVE));
});
}
@Test
void nullAndUnknownPluginIdsDoNotSelectOrRoute() throws Exception {
fx(() -> {
AtomicInteger routed = new AtomicInteger();
MainWindow.NavItem withoutId = new MainWindow.NavItem(
AppIcon.APP, "No ID", "No ID item", () -> {
});
NavigationRail rail = new NavigationRail(List.of(withoutId, API_DOC),
item -> routed.incrementAndGet());
rail.selectPlugin(null);
rail.selectPlugin("unknown-plugin");
assertEquals(0, routed.get());
assertNull(rail.selectedPluginId());
});
}
@Test
void refreshDetachesOldButtonsFromSelectionAndRouting() throws Exception {
fx(() -> {
AtomicInteger routed = new AtomicInteger();
MainWindow.NavItem first = new MainWindow.NavItem(
AppIcon.DIFF, "First", "First item", () -> {
}, "first");
MainWindow.NavItem second = new MainWindow.NavItem(
AppIcon.SCANNER, "Second", "Second item", () -> {
}, "second");
NavigationRail rail = new NavigationRail(List.of(first), item -> routed.incrementAndGet());
ToggleButton oldButton = (ToggleButton) rail.lookup("#nav-first");
oldButton.fire();
rail.setItems(List.of(second));
ToggleButton newButton = (ToggleButton) rail.lookup("#nav-second");
assertNull(oldButton.getToggleGroup());
assertNull(oldButton.getOnAction());
assertEquals(1, newButton.getToggleGroup().getToggles().size());
oldButton.fire();
assertEquals(1, routed.get());
});
}
@Test
void collapsedRailUsesExactFixedWidthAndCollapsedPseudoClass() throws Exception {
fx(() -> {
@@ -100,4 +197,10 @@ class NavigationRailTest {
assertSame(tooltip, apiDocButton.getTooltip());
});
}
private static FontIcon toolbarIcon(MainWindow window) throws ReflectiveOperationException {
Field field = MainWindow.class.getDeclaredField("toolbarIcon");
field.setAccessible(true);
return assertInstanceOf(FontIcon.class, field.get(window));
}
}