如何在睡衣或gwt中获取菜单项之间的页边距？

Question

我已经使用睡衣实现了一个MenuBar：

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中你定义了separatorStyle。例如，如果你想要一个20px的间隔...

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

Answer 2

好的，首先在http://pyjs.org/api/的应用编程接口文档中查找menubar (Ctrl+F发现它没问题)，或者如果你很懒，你可以在这里看到它：http://pyjs.org/api/pyjamas.ui.MenuBar.MenuBar-class.html

这在本例中没有帮助，因为没有setSpacing()方法或类似的方法，但至少它可以肯定地告诉我们这一点。

所以我猜你必须通过css来实现。查看展示案例示例：

pyjamas/examples/showcase/src/public/Showcase.css

现在您将看到在顶部有一个gwt-MenuBar类。因此，您有两个选择:要么使用MenuBar小部件的addStyleName()方法，要么直接在css中编辑现有样式。我可能会选择后者。

希望这能有所帮助！！如果是的话，别忘了接受。