3

Java GWTでフローパネルを使用しようとしていますが、異なるウィジェットを追加すると、パネルはすべてのウィジェットを新しい行に追加します。これが、flowPanelを設定する方法です。

 public class Test extends Composite {
   public abstract class SomeWidget<T> extends Composite {
      ...
   }

   public class SomeStringWidget extends SomeWidget<String> {
      ...
   }


   public void setWidget() {
     FlowPanel fp = new FlowPanel();
     fp.setWidth("100%");
     fp.add(new SomeStringWidget());
     fp.add(new SomeStringWidget());
     ...
   }
 }

すべてのウィジェットが新しい行に設定され、フローパネルのように、スペースがなくなるまでウィジェットを1行に追加してから、新しい行に追加しないのはなぜですか？

4

3 に答える 3

7

フロー パネルは、Style GWT-FlowPanel を使用して DIV 要素を生成します。内部ウィジェットをインラインにしたい場合は、次の CSS を使用して内部ウィジェットの CSS を作成します。

.SomeStringWidget {
   display: inline;
}

また

.SomeStringWidget {
    display: inline-block; 
}

また

.SomeStringWidget {
   float: left;
}

そしてウィジェットで、コンストラクターに CSS クラス .SomeStringWidget を設定します。

public SomeStringWidget {
    this.setStyleName("SomeStringWidget");
}
于 2013-02-04T12:40:01.827 に答える
3

私は同じ問題に直面しており、FlowPanel ウィジェットにスタイルを割り当てて、ウィジェットを一列に並べました。これで問題は解決します。

FlowPanel fp = new FlowPanel();
fp.setStyleName("flowPanel_inline");

スタイル.css

.flowPanel_inline
{
    display:inline;
}

また、追加された要素にも同じスタイルを設定する必要があります。

于 2013-02-04T12:09:51.807 に答える