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

ScrollPane コンポーネントは、オーサリング時および実行時に、縦横に変形できます。 オーサリング時には、ステージ上でコンポーネントを選択して、自由変形ツールを使用するか、修正/変形でいずれかのコマンドを使用します。実行時には、 setSize() メソッドを使用するか、ScrollPane クラスの任意の適切なプロパティまたはメソッド( height width scaleX scaleY など)を使用します。

ScrollPane コンポーネントには、次のグラフィカル特性があります。

  • コンテンツの基準点(原点、ゼロ点)はペインの左上隅に表示されます。

  • 水平スクロールバーがオフのときは、垂直スクロールバーはスクロールペインの右側に沿って上から下に表示されます。 垂直スクロールバーがオフのときは、水平スクロールバーはスクロールペインの下部に沿って左から右に表示されます。 両方のスクロールバーをオフにすることもできます。

  • スクロールペインが小さすぎると、コンテンツが正しく表示されないことがあります。

  • スクロールペインのサイズを変更すると、スクロールトラックおよびスクロールボックス (サム) が拡大または縮小し、ヒット領域のサイズが変更されます。 ボタンのサイズは同じままです。

ScrollPane コンポーネントでのスタイルの使用

ScrollPane コンポーネントのスタイルプロパティにより、コンポーネントが描画されるときのスキンの値およびレイアウトのパディングの値が指定されます。 様々なスキンスタイルを使用することで、コンポーネントのスキンに使用する様々なクラスを指定できます。スキンスタイルの使用について詳しくは、 スキンについて を参照してください。

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

  2. ScrollPane コンポーネントをステージまでドラッグし、インスタンス名を mySp にします。

  3. プロパティインスペクターの「パラメーター」タブをクリックし、 source パラメーターに「 http://www.helpexamples.com/flash/images/image1.jpg 」と入力します。

  4. メインタイムラインのフレーム 1 で、アクションパネルに次のコードを入力します。

    mySp.setStyle("contentPadding", 5);

    スクロールバーの外側で、コンポーネントの境界線とそのコンテンツの間にパディングが適用されます。

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

スキンと ScrollPane

ScrollPane コンポーネントはスクロールアセットに対して境界線とスクロールバーを使用します。 スクロールバーへのスキンの適用について詳しくは、 UIScrollBar コンポーネントでのスキンの使用 を参照してください。