Пользовательская полоса прокрутки Flex 4 на компоненте дерева

Question

Я хочу настроить полосы прокрутки в компоненте mx | Tree - Flex 4. Я хотел бы подражать этой функциональности: http://flexponential.com/2009/10/09/changing-the-position-of-the-scroll-bars-in-a-spark-list/

Есть какие-нибудь мысли или рекомендации?

Answer 1

Вы также можете попробовать использовать verticalScrollBarStyleName / horizontalScrollBarStyleName со стилем CSS.Но, конечно, ему не хватает комфорта скинов.;)

Answer 2

Это может сработать, добавьте свою собственную проверку / стилизацию ошибок, но вы поняли:

<s:VGroup gap="-1">
        <s:Button width="100%" label="Scroll up" click="{tree.verticalScrollPosition--}" />
        <mx:Tree id="tree" labelField="@label" showRoot="false" width="300" height="150"
                 verticalScrollPolicy="off">
            <mx:dataProvider>
                <fx:XML>
                    <root>
                        <node label="Parent 1">
                            <node label="Child 1" />
                            <node label="Child 2">
                                <node label="Grandchild 1" />
                                <node label="Grandchild 2" />
                            </node>
                            <node label="Child 3" />
                            <node label="Child 4" />
                            <node label="Child 5" />
                            <node label="Child 6" />
                            <node label="Child 7" />
                            <node label="Child 8" />
                            <node label="Child 9" />
                        </node>
                    </root>
                </fx:XML>
            </mx:dataProvider>
        </mx:Tree>
        <s:Button width="100%" label="Scroll Down" click="{tree.verticalScrollPosition++}"/>
    </s:VGroup>