Flex 移动设备的水平列表还是轮播？答案

【问题标题】：Horizontal List or Carousel for Flex mobile?Flex 移动设备的水平列表还是轮播？
【发布时间】：2011-03-30 16:20:27
【问题描述】：

我在 Adobe Flex / Actionscript 中创建了一个人物搜索界面，其中我们为每个人提供了一张图片和一些文字。我希望实现一些这样的：

HorizontalList Interface

或

Carousel Interface

不幸的是，这两个软件包都仅适用于桌面 Flex，我想知道是否有人知道移动 flex（尤其是 Blackberry Playbook）的替代品？

谢谢菲尔

【问题讨论】：

标签： apache-flex adobe carousel

【解决方案1】：

如果您使用标准的s:List，您可以将其layout 属性更改为HorizontalLayout 实例。

基本上是这样的：

<s:List>
    <s:layout>
        <s:HorizontalLayout/>
    </s:layout>
</s:List>

【讨论】：

【解决方案2】：

也许您可以改用 TileList。这是一个水平列表，如果页面已满，它会自动使用下一行。您可以使用 DataProvider 标签填充数据。

这是一个例子：

<mx:TileList id="tileList" borderStyle="none" paddingBottom="0"
paddingTop="5" paddingLeft="5" paddingRight="5" itemClick="onClickHandler(event)"
dataProvider="{yourArrayList}" itemRenderer="renderer.WidgetRenderer" />

widgetrenderer 类创建了我的 imageButtons（因此也可以使用普通图像）。这些按钮由我的数组列表中的数据组成，可以通过数据访问。（数组列表中的项目他的属性）如果您需要单击的项目，您可以使用您的 tilelist 的 id 并选择所选项目。

在这个例子中：

var object:Object = tileList.selectedItem;

我不知道你是否理解我的解释，如果没有，请随时询问。我希望这可以帮助你。

【讨论】：

我不认为 mx:TileList 包在 Flex 移动设备上可用......我得到“元素 'mx:TileList' 的前缀 'mx' 未绑定。”错误。我要去看看 s:TileLayout。再次感谢
没问题。我正在为 Android 2.2 和 iOS 4.0 使用这个 tilelist 制作一个移动应用程序。因此，如果 spark 组件不起作用，您可以随时尝试 mx。

【解决方案3】：

在 tour de flex 中有一个完美的例子，它使用带有 postLayoutTransform 属性的自定义布局来构建 3d 效果。

我不知道如何链接到具体的例子，但如果你去here，只需点击其他组件 -> 布局 -> 轮播

干杯！

【讨论】：

【解决方案4】：

水平列表应该可以在移动设备上正常工作！

【讨论】：