2

次のコードで、マウスがボタンをホバーしたときに画像が変更されるように実装しました。ただし、イメージ名はハードコードされており、スタイルで指定されています。どのようにパラメータ化できますか? イメージ名を入力パラメーターとして使用して、この小さなユーティリティを再利用したいと考えています。使用されるすべての画像 (私の場合は 14 個の画像) がフレックス プロジェクトに含まれます。私はフレックス3を使用しています

<mx:Style>  
    .myCustomButton {
        upSkin: Embed(source="jjyxfx.png");
        overSkin:Embed(source="cwgl.png");
       downSkin: Embed(source="cwgl.png");

    }
</mx:Style>

<mx:Button y="0" width="105" height="107" fillAlphas="[1.0, 1.0, 1.0, 1.0]" x="0" fillColors="[#3AA2D9, #3AA2D9]" styleName="myCustomButton" useHandCursor="true" buttonMode="true"/>

4

1 に答える 1

0

CSS スタイルをパラメータ化できないとは思いません。そのため、ActionScript を使用してスタイルを設定する必要があります。

public function setStylesOnButton(upSkinValue:String,overSkinValue:String,downSkinStyle:String):void{
  myButton.setStyle('upSkin',upSkinValue);
  myButton.setStyle('overSkin',overSkinValue);
  myButton.setStyle('downSkin',downSkinStyle);
}

ActionScript でアクセスできるように、ボタンに ID があることを確認してください。

<mx:Button id="myButton" y="0" width="105" height="107" fillAlphas="[1.0, 1.0, 1.0, 1.0]" x="0" fillColors="[#3AA2D9, #3AA2D9]" styleName="myCustomButton" useHandCursor="true" buttonMode="true"/>
于 2012-06-29T11:37:11.203 に答える