Текст в списке Flex

Question

Как найти текст в mx: List, как это?

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

Answer 1

На самом деле вы должны смотреть на WordWrap = «ложь | правда» или просто сделать что-то вроде этого (вы можете добавить этот код в приложение гибком и посмотреть - он отлично работает)

<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" 

и КСТАТИ на «Adobe® Flex ™ 3 Language Reference» вы можете найти все это =)

---

Другой способ Является ли создать костюм Item визуализатор. Хорошее руководство по этому вопросу находится на GoToAndLearn.com в разделе «Введение в Flex»: часть 2 и 3 («... создать пользовательский компонент Flex и использовать его как средство визуализации элементов для управления списком ...»)

Answer 2

Вы собираетесь к необходимости создания пользовательского средства визуализации элементов, который имеет схему как:

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

распорка динамически подстраиваться раздвинуть этикетки на любом краю HBox;

редактировать: упс да я имел в виду 100%

Answer 3

Создание пользовательских этикеток визуализатор вдоль линий @ ответ Грега, вероятно, путь. Следует проявлять осторожность, хотя при использовании специализированных рендерингов элементов, в которых вы добавляете дополнительные элементы, необходимо проверить метод связанного класса управления measure, чтобы убедиться, что размер дополнительных элементов будет учитываться, когда размер элемента управления (List в данном случае). В противном случае вы можете получить неожиданный результат. См. Сообщение this для примера того, что я имею в виду.

Answer 4

Как об использовании itemRenderer, который выглядит как

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