flex4 list组件行高自适应

最新推荐文章于 2024-07-03 17:21:55 发布

最新推荐文章于 2024-07-03 17:21:55 发布 · 226 阅读

文章标签：

#大数据

flex4 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Flex应用中使用List组件实现每行高度根据内容自适应变化，并在搜索时显示搜索结果。通过设置variableRowHeight为true和horizontalAlign为justify，可以达到预期的效果。

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

list组件，想让list每行高度根据行内容大小自适应变化，在做搜索的时候，搜索出来的内容以用list组件列表显示：
实现这个效果，设置：variableRowHeight＝"true"， horizontalAlign ="justify"就可以了


    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark"
                    xmlns:mx="library://ns.adobe.com/flex/mx">
            <fx:Declarations>
                    <s:ArrayList id="dataList">
                            <fx:String>11111111 111111111111111 11111</fx:String>
                            <fx:String>2222222222 2222222 22222222222</fx:String>
                            <fx:String>333333 333333</fx:String>
                            <fx:String>4444444444</fx:String>
                            <fx:String>5555 55555555 55555555555 55555555555555555</fx:String>
                    </s:ArrayList>
            </fx:Declarations>
            <s:List width="100" height="200" verticalCenter="0" horizontalCenter="0"
                            dataProvider="{dataList}">
                    <s:layout>
                            <s:VerticalLayout variableRowHeight="true" horizontalAlign="justify" />
                    </s:layout>
            </s:List>
    </s:Application>