apache-flex - 如何将图标添加到 Adob​​e Flex 移动项目中的视图列表

Question

我想在我的 flex 移动项目中的视图列表中添加一个图标。我不确定如何处理这个问题。这是代码行，下面是视图的图像。

        <s:List id="calcList" width="100%" height="98%" alternatingItemColors="[#0099999,#990000]"
            change="calcList_changeHandler(event)" color="#FFFAF0" contentBackgroundColor="#fffdd0"
            fontWeight="normal" labelField="name" textAlign="left" >


        <s:dataProvider>

            <s:ArrayCollection id="calcListCollection">  
                <fx:Object viewID="A1c" name="A1c " category="Medical"/>
                <fx:Object viewID="BMI" name="BMI " category="Fitness"/>
                <fx:Object viewID="GPA" name="GPA " category="Education"/>
                <fx:Object viewID="Tip" name="Tip " category="Personal" />


            </s:ArrayCollection>
        </s:dataProvider>
    </s:List>

Answer 1

创建了一个名为 MyIconRenderer.mxml 的 .MXML 组件

<!--?xml version="1.0" encoding="utf-8"?-->
   <s:IconItemRenderer
   xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   iconField="icon"
   labelField="name"
   messageField="category"
   iconWidth="45"
   iconHeight="45"
/>

然后通过调用渲染的项目“MyIconRenderer”在数组列表中实现代码，如下所示：

 itemRenderer="MyIconRenderer"

然后将图标属性传递给您选择的列表的数组集合。