みなさん、Flex４(spark)は使ってますか？今回の記事では、よく使うアイコン付きButtonコンポーネントをFlex４で作ってみたいと思います。 Flex３ではiconプロパティに、画像パスをセットしてあげればアイコンが表示できましたが、Flex４のButtonにはiconプロパティがありませんので、カスタムButtonSkinを作成して、アイコンを実装します。 完成図はこんな感じです。表示するLabelも複数行にしました。 ■ButtonSkinクラスの構成カスタムButtonSkinの作成は、新規MXMLスキンでホストコンポーネントを(spark)Buttonにセットして生成できます。すると、デフォルトのButtonSkinクラスがコピーされるので、ここにiconを表示するパーツを追加します。MXMLで編集できるので、デザインビューで確認しながらスキンをカスタマイズできます。追加する前に、デフォルトのButtonSkinの構成をまとめてみます。 1:ホストコンポーネント ＜!– host component
