Question

我是gwt的新手，我想要一个这样的页面......

***********标题面板*************

Tab1 ***根面板1

Tab2 ***

我设法创建了所有内容，但我不知道如何使我的标签垂直... ...

我的代码是，

public void onModuleLoad() {
    headerRightPanel.add(portalLabel);
    //Tabs which I want it vertical
    headerRightPanel.add(orderMenu);
    headerRightPanel.add(homeMenu);
    headerRightPanel.add(logout);

    logout.addClickListener(this);
    homeMenu.addClickListener(this);
    orderMenu.addClickListener(this);

    headerPanel.setVisible(false);
    homeMenu.setStyleName("menuEnabled");
    orderMenu.setStyleName("menuEnabled");
    logout.setStyleName("menuEnabled");

    headerRightPanel.setStyleName("menuPanel");
    portalLabel.addStyleName("portalLabel");

    Image img = new Image("images/logo1.PNG");
    headerLeftPanel.add(img);
    headerLeftPanel.setStyleName("menuLeftPanel");
    headerPanel.add(headerLeftPanel);
    headerPanel.add(headerRightPanel);
    RootPanel.get("imageContainer").add(img1);
    RootPanel.get("sendButtonContainer").add(login);
    RootPanel.get("headerContainer").add(headerPanel);
}

Answer 1

如果要将元素保持在垂直位置，请使用VerticalPanel：

http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/client/ui/VerticalPanel.html

GWT有许多组件，不幸的是那些组件正在使用表，而不是css。

但是在这个例子中我可以采用css解决方案。并且只使用div（FlowPanel和css类）。 GWT Vertical和Hirozontal Panels使用的是underneeth表格，这是一个创建布局的粗略解决方案。

我主要使用UIBinder：

http://www.gwtproject.org/doc/latest/DevGuideUiBinder.html

如果这对你来说不是太难。但它可以帮助您在java旁边创建HTML文件，并且在构建复杂结构时更灵活。

示例：FlowPanel将在DOM中生成DIV，因此您可以向其添加类，设置样式，css，隐藏它，显示它等等。

FlowPanel flowpanel = new FlowPanel();
flowpanel.addStyleName("css-name"); // yuo can add many css classes
flowpanel.hide().show()// you can hide and show it.
flowPanel.add(new FlowPanel())// you can add other elements to it.

Answer 2

你的整个结构都错了。 Rootpanel是您添加其他内容（如面板和窗口小部件）的父布局。你在找披露面板吗？

以下是gwt中所有面板和小部件的演示 http://samples.gwtproject.org/samples/Showcase/Showcase.html#!CwDisclosurePanel

使用“根”面板创建主页

2 个答案: