python - 如何获得睡衣或 gwt 中菜单项之间的边距？

Question

我使用睡衣实现了一个菜单栏:

from pyjamas.ui.RootPanel import RootPanel
from pyjamas.ui.Composite import Composite
from pyjamas.ui.MenuBar import MenuBar

class Menubar(Composite):
    def __init__(self):
        Composite.__init__(self)

        menubar = MenuBar(vertical=False)
        menubar.addItem("Dashboard", "")
        menubar.addItem("FileInspect", "")

        self.initWidget(menubar)

RootPanel().add(Menubar())

但无论如何，我已经尝试过，我无法获得菜单项“Dashboard”和“FileInspect”之间的边距/空间。我们非常感谢您的建议。

Answer 1

在 GWT 中，您可以在任何要分隔的菜单项对之间添加 MenuItemSeparator。分隔符的宽度决定了项目之间的分隔。您可以设置分隔符的样式，使其看起来不可见。例如，

private MenuBar myMenuBar=new MenuBar(false); // false for horizontal menu bar
private MenuItemSeparator separator=new MenuItemSeparator();
private MenuItem item1;
private MenuItem item2;

myMenuBar.add(item1);
myMenuBar.add(separator);
myMenuBar.add(item2);

separator.setStyleName("separatorStyle");

在 CSS 中定义分隔符样式。例如，如果您想要 20px 间隔...

.separatorStyle{
width: 20px;
padding: 0px;
margin: 0px;
border: none;
background: none;
}