Apache flex 用CSS定义Flex4皮肤
我试图通过CSS定义我的Flex4皮肤,但我的自定义皮肤不会显示。以下是我正在做的: 在我的应用程序中,我导入css并在我的按钮中定义样式名:Apache flex 用CSS定义Flex4皮肤,apache-flex,actionscript-3,skinning,Apache Flex,Actionscript 3,Skinning,我试图通过CSS定义我的Flex4皮肤,但我的自定义皮肤不会显示。以下是我正在做的: 在我的应用程序中,我导入css并在我的按钮中定义样式名: <fx:Style source="styles.css"/> <s:Button label="Button" styleName="circle"/> 我的理解是,我的按钮应该通过CSS提供给它的skinClass,但它无法工作。如果我像下面那样直接定义skinClass,它可以正常工作: &
<fx:Style source="styles.css"/>
<s:Button label="Button" styleName="circle"/>
我的理解是,我的按钮应该通过CSS提供给它的skinClass,但它无法工作。如果我像下面那样直接定义skinClass,它可以正常工作:
<s:Button label="Button" skinClass="skins.buttons.CircleButton"/>
如有任何帮助,我们将不胜感激。请按:
类选择器:CSS类选择器
匹配满足类的组件
条件用于声明
类选择器用于在
用圆点修饰。你也可以
将类选择器声明为
类型选择器的条件,或
普遍适用于满足以下条件的任何类型:
阶级条件
注:在Flex中,满足类条件
在应用程序上使用styleName属性
组成部分。例如,您可能有
两类HBox:“头”和
“页脚”。上面是第一个选择器
适用于具有以下特性的任何组件:
styleName=“header”;第二
选择器应仅适用于HBox
具有styleName=“footer”的组件
(实际需要的东西)
在秋葵中固定并强制执行,如
到目前为止,类选择器仅在
选择器中的通用和任何类型
被忽略)
看起来选择器可能在Gumbo中不起作用…首先确保您的CSS文件位于根应用程序文件下。其次,我会尝试在不使用类型选择器的情况下执行css,因此不要使用
s |按钮.circle
,只需执行.circle
编辑
您还可以尝试将样式放置在与按钮相同的容器中的样式标记中,以查看其是否有效。你确定你的应用程序可以找到你的style.css吗?显示更多代码可能有助于解决这种情况 您是否在主应用程序文件中声明样式标记?我在视图中定义了它,我刚刚将它移动到主应用程序文件中,现在它可以与类型选择器配合使用。谢谢!自从去年发布以来,它就不再叫“Gumbo”,你的例子是Flex3。你能让类选择器工作吗?我以前没有和他们一起工作过。Gumbo仍然是Flex 4/4.1的代号。Hero是4.5的代号。这些名称不会在发布时消失。代码名用于尚未最终确定名称或版本的产品。你没有听到有人叫Windows7的代号是Longhorn,是吗?现在是Flex4。Flex 4.5的代号为Hero,因为它还没有定稿。我从来没有用Longhorn的名字叫过Windows7,因为那是WindowsVista的代号。事实仍然存在,当有人说(或文档提到)Gumbo时,它总是意味着Flex4。当有人说英雄时,总是指Flex 4.5。谢谢!我按照您的建议删除了类型选择器,它正常工作了。我在遵循adobe TV教程(),该教程使用了它,所以我猜它会起作用,我如何确保在所有按钮上使用一个皮肤?您可以使用类型选择器,然后
s | Button{…}
。
<s:Button label="Button" skinClass="skins.buttons.CircleButton"/>
.header { background-color: #CCCCCC; }
HBox.footer { background-color: #999999; }