Форум Flasher.ru - tabbar skin and style

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- Flex (http://www.flasher.ru/forum/forumdisplay.php?f=84)

- - tabbar skin and style (http://www.flasher.ru/forum/showthread.php?t=144371)

tabbar skin and style

Здравствуйте, несмотря на то что есть похожая тема, у меня немного следующая задача. Мне необходимо сделать вот такого рода tabtab (см. на рисунке). Т.е. не активные представлены в виде линков.

Может у кого есть предположения как это правильно сделать. TabBar описан в as классе.

Неактивные должны и работать как ссылки? Те при клике происходит переход?
Или просто вид такой у них?
Если нужен вид - то в зависимости от state рисовать разные виды в скине TabBarButton'a

Что означает [?] - это возможность кликнуть и получить справку (tooltip или window)?

просто вид, т.е. когда нажимаешь на нее она становится как активная кнопка tabbara, только когда подводишь мышку к неактивной, то она в виде ручки

? - да, это тултип по наведению на него, но не обращайте внимания, это я уже отдельно сделала в другом классе

а вот про state, если не сложно можно поподробнее или ссылочку какую.

Делала так, но это немного не то
btn.setStyle("upSkin", TabSkin);
btn.setStyle("overSkin", LinkButtonSkin);
btn.setStyle("downSkin", LinkButtonSkin);
btn.setStyle("disabledSkin", LinkButtonSkin);
btn.setStyle("selectedUpSkin", TabSkin);
btn.setStyle("selectedOverSkin", TabSkin);
btn.setStyle("selectedDownSkin", TabSkin);
btn.setStyle("selectedDisabledSkin", TabSkin);

Для кнопки надо указать skinClass="skins.SomeSkineName"

skins.SomeSkineName:

Код AS3:

<?xml version="1.0" encoding="utf-8"?>

<s:SparkSkin 

    xmlns:fx="http://ns.adobe.com/mxml/2009" 

    xmlns:s="library://ns.adobe.com/flex/spark" 

    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 

    minWidth="21" minHeight="21" alpha.disabledStates="0.5">

 

    <!-- host component -->

    <fx:Metadata>

        <![CDATA[ 

        [HostComponent("spark.components.ButtonBarButton")]

        ]]>

    </fx:Metadata>

 

    <!-- states -->

    <s:states>

        <s:State name="up" />

        <s:State name="over" stateGroups="overStates" />

        <s:State name="down" stateGroups="downStates" />

        <s:State name="disabled" stateGroups="disabledStates" />

        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />

        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />

        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />

        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />

    </s:states>

 

    <s:Label id="labelDisplay" textDecoration.up="underline" color.selectedStates="#ffffff"

                         textAlign="center" color="#0000ef"

                         verticalAlign="middle"

                         maxDisplayedLines="1"

                         horizontalCenter="0" verticalCenter="1"

                         left="10" right="10" top="2" bottom="2">

        </s:Label>

 

</s:SparkSkin>

Извиняюсь за свою неграммотность, но как это сделать для flex3
и не компонентом mxml, а классом?

Похоже на то что надо: Stateful skins in Flex 3

это снова mxml, а я прошу помощи в написании as класса.

Но все равно спасибо.

Google ничего хорошего не сказал? -)