Slider コンポーネントのカスタマイズ

Slider コンポーネントのスタイルは、そのスキンのクラスと、コンポーネントの境界ボックスと外側の境界の間のパディングに使用するピクセル数を指定する FocusRectPadding の値のみを指定します。スキンスタイルの使用について詳しくは、 スキンについて を参照してください。

Slider コンポーネントでは次のスキンを使用します。これらのスキンは編集して外観を変更することができます。

Slider のスキン

次の例では、アップトラックを編集してそのカラーを青に変更します。

1. 新しい Flash ドキュメント (ActionScript 3.0) を作成します。

2. Slider コンポーネントをコンポーネントパネルからステージまでドラッグします。

3. Slider コンポーネントをダブルクリックしてスキンパネルを開きます。

4. アップトラックを基準点でダブルクリックし、シンボル編集モードで開きます。

5. ズームコントロールを 800% に設定して、編集のためにアイコンを大きくします。 Slider のトラックには 3 つのバーがあります。

6. 一番上のバーをクリックして選択します。 バーを選択すると、そのカラーがプロパティインスペクターの塗りカラーピッカーに表示されます。

7. プロパティインスペクターの塗りカラーピッカーを使用し、カラー #000066 を選択して Slider トラックの一番上のバーに適用します。

8. Slider トラックの中央部分のバーをクリックして選択します。 バーを選択すると、そのカラーがプロパティインスペクターの塗りカラーピッカーに表示されます。

9. プロパティインスペクターの塗りカラーピッカーを使用し、カラー #0066FF を選択して Slider トラックの中央のバーに適用します。

10. Slider トラックの一番下のバーをクリックして選択します。 バーを選択すると、そのカラーがプロパティインスペクターの塗りカラーピッカーに表示されます。

11. プロパティインスペクターの塗りカラーピッカーを使用し、カラー #00CCFF を選択して Slider トラックの一番下のバーに適用します。

12. ステージの上の編集バーの左側にある「戻る」ボタンをクリックし、ドキュメント編集モードに戻ります。

13. 制御／ムービープレビューを選択します。

    Slider の表示は次の図のようになります。