创建新外观类切换按钮

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皮肤右键单击原来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文件。