Изменить стиль вкладок в Flex 3 - PullRequest
Новая
       2

Изменить стиль вкладок в Flex 3

1 голос
/ 16 марта 2012

Я новичок в Flex 3.4.Я хочу изменить стиль нескольких вкладок (выделить их) одним нажатием кнопки.Я пришел из фона javascript и не мог интерпретировать по-флексовски.

1 Ответ

1 голос
/ 17 марта 2012

Стилизовать вкладки во Flex довольно сложно - классы TabBar и TabNavigator имеют стиль под названием tabStyleName, который является именем другого отдельного стиля, который определяет внешний вид ваших вкладок. Вот пример, который меняет набор вкладок с красного фона на синий, изменяя стиль tabStyleName на панели вкладок - надеюсь, вы сможете адаптировать его к тому, что вам нужно. 

  <mx:Style>
    .redTabs {
      fillColors: #cc0000, #cc0000;
    }

    .blueTabs {
      fillColors: #0000cc, #0000cc;
    }
  </mx:Style>

  <mx:Script>
    <![CDATA[
      protected function changeStyle(event:MouseEvent):void
      {
        theTabs.setStyle("tabStyleName", "blueTabs");
      }
    ]]>
  </mx:Script>

  <mx:TabNavigator id="theTabs" x="10" y="10" width="200" height="200" tabStyleName="redTabs">
    <mx:Canvas label="apple" width="100%" height="100%">
    </mx:Canvas>
    <mx:Canvas label="orange" width="100%" height="100%">
    </mx:Canvas>
    <mx:Canvas label="banana" width="100%" height="100%">
    </mx:Canvas>
  </mx:TabNavigator>

  <mx:Button x="10" y="218" label="Change Style!" click="changeStyle(event)"/>

Редактировать: Я изменил пример для работы с TabNavigator.

...