Flex4 TabBar皮肤

我试图皮肤TabBar和NavigatorContent。Flex4 TabBar皮肤

Please see image for explanation - 所有选项卡都是透明的（alpha 0.6）以及它们的边框。

如何从选定的buttonTab下的NavigatorContent中删除顶部边框？

来源

2010-09-09 im4LF

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

你也可以写你自己的皮肤

或扩展组件本身

来源

2010-09-10 10:11:27 Eugene

在这种情况下，边框将从顶部删除。但我需要删除选定按钮下方的边框。 – im4LF 2010-09-11 11:04:17

只是在选择状态的情况下应用这种风格。你熟悉国家吗？ – Eugene 2010-09-11 14:54:22

是的，我了解国家。我试图使用建议，但...看到下一篇文章的解释。 – im4LF 2010-09-13 02:50:10

其如何必须是：

How its must be

尝试使用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-13 03:03:24 im4LF

我认为你已经在使用更简单的方法，导致所有其他的将会更加困难，并且在设计/视图逻辑中不是很好的解决方案。 – Eugene 2010-09-13 08:12:43

Flex4 TabBar皮肤

回答

相关问题