如何使用UIBinder

Question

我的GWT项目中有以下电影列表视图：

蓝色框是在ScrollPanel中插入的CompositeWidgets。 我想获得一个网格（4列），而不是一条线作为视图。我是CSS的初学者，所以我不知道如何获得我的目的。非常感谢！

Answer 1

使用FlowPanel包装您的小部件，以便结构看起来像：

<g:ScrollPanel>
    <g:FlowPanel styleName="{style.canFitFourOnlyInaRow}">
       // add your blue boxes here
    </g:FlowPanel>
</g:ScrollPanel>

并定义一个名为canFitFourOnlyInaRow的样式，其宽度等于蓝框的4个宽度+根据需要增加额外边距。

<ui:style>
   .canFitFourOnlyInaRow {width: 500px;} /* 500px just for example */
</ui:style>

这将使蓝框＃5跳到下一行。

顺便说一下，你只需要垂直滚动吗？