Flex中如何通过variableRowHeight和wordWrap属性，创建行高度可变的Tree

main.mxml

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

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical"

verticalAlign="middle"

backgroundColor="white">



<mx:XML id="xmlDP">

<root>

<para label="Paragraph 1">

<node label="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." />

<node label="Cras porttitor nunc a pede." />

<node label="Nulla ac magna non risus accumsan egestas." />

<node label="Aenean pretium porta felis." />

<node label="Sed massa." />

</para>

<para label="Paragraph 2">

<node label="Pellentesque pretium eros id odio tincidunt lobortis." />

<node label="Praesent vitae dolor eget nisl adipiscing pretium." />

<node label="Fusce nonummy dignissim risus." />

<node label="Nunc sodales, lectus vitae nonummy cursus, augue lectus auctor orci, vel aliquet enim neque vel eros." />

<node label="Donec laoreet euismod libero." />

<node label="Etiam ut lectus." />

</para>

<para label="Paragraph 3">

<node label="Maecenas ut nibh eu diam viverra suscipit." />

<node label="Pellentesque auctor, turpis vel lobortis suscipit, neque tortor tristique nibh, venenatis suscipit nisl nisl eget magna." />

<node label="Donec interdum." />

<node label="Praesent diam." />

</para>

<para label="Paragraph 4">

<node label="Proin nulla." />

<node label="Morbi tincidunt, sapien in sollicitudin venenatis, nibh tortor pretium ante, non pharetra urna dolor et libero." />

<node label="In malesuada risus at neque." />

</para>

</root>

</mx:XML>



<mx:Tree id="tree"

dataProvider="{xmlDP}"

labelField="@label"

showRoot="false"

variableRowHeight="true"

wordWrap="true"

alternatingItemColors="[#FFFFFF,#EEEEEE]"

showScrollTips="true"

width="300"

rowCount="6" />



</mx:Application>