Flex 3 - 自定义蒙皮按钮中的阴影

时间:2011-11-16 11:00:40

标签: flex button shadow skin

我很难在按钮控件中删除某种类型的阴影。

这是按钮:
enter image description here

给我带来麻烦的按钮是“缩放”按钮。如您所见,边界不直。我假设有某种渐变/阴影或者是从默认皮肤继承的。

在翻转时,会出现同样的问题,但它的可见性稍差:
enter image description here

我正在使用CSS来修饰它 这是按钮的声明:

<mx:Button id="zoomButton" 
           paddingLeft="7" paddingRight="7"
           height="24" textAlign="center" fontSize="10"
           buttonMode="true"
           styleName="intZoomButtonStyle"
           icon="{Assets.MISC_ZOOM_ICON_SMALL}"/>

这是css:

.intZoomButtonStyle{
    fill-colors: #ffffff, #ffffff;
    fill-alphas: 1, 1;
    border-color: #ffffff;
    shadow-color: #ffffff;
    theme-color: #ffffff;
    corner-radius: 0;
}

有人可以帮我解决这个问题吗?

谢谢:)

2 个答案:

答案 0 :(得分:1)

我认为这有助于您Style Explorer进一步验证

~~~~~~~~快乐编码~~~~~~~~~~

答案 1 :(得分:0)

我终于使用了一个图像来修饰按钮。这就是css的样子:

.intZoomButtonStyle{
    fill-colors: #ffffff, #ffffff;
    fill-alphas: 1, 1;
    border-color: #ffffff;
    theme-color: #ffffff;
    corner-radius: 0;

    up-skin: Embed("assets/miscellaneous/blank.jpg");
    down-skin: Embed("assets/miscellaneous/blank.jpg");
    over-skin: Embed("assets/miscellaneous/blank.jpg");
}

blank.jpg只是一张白色方形图像。

瞧瞧! 我仍然困扰着我无法使用简单的css做到这一点,但很好,发现它有效......

相关问题