Как создать макет GWT с фиксированным верхним и нижним колонтитулами, который позволяет автоматически изменять размер центра области прокрутки?

Question

Я имею в виду дизайн, который я пытаюсь преобразовать в макет GWT.

В основном мне нужны верхний и нижний колонтитулы, которые имеют фиксированную высоту пикселей и полную ширину браузера, загвоздка в том, что они оба всегда должны быть видны пользователю.

Я поиграл с DockLayoutPanel с северной и южной панелями, а затем добавил панель прокрутки к центру, это прекрасно работает, когда я использую Unit.PCT, но мне нужно исправить северную и южную панели так, чтобы они всегда были набором. Высота в пикселях, но все же позволяет центральной панели прокрутки автоматически заполнить промежуток между ними.

Картинка стоит тысячи слов, поэтому я быстро составил это:

эскизный проект

Если у вас есть идеи, как это можно решить, я был бы очень рад услышать от вас!

Answer 1

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

Answer 2

Может быть, это немного не по теме, НО, я бы посоветовал вам использовать это, если еще не слишком поздно и если у вас есть свобода выбора дизайна: http://gwtbootstrap.github.com/ Twitter Bootstrap выглядит красиво и он прост в использовании, и любезные ребята из gwt-bootstrap портировали его в GWT таким образом, что вы можете использовать его аналогично использованию стандартных компонентов GWT. Эта вещь действительно упростила наши проблемы дизайна / верстки.