Сделайте кнопку Flex4 похожей на кнопку Flex3

Если бы у меня была кнопка в 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.

Как мне исправить эти два условия, и есть ли еще отличия?


person Zeeshan Rang    schedule 02.06.2011    source источник


Ответы (2)


Это легко сделать, создав пользовательский скин для кнопки.

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

А внутри класса Skin измените объекты mxml внутри, чтобы они выглядели как кнопка Flex 3. С помощью классов скинов вы можете сделать кнопки и любой другой компонент похожим на что угодно.

person Keith    schedule 03.06.2011

Что произойдет, если вы воспользуетесь темой ореола?

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
person JeffryHouser    schedule 03.06.2011
comment
Я не пробовал; но он должен работать. Тема Halo по-прежнему должна быть частью подаренного Flex SDK. - person JeffryHouser; 11.02.2015