ScrollPane コンポーネントの使用

ScrollPane は有効または無効にすることができます。 無効な ScrollPane は、マウスおよびキーボードからの入力を受け付けません。フォーカスを取得している ScrollPane では、次のキーを使用した操作が可能です。

ユーザーはマウスを使用し、コンテンツ上および垂直スクロールバーや水平スクロールバー上で ScrollPane を操作することができます。 scrollDrag プロパティが true に設定されている場合、ユーザーは、マウスを使用してコンテンツをドラッグできます。コンテンツ上で表示されるハンドポインターは、ユーザーがそのコンテンツをドラッグできることを示しています。 他の多くのコントロールとは異なり、アクションはマウスボタンが押されると発生し、ボタンが離されるまで継続します。 コンテンツに有効なタブストップが指定されている場合は、 scrollDrag を false に設定する必要があります。そうしないと、マウスでコンテンツをクリックするたびにスクロールドラッグが実行されます。

プロパティインスペクターまたはコンポーネントインスペクターで、ScrollPane の各インスタンスに設定できるパラメーターは、 horizontalLineScrollSize 、 horizontalPageScrollSize 、 horizontalScrollPolicy、scrollDrag、source、verticalLineScrollSize、verticalPageScrollSize および verticalScrollPolicy です。これらの各パラメーターには、対応する同名の ActionScript プロパティがあります。これらのパラメーターに設定できる値については、「 Adobe Flash Professional CS5 用 ActionScript 3.0 リファレンスガイド 」の ScrollPane クラスを参照してください。

ActionScript を記述すると、ScrollPane コンポーネントのプロパティ、メソッド、およびイベントを使用して、コンポーネントのこれらのオプションやその他のオプションを制御できます。

次の手順は、オーサリング時に ScrollPane コンポーネントをアプリケーションに追加する方法を示しています。 この例では、 source プロパティで指定されたパスから ScrollPane に画像をロードします。

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

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

3. アクションパネルを開いて、メインタイムライン内でフレーム 1 を選択し、次の ActionScript コードを入力します。

   import fl.events.ScrollEvent; 
    
   aSp.setSize(300, 200); 
    
   function scrollListener(event:ScrollEvent):void { 
       trace("horizontalScPosition: " + aSp.horizontalScrollPosition +  
        ", verticalScrollPosition = " + aSp.verticalScrollPosition); 
   }; 
   aSp.addEventListener(ScrollEvent.SCROLL, scrollListener); 
    
   function completeListener(event:Event):void { 
       trace(event.target.source + " has completed loading."); 
   }; 
   // Add listener. 
   aSp.addEventListener(Event.COMPLETE, completeListener); 
    
   aSp.source = "http://www.helpexamples.com/flash/images/image1.jpg";

4. 制御／ムービープレビューを選択して、アプリケーションを実行します。