如何在GWT中创建类似桌面应用程序的应用程序布局?

时间:2011-01-29 10:45:50

标签: gwt uibinder gwt-ext gxt gwt-designer

虽然我已经开发了很长一段时间的网站,但我是GWT的新手,我真的想尝试一下。

我尝试使用GWT Designer布局GWT应用程序。我的想法是将设计设为ff:

-----------------------------------
|Header - fixed height            |
-----------------------------------
|Navigation - fixed height        |
-----------------------------------
|  Component       <-|-> Right    |
|   box   (a)        |   sidebar  |
|resize with screen  |predefine   |
|                    |    width   |
-----------------------------------
|Group control- fixed size        |
-----------------------------------

因为我真的陷入了这个应用程序的设计阶段,所以这可能是最好的设计方法。如何使其看起来像一个桌面应用程序,具有自动适合组件框的宽度和高度(a)。

我正在使用GXT和GWT组合。因此控制可以是纯GWT或GXT支持对我来说没问题。或者背后的逻辑也很好。

非常感谢。

3 个答案:

答案 0 :(得分:2)

这可以通过layout panels轻松完成。

要让应用填充该页面,请使用RootLayoutPanel

要按照您的描述拆分应用,请使用DockLayoutPanel

答案 1 :(得分:2)

看看Jason Hall的回答。这是Uibinder样本(如果需要):

<g:DockLayoutPanel unit='EM'>
    <g:north size='4'>
      <g:Label> Header & Navigation </g:Label>
    </g:north>
    <g:center>
      <g:SplitLayoutPanel>
        <g:east size='128'>
          <g:Label> Right Sidebar </g:Label>
        </g:east>
        <g:center>
          <g:ScrollPanel>
            <g:Label> Component Box </g:Label>
          </g:ScrollPanel>
        </g:center>
      </g:SplitLayoutPanel>
    </g:center>
    <g:south size="2">
      <g:Label> Group control </g:Label>            
    </g:south>
</g:DockLayoutPanel>

答案 2 :(得分:1)

我建议您使用gwt-mosaic用于桌面类似gwt的应用程序..您应该检查它的demo,它是纯java,因此调试镶嵌组件非常容易。

相关问题