WinPhone7 프로그래밍 ListBox 다중 열

Question

WinPhone 7 프로그래밍에서 비디오 제목과 축소판을 보여주는 목록 상자가 있습니다. listbox를 ItemsSource에 연결했습니다. XAML에서

listbox1.ItemsSource = videos; 

:

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

이제 내 목록 상자는 각 행의 제목 텍스트 및 썸네일 이미지가 하나의 열이 있습니다. 하지만 2 열의 목록 상자는 각 열에 제목 텍스트와 각 행의 축소판 이미지가 있습니다.

나는 해결책을 찾기 위해 노력하고 많은 시간을 보냈어요,하지만 난 그것을 찾을 수 없습니다

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

목록 상자. Stack overflow guys가이 문제를 해결할 수 있기를 바랍니다. 모든 아이디어는 환영합니다. 내가 뭔가를 누락하지 않는 한 감사

Answer 1

, 당신이 찾고있는 무엇인가요 그냥 수평

<StackPanel Orientation="Horizontal"/> 

에 StackPanel의 방향을 설정할 수 있습니다 날 것으로 보인다? 그렇지 않으면 정교하게하십시오.

편집 : WrapPanel을 ItemsPanel로 사용.

이 예제에서는 Silverlight for Windows Phone Toolkit의 WrapPanel을 사용합니다. 이 파일을 다운로드하여 설치하거나 작업 할 항목에 대한 네임 스페이스 정의를 포함해야 할 수도 있습니다!

또한 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>