編集
あなたの質問の後、私はボタンがどんな形でもよいことを示すために何かを素早く作りました。フロアを選択可能にしたい場合は、おそらくToggleButton
ではなく が必要なButton
ので、例を少し作り直しました。結果はあなたが説明したものです

Flex 4.0 のスキニング機能を使用してみませんか? 独自のルック/フィールでボタン コンポーネントの動作 (および状態) を取得します。
<s:ToggleButton skinClass="FloorButton" y="0" />
<s:ToggleButton skinClass="FloorButton" y="25" />
<s:ToggleButton skinClass="FloorButton" y="50" />
FloorButton
いくつかの画像を使用してボタン スキン ( ) を定義します。
<?xml version="1.0" encoding="utf-8"?>
<s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
alpha.disabledStates="0.5">
<fx:Metadata>
<![CDATA[
[HostComponent("spark.components.ToggleButton")]
]]>
</fx:Metadata>
<s:states>
<s:State name="up" />
<s:State name="over" stateGroups="overStates" />
<s:State name="down" stateGroups="downStates" />
<s:State name="disabled" stateGroups="disabledStates" />
<s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
<s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
<s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
<s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
</s:states>
<s:Path data="M 0 0 L 20 20 L 40 0 L 40 20 L 20 40 L 0 20">
<s:fill>
<s:SolidColor color="#AAAAAA" color.selectedStates="#000000" color.over="#777777" />
</s:fill>
</s:Path>
</s:SparkButtonSkin>
もちろん、パスを透明な PNG に置き換えて、同様の効果を得ることができます。