flex tree自动显示横向滚动条实现代码

在实际开发中，Tree组件默认的横向滚动条行为往往不太符合直觉——节点展开后内容超出可视区域，滚动条却不出现。很多开发者会用设置horizontalScrollPolicy="auto"的办法来补救，但效果并不理想，尤其是当树形结构深层嵌套时，缩进宽度会进一步压缩可视空间。下面这个AutoSizeTree类，正是为了解决这个问题而设计的。

package com.anydata.consumer.components 
{ 
    import flash.events.Event; 
    import mx.controls.Tree; 
    import mx.core.ScrollPolicy; 
    import mx.core.mx_internal; 

    /**
     * 自动显示横向滚动条
     */
    public class AutoSizeTree extends Tree 
    { 
        public function AutoSizeTree() 
        { 
            super(); 
            horizontalScrollPolicy = ScrollPolicy.AUTO; 
        } 

        override public function get maxHorizontalScrollPosition():Number 
        { 
            if (isNaN(mx_internal::_maxHorizontalScrollPosition)) 
                return 0; 
            return mx_internal::_maxHorizontalScrollPosition; 
        } 

        override public function set maxHorizontalScrollPosition(value:Number):void 
        { 
            mx_internal::_maxHorizontalScrollPosition = value; 
            dispatchEvent(new Event("maxHorizontalScrollPositionChanged")); 
            scrollAreaChanged = true; 
            invalidateDisplayList(); 
        } 

        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
        { 
            var diffWidth:Number = measureWidthOfItems(0, 0) - (unscaledWidth - viewMetrics.left - viewMetrics.right); 
            var indentation:Number = getStyle("indentation"); 

            if (diffWidth <= 0) 
                maxHorizontalScrollPosition = NaN; 
            else 
                maxHorizontalScrollPosition = diffWidth + indentation; 

            super.updateDisplayList(unscaledWidth, unscaledHeight); 
        } 
    } 
}

这个类的核心思路其实很简单：在每次布局更新时，计算所有子项的实际宽度与可视区域宽度的差值，然后动态调整maxHorizontalScrollPosition。关键点在于updateDisplayList方法——它首先通过measureWidthOfItems(0, 0)拿到所有节点的总宽度，再减去可视区域（去掉边框和内边距）的宽度，得到diffWidth。如果这个差值小于等于0，说明内容完全可见，此时将滚动位置设为NaN，滚动条自然隐藏；反之，则需要加上缩进量（indentation），确保用户能滚动到最深层的节点末尾。

另外值得注意的一点是maxHorizontalScrollPosition的getter和setter。原作者对内部私有变量_maxHorizontalScrollPosition做了显式处理，并且通过dispatchEvent和invalidateDisplayList触发布局重绘，这种做法在Flex框架中是比较规范的——既保证了响应式更新，又避免了不必要的全量重算。当然，如果项目已经迁移到Spark架构，或者在使用更现代的布局系统，可以进一步优化，但在这个MX组件体系中，它已经是相当实用的解决方案了。