2012-05-15 78 views
1

在GWT我需要複合類似於Eclipse視圖GWT - 對齊複合到右側

  • 視圖複合含有被垂直放置的其它複合材料。

  • 第一行是一個包含多個PushButton的View工具欄。用戶點擊它們來執行一些操作。 工具欄必須對齊到視圖組合的右側。

  • 放置在第二行和後續行中的複合材料用於 顯示一些值。這些將被對齊到視圖 組合的左側。

    • View


有了下面的代碼片段,我能夠到工具欄對齊複合材料的權利,休息場所左

CaptionPanel view = new CaptionPanel("Eclipse like view"); 
VerticalPanel vPanel = new VerticalPanel(); 
view.setContentWidget(vPanel); 

ViewToolbar toolbar = new ViewToolbar(); // custom composite 
vPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_RIGHT); 
vPanel.add(toolbar);   

ViewContent viewContent = new ViewContent(); // custom composite 
vPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_LEFT); 
vPanel.add(viewContent); 

該作品按要求。但我不知道是否這樣調整水平對齊是個好主意。

有沒有更好的方法將某些複合材料對齊到右側,而其他對齊到面板的左側。

回答

2

在我看來,使用像HasHorizontalAlignment.ALIGN_LEFT這樣的東西是一個好方法,如果它不得不改變。

另一種方式來做到這一點,可以使用CSS聲明,並像myThing.addStyleName(myCustomStyle)

方法或使用UiBinder的的方式與樣式聲明

+0

此外,我會建議使用一個簡單的FlowPanel代替(基於HTML表) VerticalPanel,因爲你不再需要'setHorizo​​ntalAlignment()'方法。 –