Flex 4：将 ArrayCollection 外观为列表的 ItemRenderer 的数据提供者

Question

目标：我想将皮肤传递给列表的 itemRenderer（这是一个按钮），并且能够为该列表中的每个按钮设置皮肤。

这就是我所拥有的：

列表：

<s:List itemRenderer="renderers.ItemRenderer" dataProvider="{collectionWorkspace}" />

ArrayCollection：

<s:ArrayCollection id="collectionWorkspace">
    <comp:Layout1 />
    <comp:Layout2 />
    <comp:Layout3 />
    <comp:Layout4 />
    <comp:Layout5 />
</s:ArrayCollection>

布局是带有 HostComponent 按钮的外观类。

ItemRenderer：

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:mx="library://ns.adobe.com/flex/halo"
                xmlns:s="library://ns.adobe.com/flex/spark">

    <s:states>
        <s:State name="normal" />
    </s:states>

    <s:Button skinClass="{data}"/>

</s:ItemRenderer>

我收到错误（已修复以供澄清）： 错误：应用程序皮肤...找不到 Button1。

Answer 1

您正在向 skinClass 属性传递外观类的实例，而不是实际的类（按钮需要创建自己的外观类实例）。

如果可以的话，最好的办法是使collectionWorkspace成为Class对象的数组，而不是实例的数组。

<s:ArrayCollection id="collectionWorkspace">
    <fx:Class>yourPkg.Layout1</fx:Class>
    <fx:Class>yourPkg.Layout2</fx:Class>
    <fx:Class>yourPkg.Layout3</fx:Class>
    <fx:Class>yourPkg.Layout4</fx:Class>
    <fx:Class>yourPkg.Layout5</fx:Class>
</s:ArrayCollection>

如果您做不到这一点，您应该能够提取实例的类并将其传递给 skinClass。

<s:Button skinClass="{Object(data).constructor}"/>

编辑：

默认情况下，绑定不起作用，因为 data 在使用类初始化之前以 null 开头。如果你给它null，你会得到异常。要修复此问题，您需要返回 null 和 value 之间的默认时间：

<s:Button skinClass="{data != null ? data as Class : spark.skins.spark.ButtonSkin}"/>

我尝试使用一些按钮外观通过 ArrayCollection 执行此操作。它起作用了。