は自動的にサイズ

Question

私はGWTに新たなんだので、次のように助けを必要に応じて、GWTのボタンを配置します添付）。これはどうすればいいですか？私はどんな助けにも感謝しています！

Answer 1

私はあなただけ左それらをフロートするために追加のCSSスタイルを使用してウィジェットを配置し、私のコメントで言ったように。 GWTコンテナとしては、FlowPanelがあります。

CSS：

.yourWidget { 
    float: left; 
    ..other styles.. 
} 

.container { 
    width: 300px; 
    overflow: hidden; 
} 

コード：

YourButtonWidget w1 = new YourButtonWidget("Some long label"); 
w1.addStyleNames("yourWidget"): 
YourButtonWidget w2 = new YourButtonWidget("Label"); 
w2.addStyleNames("yourWidget"): 
YourButtonWidget w3 = new YourButtonWidget("Another Label"); 
w3.addStyleNames("yourWidget"): 

FlowPanel container = new FlowPanel(); 
container.add(w1); 
container.add(w2); 
container.add(w3); 

はもちろん、あなたのボタンを表すウィジェットの一部としてCSSスタイルを統合することができます。あなたのウィジェットはそれ自身に幅を割り当てなければならないことを覚えておいてください。あるいはfloat: left;は明らかに機能しません。

UPDATE：あなただけのコンテナ内のすべての利用可能なスペースを埋めるために、ボタン1と2の幅を調整するためのアルゴリズムを開発しなければならない、そのために私は、あなたの最後のコメントをお読みください。 float: left;は作業をスチールしますが、ボタンのサイズを調整するだけです。

3つのボタンで、それは簡単だ（button1Widthとbutton2Widthは動的であり、button3Widthは固定である。）ここでは、（上から継続）の最終幅をうまくする方法である：

int containerWidth = container.getElement().getOffsetWidth(); 
int button1Width = w1.getElement().getOffsetWidth(); 
int button2Width = w2.getElement().getOffsetWidth(); 
int button3Width = w3.getElement().getOffsetWidth(); 

if ((button1Width + button2Width) > containerWidth) { 
    button1Width = containerWidth; 
    if ((button2Width + button3Width) > containerWidth) { 
    button2Width = containerWidth; 
    } else { 
    button2Width = containerWidth - button3Width; 
    } 
} else { 
    button2Width = containerWidth - button1Width; 
} 

w1.getElement().getStyle().setWidth(button1Width,Unit.PX); 
w2.getElement().getStyle().setWidth(button2Width,Unit.PX); 
w3.getElement().getStyle().setWidth(button3Width,Unit.PX); 

はちょうどあなたが行うことを確認してくださいこれらの調整の後にあなたはDOMにすべてを添付します。そうでなければ、幅は明らかに利用できません。