首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何创建具有固定页眉和页脚的GWT布局,以允许滚动窗格中心自动调整大小?

如何创建具有固定页眉和页脚的GWT布局,以允许滚动窗格中心自动调整大小?
EN

Stack Overflow用户
提问于 2012-10-18 21:51:56
回答 2查看 1.7K关注 0票数 1

我脑海中有一个设计,我正在努力将其转换为GWT布局。

基本上,我需要一个页眉和页脚,其中有一个固定的像素高度和完整的浏览器宽度,但问题是他们必须始终对用户可见。

我一直在使用DockLayoutPanel的北向和南向面板,然后在中心添加一个滚动面板,当我使用Unit.PCT时,这很好用,但我需要修复北向和南向面板,使它们始终是以像素为单位的设置高度,同时仍然允许中心滚动面板自动填充两者之间的空白。

一张图片胜过千言万语,所以我很快就起草了如下内容:

draft design

如果您有任何想法可以解决这个问题,我将非常感谢您的意见!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-10-18 22:06:35

代码语言:javascript
运行
复制
final DockLayoutPanel dPanel = new DockLayoutPanel(Unit.PX);

dPanel.addNorth(new FlowPanel(), 48);
dPanel.addSouth(new FlowPanel(), 48);

final Panel centerPanel = new FlowPanel();

for (int i = 0; i < 100; i ++)
  centerPanel.add(new Label("Lorem ipsum"));

dPanel.add(new ScrollPanel(centerPanel));

RootLayoutPanel.get().add(dPanel);
票数 1
EN

Stack Overflow用户

发布于 2012-10-19 07:58:07

也许这有点离题,但是,如果还不算太晚,如果你有选择设计的自由,我建议你使用这个: gwt-bootstrap的http://gwtbootstrap.github.com/ Bootstrap看起来很好,很容易使用,并且好心人已经把它移植到GWT中,你可以用一种类似于使用标准GWT组件的方式使用它。这个东西确实简化了我们的设计/布局问题。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12956311

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档