複数のUIコンポーネントをスキニングする

Question

アプリにスパーク・ボタンが多数（N個）あるとします。また、あなたのボタンはすべて、非常に似たスキン（サイズ、さまざまなエフェクトなど）を持っているとします。唯一の違いは、BitmapImageとして使用する特定のPNGです。 N個のスキンファイルで終わりますか？すべて1行違いですか？あるいは、MXMLでボタンを作成するときにコードを追加しないでこれを行うよりスマートな方法があります（実際には、理想的にはnone）。あなたが同じすべてのボタン用のスキンを使用できるようになりますSkinPartがBitmapImageのとして型指定されたアイコンでカスタムボタンの作成

Answer 1

：

<YourCustomButton icon="@Embed('yourIconFile.png') /> 

CustomButton.as

public class CustomButton extends Button 
    { 
     [SkinPart(required="false")] 
     public var iconContainer:BitmapImage; 

     private var _icon:Object; 

     public function CustomButton() 
     { 
      super(); 
     } 

     override protected function partAdded(partName:String, instance:Object):void 
     { 
      super.partAdded(partName, instance); 

      if (instance == iconContainer && _icon) 
       iconContainer.source = _icon; 
     } 

     public function get icon():Object 
     { 
      return _icon; 
     } 
     public function set icon(value:Object):void 
     { 
      if (iconContainer) 
       iconContainer.source = value; 

      _icon = value; 
     } 
    }