Codenameone WebBrowser 组件在选项卡标题左对齐时隐藏选项卡

Question

当我有一个选项卡组件，其中一个选项卡位于屏幕左侧，并且其中一个选项卡包含一个 WebBrowser 组件（在具有 BorderLayout 的容器内）时，选项卡磁贴（和图标）隐藏在选项卡之后的选项卡上包含 WebBrowser 组件。

这在模拟器和 Android 版本中可以看到 - IOS 版本很好。

基本上，WebBrowser 太宽并覆盖了选项卡。

代码示例：

Form f = new Form();

f.setLayout(new BorderLayout());

Tabs tabs = new Tabs();
tabs.setTabPlacement(Component.LEFT);

f.addComponent(BorderLayout.CENTER, tabs);

tabs.addTab("Tab 1", new Label("Label for tab 1"));

WebBrowser wb = new WebBrowser();
wb.setPage("<h1>Web Browse Tab 2", null);

tabs.addTab("Tab 2", wb);
tabs.addTab("Tab 3", new Label("Label for tab 2"));

f.show();

Tab 2 Tab 3

Answer 1

您可以在将 Web 浏览器放入选项卡之前将其包装在 BorderLayout 容器中。

此外，标签需要添加容器，而不是标签或任何其他组件。

你可以这样做：

    Form f = new Form(new BorderLayout());
    Tabs tab = new Tabs(Component.LEFT);
    f.addComponent(BorderLayout.CENTER, tab);
    tab.addTab("Tab 1", encloseIn(new BoxLayout(BoxLayout.Y_AXIS), new Label("Label for tab 1")));
    WebBrowser wb = new WebBrowser();
    wb.setPage("<h1>Web Browse Tab 2", null);
    tab.addTab("Tab 2", BorderLayout.center(wb));
    tab.addTab("Tab 3", encloseIn(new BoxLayout(BoxLayout.Y_AXIS), new Label("Label for tab 2")));

Answer 2

您应该能够将BrowserComponent 直接放在选项卡中，并且选项卡本身位于表单的中心，因此这应该“正常工作”。

您似乎做得很好，所以我不确定为什么会发生这种情况。确保您没有定义像 tabsOnTopBool 这样的主题常量。

如果不存在，则可能是内部 TabsLayout 类没有为侧选项卡留出足够空间的问题。