Flex列表中的文本

时间:2009-11-06 18:34:52

标签: flex list

如何在mx:List中找到这样的文本?

|"text1"         "test2"|
 -----------------------
|"text3"         "text4"|

4 个答案:

答案 0 :(得分:1)

实际上你必须看看wordWrap =“false | true”或者只是做这样的事情(你可以将这段代码添加到你的flex应用程序中,看看 - 它完美地运行)

<mx:List>   
<mx:String>"text"        "text"</mx:String>
<mx:String>"text2"        "text3"</mx:String>
<mx:String>"text4"        "text5"</mx:String>
</mx:List>

所以你要做的就是将变量转换为字符串并加入3个字符串

         "text1" +   "               " + "text2"

BTW在“Adobe®Flex™3语言参考”中你可以找到所有=)


另一种方式 是创建服装项目渲染器。关于这方面的好教程是在{简介:第2部分和第3部分中的GoToAndLearn.com :(“...创建自定义Flex组件并将其用作List控件的项呈示器...”)

答案 1 :(得分:1)

您需要制作一个具有以下布局的自定义项呈示器:

<mx:HBox width="100%">
  <mx:Label text="{data.value1}" />
  <mx:Spacer width="100%" />
  <mx:Label text="{data.value2}" />
</mx:HBox>

spacer会自动动态调整以将标签推到hbox的任一边缘;

编辑:oops是啊我的意思是100%

答案 2 :(得分:1)

根据@ greg的答案创建自定义标签渲染器可能是要走的路。使用自定义项呈示器时添加其他元素的一个注意事项是检查关联控件类的measure方法,以确保在控件({{1})时考虑其他元素的大小在这种情况下)的大小。否则,您可能会得到意外的结果。请参阅this帖子,了解我的意思。

答案 3 :(得分:0)

如何使用看起来像

itemRenderer
<mx:Canvas width="100%">
    <mx:Label textAlign="left" left="0" text="{_text1}"/>
    <mx:Label textAlign="right" right="0" text="{_text2}"/>
</mx:Canvas>