Создание нового класса кожи для ToggleButton

Question

Я использую следующий Flex компонент: http://flashcommander.org/blog/flex-4-mp3-player

Кожа, которая приходит с этим компонентом позволяет только для очень простой шкуры, такие как цвет фона и границ. Однако компонент делает использование ToggleButton, определенное в Mp3Player.as:

import spark.components.ToggleButton; 
[SkinPart] 
public var playPauseButton:ToggleButton; 

То, что я хотел бы сделать, это определить альтернативный скин для этого элемента управления в проекте, я довольно новый для Flex и искровой так что я Не уверен, как я буду определять новый скин.

В Mp3PlayerSkin.mxml файл кожа определяется следующим образом:

<!--- @copy spark.components.VideoPlayer#playPauseButton --> 
    <s:ToggleButton id="playPauseButton" left="0" bottom="0" 
      skinClass="spark.skins.spark.mediaClasses.normal.PlayPauseButtonSkin" 
      focusIn="event.target.depth=1" focusOut="event.target.depth=0" /> 

Я предполагаю, что я могу создать новый class, хотя я не знаю, как это сделать, или удалить ссылку на класс и удлините кожу ToggleButton. Я думаю, что мне нужно переопределить скин по умолчанию?

Все указатели оценили ...

Answer 1

Похоже, что я могу сделать следующее:

1. Создайте новый Flex Skin, щелкнув правой кнопкой мыши исходный файл Mp3PlayerSkin.mxml
2. Имя файла toggleButtonSkin.mxml
3. Скопируйте стили от spark.components.VideoPlayer#playPauseButton класс

4. Обновить Mp3PlayerSkin.mxml следующим образом:

   <s:ToggleButton id="playPauseButton" left="0" bottom="0" 
        skinClass="org.flashcommander.components.toggleButtonSkin" 
        focusIn="event.target.depth=1" focusOut="event.target.depth=0" /> 
   

Теперь я могу редактировать новый файл toggleButtonSkin.mxml путем редактирования новых стилей.