如何获得睡衣或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

好的，那么首先在http://pyjs.org/api/的api文档中查找菜单栏（Ctrl+F可以找到它），或者如果你很懒，那么可以在这里看到它：http://pyjs.org/api/pyjamas.ui.MenuBar.MenuBar-class.html

这在本例中没有帮助，因为没有setSpacing（）方法或类似方法，但至少它确实告诉我们这一点。在

所以我想你必须通过css来完成。查看showcase示例：

睡衣/examples/showcase/src/public/Showcase.css在

现在您将看到在顶部有一个gwt MenuBar类。所以有两个选择：要么使用MenuBar小部件的addStyleName（）方法，要么编辑css中现有的样式。我可能会做后者。在

希望有帮助！！如果有，别忘了接受。在

Answer 2

在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中定义分隔符样式。例如，如果你想要20像素的分离。。。在

^{pr2}$