Adobe Flex中的圖像

我對Adobe Flex/Actionscript很新穎，正在嘗試創建人員搜索應用程序。到目前爲止，我有我的結果顯示爲水平列表，但我還想包括每名以上的圖像作爲我的精彩油漆技能顯示：Adobe Flex中的圖像

enter image description here

/* listOfPeople is a list of arrays with a["name"] a["sex"] a["dob"] and 
    a["image"] which is just a URI to the image */ 

<s:List width="100%" height="100%" id="results" dataProvider="{listOfPeople}" change="clickPerson(event)"> 
    <s:itemRenderer> 
     <fx:Component> 
      <s:MobileIconItemRenderer 
       iconField="{data.image}" 
       iconHeight="100" iconWidth="100" 
       label="{data.name} - {data.sex}" 
       messageField="dob"/> 
     </fx:Component> 

    </s:itemRenderer> 
    <s:layout> 
     <s:HorizontalLayout paddingBottom="100" gap="6" paddingTop="100" paddingLeft="0" 
      paddingRight="0" 
      requestedColumnCount="-1" 
      variableColumnWidth="true" 
      verticalAlign="bottom" 
      /> 
    </s:layout> 
</s:List>

任何想法？該iconField似乎並沒有顯示在所有使用...用正確的反斜槓

乾杯菲爾的完整路徑，即使

編輯：

的圖像顯示PersonDetails畫面精細，當人被點擊：

<s:HGroup verticalAlign="middle" gap="12" paddingTop="10" paddingLeft="10"> 

    <s:Image source="{data.image}" height="170" width="170"/> 

    <s:VGroup> 
     <s:Label text="{data.name}"/> 
     <s:Label text="{data.dOB}"/> 
     <s:Label text="{data.sex}"/> 
     <s:Label text="{data.birthplace}"/> 
     <s:Label text="{data.colour} {data.ethnicity}"/> 
     <s:Label text="{data.height}"/> 
    </s:VGroup> 

</s:HGroup>

來源

2011-03-31 p_mcp

data.image的價值是什麼？ – 2011-03-31 11:35:36

它只是一個uri，例如： C：\ Users \ pmcparlane \ Adobe Flash Builder Burrito Preview \ PersonSearch \ images \ default.jpg – 2011-03-31 11:36:56

如果您使用垂直佈局，您會看到它嗎？ – 2011-03-31 12:02:17

我認爲MobileIconItemRenderer顯示水平佈局的所有元素。如果要在文本頂部顯示圖像，則必須創建自己的渲染器或擴展MobileIconItemRender並更改其佈局元素的方式

來源

2011-03-31 13:22:49

+1是的，不幸的是，這並不像您希望的那麼容易。 MobileIconItemRenderer是僅支持ActionScript的類。它增加了所有的孩子，並直接在AS3中處理更新，而不是使用MXML和蒙皮。這是爲了提高效率。你總是可以創建一個標準的MXML ItemRenderer，但你會放棄性能。不過，我之前擴展了MobileItemRenderer，所以可以完成。我實際上建議擴展MobileItemRenderer，因爲擴展比較簡單，並使用MobileIconItemRenderer中的代碼作爲指導。 – 2011-03-31 14:13:45

Adob​​e Flex中的圖像

回答

相關問題

Adobe Flex中的圖像