actionscript-3 - Flex 4.6 TabbedViewNavigator - より多くの項目を示す TabBar

Question

TabBar に、左または右にメニュー項目があるかどうかを表示できるようにしたいと考えています。そうしないと、ユーザーはさらにオプションが存在することを知らない可能性があります。より多くの項目を示す矢印のようなもの、または最後に表示されたタブ項目に何らかの面取り効果を加えて、より多くのオプションが画面外にあることを示唆するようなものです。これは、他のアイテムがどのように切り取られているかを示す矢印で、私の TabBar がどのように見えるかです:

TabBarSkin のコードは次のとおりです。

public class ScollingTabBarSkin extends TabbedViewNavigatorTabBarSkin
{
    public var scroller:Scroller;

    /**
     *  Override createChildren() to create a Scroller and add the DataGroup
     *  as its viewport.
     */
    override protected function createChildren():void
    {
        super.createChildren();

        // use a standard HorizontalLayout instead of a specialized layout
        var tabLayout:HorizontalLayout = new HorizontalLayout();
        tabLayout.useVirtualLayout = false;
        tabLayout.gap = 0;
        tabLayout.variableColumnWidth = false;
        tabLayout.columnWidth = 400;

        dataGroup.layout = tabLayout;

        scroller = new Scroller();
        scroller.setStyle('interactionMode', InteractionMode.TOUCH);
        scroller.viewport = dataGroup;
        addChild(scroller);
    }

    /** 
     * Size and position the Scroller
     */
    override protected function layoutContents(unscaledWidth:Number, unscaledHeight:Number):void
    {
        setElementPosition(scroller, 0, 0);
        setElementSize(scroller, unscaledWidth, unscaledHeight);
    }
}

出典: http://flexponential.com/2011/10/23/enable-scrolling-in-the-tab-bar-of-a-tabbedviewnavigator/comment-page-1/#comment-78685