WinPhone7 programming ListBox Multi Column

Question

У меня есть список, который показывает название и миниатюры видео в программе WinPhone 7. Я связал listbox с его ItemsSource.

listbox1.ItemsSource = videos; 

В XAML:

<Listbox.ItemTemplate> 
    <DataTemplate> 
    <StackPanel> 
     <TextBlock Text="{Binding title}"/> 
     <Image Source="{Binding thumbnail}"/> 
    </StackPanel> 
    </DataTemplate> 
</Listbox.ItemTemplate> 

Теперь мой ListBox имеет только один столбец, который имеет название текста и эскизов изображений в каждой строке. Но то, что я хочу, представляет собой список с двумя столбцами, каждый столбец имеет заголовок и миниатюру в каждой строке.

Listbox

--------------------------- 
| title1  | title2 | 
| thumb1  | thumb2 | 
---------------------------- 
| title3  | title4 | 
| thumb3  | thumb4 | 
...

Я потратил много времени, пытаясь найти решение, но я не могу найти его. Я надеюсь, что ребята из переполненного пакета решают это для меня. Любая идея приветствуется. Благодаря

Answer 1

Если я что-то не хватает, мне кажется, вы можете просто установить ориентацию StackPanel на горизонтальной

<StackPanel Orientation="Horizontal"/> 

Это то, что вы ищете? Если нет, пожалуйста, уточните.

EDIT: Использование WrapPanel как ItemsPanel.

В этом примере используется WrapPanel от Silverlight for Windows Phone Toolkit. Возможно, вам потребуется загрузить и установить это или включить определение пространства имен для работы!

Также обратите внимание, что WrapPanel будет обертывать столько предметов, сколько подходит для каждой строки. Поэтому, если вы хотите получить ровно два элемента в строке, вам может потребоваться настроить ширину ListBox.

<PhoneApplicationPage 
    .... 
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" 
.... 
> 

<!-- More Stuff --> 

<ListBox> 
    <ListBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <toolkit:WrapPanel/> 
     </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
    <Listbox.ItemTemplate> 
      <!-- your template --> 
    </Listbox.ItemTemplate> 
</ListBox> 

<!-- More Stuff --> 

Answer 2

Использование

 <ListBox.ItemsPanel> 
      <ItemsPanelTemplate> 
       <toolkit:WrapPanel Orientation="Horizontal"/> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation = "Horizontal"> 
       <TextBlock Text="{Binding title}"/> 
       <Image Source="{Binding Thumbnail}"/> 
       <StackPanel/> 
      </DataTemplate> 
     </ListBox.ItemTemplate>