Java 使用根面板创建主页

Java 使用根面板创建主页,java,gwt,Java,Gwt,我是gwt的新手,我想要一个这样的页面 ***********标题面板************* 表1***根面板1 表2** 我设法创造了一切,但我不知道如何使我的标签垂直这样 我的密码是 public void onModuleLoad() { headerRightPanel.add(portalLabel); //Tabs which I want it vertical headerRightPanel.add(orderMenu); headerRig

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

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

表1***根面板1

表2**

我设法创造了一切,但我不知道如何使我的标签垂直这样

我的密码是

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);
}

如果要将图元保持在垂直位置,请使用VerticalPanel:

GWT有很多组件,不幸的是这些组件使用的是表,而不是css

但在这个例子中,我可能会使用css解决方案。并且只使用div(带有css类的FlowPanel)。GWT垂直面板和水平面板使用Neeth下的表格,即。。。创建布局的粗略解决方案

我主要赞成使用UIBinder:

如果这对你来说不是太难的话。但它可以帮助您在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.

你的整个结构是错误的。Rootpanel是父布局,您可以在其中添加其他内容,例如面板和小部件。你是在找像披露小组这样的东西吗

下面是gwt中所有面板和小部件的演示

您是指垂直面板中的(订单菜单、主页菜单、注销)选项卡吗?您能给我一些FlowPanel的示例吗?将选项卡放在垂直/水平面板中,这样可以将它们设置在特定位置。默认情况下,所有选项卡内容都是隐藏的,因此您只需单击“显示选定选项卡”。那很容易。我只看到了选项卡和内容的问题:)如果还有其他问题,而不是告诉我:)我假设您了解每个GWT元素都呈现一个DOM元素,所以我将首先在普通HTML中创建一个目标页面,然后使用GWT逐个元素重新构建它。