0

この DockPanel http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwDockPanel とそのコードを見てください:

  dock.add(new HTML(constants.cwDockPanelNorth1()), DockPanel.NORTH);
  dock.add(new HTML(constants.cwDockPanelSouth1()), DockPanel.SOUTH);
  dock.add(new HTML(constants.cwDockPanelEast()), DockPanel.EAST);
  dock.add(new HTML(constants.cwDockPanelWest()), DockPanel.WEST);
  dock.add(new HTML(constants.cwDockPanelNorth2()), DockPanel.NORTH);
  dock.add(new HTML(constants.cwDockPanelSouth2()), DockPanel.SOUTH);

Java の BorderLayout に似ていますか? それとも違いますか？

下の図の UiBinder で DockLayoutPanel を使用してレイアウトを設定する方法: ここに画像の説明を入力 センターを追加しないのはなぜですか? 私は混乱しています.UiBinderで上の写真のドックレイアウトを設定する方法も?

4

1 に答える 1

3

DockPanelとDockLayouPanel の違い

DockLayoutPanel

子ウィジェットを外側の端に「ドッキング」して配置し、最後のウィジェットが中央の残りのスペースを占有できるようにするパネル。このウィジェットは標準モードでのみ機能します。標準モードでは、ウィジェットを実行する HTML ページに明示的な宣言が必要です。

ドックパネル

子ウィジェットを外側の端に「ドッキング」して配置し、最後のウィジェットが中央の残りのスペースを占有できるようにするパネル。このウィジェットには、quirks モードには存在しなかった標準モードの制限があります。DockPanel 内に含まれる子ウィジェットは、パーセンテージを使用してサイズを変更することはできません。子ウィジェットの高さを 100% に設定しても、子は利用可能な高さを埋めません。

これらの制限を回避する必要がある場合は、代わりに DockLayoutPanel を使用してください。これには標準モードが必要であり、(RootPanel ではなく) RootLayoutPanel の下で最も簡単に使用できます。

DockLayoutPanel は BorderLayout に似ています。

中央に何かを追加するには、パラメーターなしで add を使用します。

dockLayoutPanel.add(widget);

これにより、残りのすべてのスペースが使用されます。

中央のウィジェットは最後に追加する必要があります。そうしないと、例外が発生します。

作成したいレイアウトは、1 つの DockLayoutPanel だけでは作成できません。

于 2013-10-03T06:03:42.653 に答える