更改 TabBar 背景定位答案

【问题标题】：Change TabBar background positioning更改 TabBar 背景定位
【发布时间】：2011-10-03 06:05:27
【问题描述】：

我有一个 TabNavigator，在按钮和内容内部都有自定义外观。我想在各个选项卡后面放一张图片。一条高约 20 像素的长条，沿着控件的宽度运行。按钮和导航器内容都是 spark 组件，而实际的选项卡导航器控件组是 mx 类型。我可以更改的唯一属性是背景颜色。有没有办法告诉背景将自己定位为 top="-10" 或类似的东西，还是我需要走 CSS 路线？

【问题讨论】：

如果您将发布您所拥有和想要的内容的快速屏幕截图，我可以通过一些简单的比例 9 嵌入式图形帮助您到达那里（使用 MX basec 时您想要做的最佳方式）组件）。
此外，根据图像的不同，甚至可能不需要比例 9，因为它可以使用 FXG 或仅使用普通填充创建。这是 Flex 3 还是 4？

标签： flash apache-flex actionscript-3 flash-builder mxml

【解决方案1】：

看起来这个问题出现在here 之前，答案是使用位于以下位置的 Flex Style Navigator：

http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

在他们的沙箱中，我可以将标签背景设置为透明；但是，当我将 CSS 应用于我的 MXML 时，我无法复制背景 alpha：

@namespace mx "库://ns.adobe.com/flex/mx"; mx|标签导航器 { 背景阿尔法：1； tabStyleName: "myTabs"; firstTabStyleName: "myTabs"; lastTabStyleName: "myTabs"; selectedTabTextStyleName: "mySelectedTabs"; } .myTabs { highlightAlphas: 0, 0; fillAlphas: 0, 0; 背景阿尔法：0； } .mySelectedTabs { }

【讨论】：