【问题标题】:What styles are used by tabStyleName?tabStyleName 使用哪些样式?
【发布时间】:2010-07-13 14:17:44
【问题描述】:

语言参考说“指定选项卡样式的 CSS 样式声明的名称。默认值未定义。”但是,正在使用的样式的“类型”是什么?也就是说,我可以在该样式定义中放入哪些样式属性。

例如,我希望设置选项卡上文本的 disabledColor。我似乎做不到。更糟糕的是,我一直无法找出我能做什么!

【问题讨论】:

  • 请原谅我的无知,但我该怎么做呢?
  • 在您提出的问题中,找到回答您问题的问题,然后单击复选标记。就是这么简单。此外,它还包含在“我如何在此处提问?”主题下的常见问题解答中。

标签: css apache-flex flash stylesheet


【解决方案1】:

根据livedocstabStyleName 样式适用于使用的Tab 类——它是隐藏的,因此在在线参考中不可用。您可以查找源代码 - 转到 flex 的安装文件夹并找到正确版本的 sdk,然后向下浏览到文件 mx\controls\tabBarClasses\Tab.as - 您应该能够在其中找到该类接受的样式属性。

Tab 类型选择器定义隐藏的 mx.controls.tabBarClasses.Tab 类的值。
Tab 类型选择器的默认值在 defaults.css 文件中定义。

您还可以在使用tabStyleName 样式属性指定的类选择器中定义样式;例如:

<mx:Style>
TabNavigator {
   tabStyleName:myTabStyle;
}
 .myTabStyle {
   fillColors: #006699, #cccc66;
   upSkin: ClassReference("CustomSkinClass");
   overSkin: ClassReference("CustomSkinClass");
   downSkin: ClassReference("CustomSkinClass");
}
</mx:Style>

将css写入style.css文件

.myTabStyle
{
    disabledColor: #B0B0B0;
}

使用以下方法将 CSS 文件包含到您的 Application 文件中:

<mx:Style source="style.css"/>

现在您可以将其设置为:

<mx:TabNavigator tabStyleName="myTabStyle" other="attributes"/>

如果您不想要单独的 css 文件,可以使用以下方法内联 css:

<mx:Style>
.myTabStyle
{
    disabledColor: #B0B0B0;
}
</mx:Style>

【讨论】:

  • 对不起,我想你误解了我的问题。我想知道我可以在样式定义中添加哪些属性。
  • Tab 类扩展了 mx.controls.Button,因此只需查看 Button 的文档(链接自 eruciform 的答案),您就会发现可以使用的样式。
【解决方案2】:

这是你的朋友:

http://livedocs.adobe.com/flex/3/langref/

例如在Button页面上:

http://livedocs.adobe.com/flex/3/langref/mx/controls/Button.html

有一个样式部分说明了它的用途。显示所有继承的以查看子类。

但是,对于带有子项目的复杂项目,您也必须查看它们允许的内容。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-17
    • 1970-01-01
    • 2017-09-16
    • 1970-01-01
    • 1970-01-01
    • 2012-02-26
    • 2017-12-03
    相关资源
    最近更新 更多