使Flex4按钮看起来与Flex3按钮完全相同

时间:2011-06-02 23:34:44

标签: flex flex4 flex3 flex-spark halo

如果我在Flex3中有一个按钮

<mx:Button label="Testing" cornerradius='5'/>

我想将其更改为Flex4

<s:Button label="Testing" styleName="buttonStyle"/>
<fx:Style>
    .buttonStyle{
    corner-radius:5;
    font-weight:bold;
}
</fx:Style>

制作Flex 4按钮时,我还需要做什么,看起来与Flex 3按钮完全相同?

我现在能看到的是 1.鼠标悬停按钮渐变非常不同。 2. Flex4按钮的边框与Flex3不同。

如何修复这两个条件,还有更多差异?

2 个答案:

答案 0 :(得分:6)

如果使用光环主题会怎样?

http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7f85.html

http://blog.flexexamples.com/2009/07/14/using-the-halo-theme-in-flex-4/

基本上,设置此编译器参数:

-theme=${flexlib}/themes/Halo/halo.swc

答案 1 :(得分:1)

这可以通过为按钮创建自定义外观来轻松完成。

<s:Button label="Testing" skinClass="com.myApp.Flex3ButtonSkin"/>

在Skin类中,修改其中的mxml对象,使其看起来像Flex 3 Button。使用皮肤类,您可以使按钮和任何其他组件看起来像任何东西。