2012-12-27 79 views
0

我現在有以下安裝(抽象爲簡單起見):星火的TabBar獨特標籤

<s:TabBar id="extentTypeTabBar" dataProvider="{vs}"/> 
<mx:ViewStack id="vs"> 
    <s:NavigatorContent id="firstTab" label="Action"> 
     <!--content--> 
    </s:NavigatorContent> 
    <s:NavigatorContent id="secondTab" label="Adventure"> 
     <!--content--> 
    </s:NavigatorContent> 
    <s:NavigatorContent id="thirdTab" label="Favorites"> 
     <!--content--> 
    </s:NavigatorContent> 
</mx:ViewStack> 

我想thirdTab有一個圖像,而不是一個標籤(即一個明星或心臟的圖像,而不是單詞「收藏夾」)。我試過在NavigatorContent上使用'icon'屬性,無濟於事。

我認爲實現這一目標,我將不得不創建它背後的邏輯對於Spark的TabBar自定義皮膚,因爲我只想唯一一個皮膚選項卡中,並不是所有的選項卡。有沒有人有如何做到這一點的例子?

謝謝!
jp

+0

這是否幫助你嗎? [鏈接](http://stackoverflow.com/questions/4452588/how-can-i-add-multiple-icons-to-the-spark-tabbar-control) – PCM

回答

0

如果您使用NavigatorContent對象的icon屬性,這應該工作得很好。該icon屬性的類型爲Class,所以你必須爲它提供代表嵌入圖像或FXG對象的類。

下面是這兩種方法的一個例子:

<s:NavigatorContent icon="@Embed('favorite_icon.png')" /> <!-- embedded icon --> 
<s:NavigatorContent icon="{FxgAsset}" /> <!-- fxg asset --> 

爲方便起見,我把圖標在我的項目的「默認包」,只需更改路徑圖標來匹配你的圖標的位置。我在第二個示例中使用的FXG資產可以位於項目中的任何位置。 FXG資產本質上是類,所以你不需要指定路徑(你的IDE應該像其他任何類一樣)。

注意有一些其他的方式來嵌入圖像,所有的人都應該工作...我這裏顯示的是列舉了最簡單:)