apache-flex - Adobe Flex スクロールバーのスライダーをプログラムで再配置する

Question

プログラムでスクロールバーのスライダーの位置を変更する必要があります (スクロールバーを移動するのではなく、スライダーだけを移動します。つまり、上または左にリセットするなど)。誰かがこれを理解しましたか？

Answer 1

プログラムによるスキニングについて言及するつもりでしたが、よく考えてみると、コンポーネントのスクロール位置を設定するだけのように思えます。そうですか？その場合、使用しているコントロールの種類と、実行したいスクロールの種類 (たとえば、リスト内の項目、または単に水平または垂直の位置) によって異なります。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

    <mx:Script>
        <![CDATA[

            private function scrollToIndex():void
            {
                ls.scrollToIndex(15);
            }

            private function scrollToPoint():void
            {
                cv.verticalScrollPosition += 20;
            }

        ]]>
    </mx:Script>

    <mx:VBox width="300">
        <mx:List id="ls" width="100%" rowCount="5">
            <mx:dataProvider>
                <mx:Array>
                    <mx:String>Item 1</mx:String>
                    <mx:String>Item 2</mx:String>
                    <mx:String>Item 3</mx:String>
                    <mx:String>Item 4</mx:String>
                    <mx:String>Item 5</mx:String>
                    <mx:String>Item 6</mx:String>
                    <mx:String>Item 7</mx:String>
                    <mx:String>Item 8</mx:String>
                    <mx:String>Item 9</mx:String>
                    <mx:String>Item 10</mx:String>
                    <mx:String>Item 11</mx:String>
                    <mx:String>Item 12</mx:String>
                    <mx:String>Item 13</mx:String>
                    <mx:String>Item 14</mx:String>
                    <mx:String>Item 15</mx:String>
                    <mx:String>Item 16</mx:String>
                    <mx:String>Item 17</mx:String>
                    <mx:String>Item 18</mx:String>
                    <mx:String>Item 19</mx:String>
                    <mx:String>Item 20</mx:String>
                </mx:Array>
            </mx:dataProvider>
        </mx:List>
        <mx:Button label="Scroll" click="scrollToIndex()" />
        <mx:Canvas id="cv" width="100%" height="200">
            <mx:TextArea width="100%" height="600" verticalScrollPolicy="off">
                <mx:text>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
                    do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
                    culpa qui officia deserunt mollit anim id est laborum.

                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
                    do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
                    culpa qui officia deserunt mollit anim id est laborum.

                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
                    do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
                    culpa qui officia deserunt mollit anim id est laborum.

                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
                    do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 
                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in 
                    culpa qui officia deserunt mollit anim id est laborum.              
                </mx:text>
            </mx:TextArea>
        </mx:Canvas>
        <mx:Button label="Scroll" click="scrollToPoint()" />
    </mx:VBox>  

</mx:Application>

verticalScrollPosition プロパティと horizo​​ntalScrollPosition プロパティ (Container クラスのすべての実装で使用可能)、および scrollToIndex メソッド (リスト用) は、おそらく探しているものです。この例は両方を示しています。それが役に立てば幸い！