1

GWT レイアウトに変換するのに苦労しているデザインを念頭に置いています。

基本的に、固定ピクセルの高さとブラウザー全体の幅を持つヘッダーとフッターが必要です。問題は、両方が常にユーザーに表示されている必要があることです。

北パネルと南パネルで DockLayoutPanel をいじってから、中央にスクロール パネルを追加しました。これは、Unit.PCT を使用するとうまく機能しますが、北パネルと南パネルが常にセットになるように修正する必要があります。高さはピクセル単位ですが、中央のスクロール パネルが 2 つの間のギャップを自動的に埋めることができます。

百聞は一見に如かずので、私はすぐにこれを起草しました：

ドラフトデザイン

これを解決する方法がありましたら、ご連絡いただければ幸いです。

4

2 に答える 2

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);
于 2012-10-18T14:06:34.513 に答える
1

トピックから少し外れているかもしれませんが、まだ手遅れでなく、デザインを自由に選択できる場合は、これを使用することをお勧めします : http://gwtbootstrap.github.com/使い方は簡単で、gwt-bootstrap の親切な人々が、標準の GWT コンポーネントを使用する場合と同様の方法で使用できるように、GWT に移植しました。これにより、デザイン/レイアウトの問題が非常に単純化されました。

于 2012-10-18T23:58:07.093 に答える