为List组件添加可随内容变化的滚动条_file.list添加滚动条-优快云博客

本文链接：https://blog.youkuaiyun.com/liyong1115/article/details/2507382

本文介绍了一种使用Flex布局实现自适应列表的方法，并通过计算最大标签长度来优化水平滚动条的显示策略，确保了列表项在不同屏幕尺寸下的正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8" ?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();">
<mx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;

        [Bindable]
        private var listData:ArrayCollection = new ArrayCollection();

        private var arrs:Array = [{label:"Lorem ipsum dolor sit amet, consectetuerad xxxxxYYYYYY."},
         {label:"Donec sit amet dui nec pede aliquam auctor."},
         {label:"Integer vestibulum sodales dui."},
         {label:"Lorem ipsum dolor sit amet, consectetuerad xxxxxYYYYYY."},
         {label:"Donec sit amet dui nec pede aliquam auctor."},
         {label:"Integer vestibulum sodales dui."}];


            private function init():void {
            listData.source = arrs;
                myAutoSizeList.maxHorizontalScrollPosition = getMaxLabelLength() - myAutoSizeList.columnWidth;

            }
            private function getMaxLabelLength():int{
            var maxLabelLength:int = 0;
            for(var i:int=0;i<arrs.length;i++){
              var eachLabelLength:int = measureText(arrs[i].label).width*1.1;
              if(eachLabelLength>maxLabelLength){
               maxLabelLength = eachLabelLength;
              }
            }
            return maxLabelLength;
            }

  ]]>
</mx:Script>

<mx:List id="myAutoSizeList" dataProvider="{listData}" horizontalScrollPolicy="auto" rowCount="6" width="200" />
</mx:Application>