更改Flex 3中的標簽樣式

Question

我是Flex 3.4的新手。 我想在單擊按鈕時更改幾個標簽的樣式（突出顯示）。 我來自javascript背景，無法以Flex的方式進行解釋。

Answer 1

Flex中標簽的樣式有點棘手tabStyleName和TabNavigator類具有一種名為tabStyleName的樣式，這是定義標簽外觀的另一種單獨樣式的名稱。 這是一個示例，該示例通過更改TabBar上的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一起使用。