Flex-中继器组件与电网的布局
-
11-07-2019 - |
题
我有一个随机型阵列项目。我想显示一个标签的每个项目的一个中继器的组成部分。我希望他们显示在网络布局有5列和作为许多行为必要的。我该怎么做,在Flex/ActionScript?
也许还有另一种方法来这样做,我还没有看到,因此任何建议表示赞赏。谢谢!
解决方案
我会用一个瓷砖列表,而不是一个中继器。这里是一个例子:
其他提示
一个月为时已晚,但我一直在同样的情况,我需要某些功能,一个TileList不能给我。 看到这里我的问题
因此,我的中继器格是宽900个像素。每一列是300像素宽,每一行是31个像素高,其间1个像素的空格。 3列总共
的代码:
<mx:Repeater id="rptCities" dataProvider="{citiesArr}">
<mx:Canvas label="{rptCities.currentItem.city}" x="{rptCities.currentIndex%3 * 300}" y="{int(rptCities.currentIndex/3) * 32}" width="300" height="31">
<mx:Label text="{rptCities.currentItem.city}"/>
</mx:Canvas>
</mx:Repeater>
所以你怎么看这个代码:
市长部设置在所述中继器内的画布处理。正如你可以看到每个画布是300像素宽(每列的宽度)和31px高。通过与模玩,你可以定义元素的x位置。
假设有在数据提供器6项:
<强> X = “{rptCities.currentIndex%3 * 300}”强>
第一项:0%3 == x位置:0 * 300
第二项:1%3 == x位置:1 * 300
第三项:2%3 == x位置:2 * 300
所述项:3%3 == x位置:0 * 300
这需要的元素的x位置的护理。因为我想在之间1px的空间我定义32作为恒定值的元素的y位置。由数字转换为整数你舍入值(以斜体的值是数值,正常fonttype是整数挠曲考虑)
<强> Y = “{INT(rptCities.currentIndex / 3)* 32}”强>
第一项:0/3 == y位置:0 * 32
第二项:1/3 == y位置:0 * 32(0.33)
第三项:2/3 == y位置:0 * 32(0.66)
所述项:3/3 == y位置:1 * 32
当中继器处于所述项中的x和y位置= X:0和y:32,其是在第二“行”
很抱歉的相当大的答案。