1

TabBar と NavigatorContent をスキンしようとしています。

説明については画像を参照してください- すべてのタブは透明 (アルファ 0.6) で、境界線も表示されます。

選択した buttonTab の下の NavigatorContent から上の境界線を削除するにはどうすればよいですか?

4

2 に答える 2

2

その方法は次のとおりです。

どうあるべきか

BlendMode.ERASE を使用しようとしています:

アプリケーション コード:

...  
<s:SkinnableContainer blendMode="layer" ... skinClass="skins.TabBorder">
    <mx:ViewStack ...>
        <s:NavigatorContent label="Search" skinClass="skins.TabSkin" /> 
        <s:NavigatorContent label="Customer Info" skinClass="skins.TabSkin" /> 
    </mx:ViewStack>
    <s:TabBar dataProvider="{myViewStack}"  ... />
</s:SkinnableContainer>
...

skins.TabBorder:

<s:Rect left="0" right="0" top="25" bottom="0" radiusX="6" topLeftRadiusX="0">
    <s:stroke>
        <s:SolidColorStroke color="#ffffff" alpha="0.3" />
    </s:stroke>
</s:Rect>

skins.TabBarButtunSkin:

<!-- its black rect which clears all under -->
<s:Rect blendMode="erase" top="0" left="0" right="0" bottom="-2" topLeftRadiusX="6" topRightRadiusX="6" includeIn="selectedStates, overStates">
    <s:fill>
        <s:SolidColor color="#000000" />
    </s:fill>
</s:Rect>

おそらくもっと簡単な方法がありますか？

于 2010-09-13T03:03:24.557 に答える
0

<... borderSides=”left bottom right” borderStyle=”solid” borderThickness=”1″ ...>

独自のスキンを作成することもできます

またはコンポーネント自体を拡張します

于 2010-09-10T10:11:27.553 に答える