【问题标题】:How to make an application layout like desktop app in GWT?如何在 GWT 中制作类似于桌面应用程序的应用程序布局?
【发布时间】:2011-01-29 10:45:50
【问题描述】:

我是 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 支持对我来说没问题。或者背后的逻辑也很好。

非常感谢。

【问题讨论】:

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


    【解决方案1】:

    看看 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】:

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

    要让应用填满页面,请使用RootLayoutPanel

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

    【讨论】:

    【解决方案3】:

    我确实建议您使用 gwt-mosaic 用于类似 gwt 的桌面应用程序。您应该检查它的demo,它是纯 Java,因此调试马赛克组件非常容易。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-09-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多