Макет плитки не работает с шириной 100% - PullRequest
Новая
       29

Макет плитки не работает с шириной 100%

1 голос
/ 21 апреля 2011

У меня есть список с разметкой листов, я дал ширину средства визуализации элемента как 100%, но размер элемента не изменился, чтобы соответствовать содержимому. Тот же сценарий хорошо работает для горизонтального и вертикального расположения. Есть ли какое-либо решение ??? ..

Мой код выглядит так 

<s:List width="{this.width}" dataProvider="{allActionsArrList}">
 <s:layout>
  <s:TileLayout />
 </s:layout>
 <s:itemRenderer>
   <fx:Component>
     <s:ItemRenderer width="100%" height="40">
    <s:BorderContainer width="100%">
    <s:Label text="{data.name}" />

    </s:BorderContainer>
      </s:ItemRenderer>
    </fx:Component>
   <s:itemRenderer>
</s:List>

Заранее спасибо!

Ответы [ 2 ]

5 голосов
/ 13 июля 2011

Попытка добавить это в TileLayout: 

TileLayout columnAlign="justifyUsingWidth"
0 голосов
/ 10 апреля 2013

Поправьте меня, если я ошибаюсь, вот мое понимание того, что вы хотите сделать:

Вам нужно, чтобы элементы в списке равномерно растягивались по горизонтали, занимая 100% ширину списка.Таким образом, если есть только 1 элемент, он занимает 100% ширины списка.Если элемента слишком много (т. Е. Размер всех элементов должен быть меньше их минимальной ширины), последний элемент перемещается в следующую строку.

Вот что вы можете достичь с помощью TileLayout:

Вы можетеустановите columnWidth="{yourItemRendererMinWidth}" и columnAlign="justifyUsingWidth".Это позволяет вашему TileLayout равномерно делить свои строки на столбцы с минимальной шириной как yourItemRendererMinWidth.Если столбец превышает правый край контейнера List, он переносится в следующую строку, а все предыдущие столбцы в строке растягиваются до правого края контейнера.

Однако в строке будут пустые столбцы (например, еслиесть 2 элемента с minWidth = 100, а ширина вашего списка равна 300, будет один пустой столбец).Вам придется программно настроить columnWidth или requestedColumnCount в вашем TileLayout, если у вас слишком мало элементов.

...