2015-01-17 2 views
1

2 열로 목록 상자를 만드는 방법을 묻습니다. 타일이있는 목록 상자가 있고이 이미지와 같은 타일 2 열을 만들고 싶습니다.WP 8.1 다중 열 lixtbox 만들기

XAML 목록 상자

<ListBox ItemContainerStyle="{StaticResource TileListBoxItemStyle}" Margin="0,130.499,56.483,-61.008" Height="568.509" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="True" HorizontalAlignment="Right" Width="311.852" Background="#CC020202" Tapped="ListBox_Tapped"> 
     <ListBox.RenderTransform> 
      <CompositeTransform SkewY="0.505" TranslateY="-0.825"/> 
     </ListBox.RenderTransform> 
     <!-- set its ItemsPanel to be a WrapPanel --> 
     <ListBox.ItemsPanel > 
      <ItemsPanelTemplate > 
       <StackPanel Orientation="Vertical"/> 
      </ItemsPanelTemplate> 
     </ListBox.ItemsPanel> 
     <ListBoxItem> 
      <Grid> 
       <TextBlock Text="Messages" /> 
       <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center"> 

        <TextBlock Text="test" FontSize="22" Margin="4,0,0,8" /> 
       </StackPanel> 
      </Grid> 
     </ListBoxItem> 
     <ListBoxItem/> 
     <ListBoxItem/> 
     <ListBoxItem/> 
     <ListBoxItem/> 
     <ListBoxItem/> 
     <ListBoxItem/> 
     <ListBoxItem/> 
     <ListBoxItem/> 


    </ListBox> 

enter image description here

감사

답변

1

과부 기간을 위해 글을 쓰고 있다면 ListViewWrapGrid을 사용할 수도 있습니다.

<ListView> 
    <ListView.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapGrid MaximumRowsOrColumns="2" Orientation="Horizontal" HorizontalAlignment="Center"/> 
     </ItemsPanelTemplate> 
    </ListView.ItemsPanel> 
    <ListView.ItemTemplate> 
     <DataTemplate> 
      <Grid Margin="20"> 
       <Rectangle Fill="Red" Width="100" Height="100"/> 
       <TextBlock Text="{Binding}"/> 
      </Grid> 
     </DataTemplate> 
    </ListView.ItemTemplate> 
    <x:String>Item 1</x:String> 
    <x:String>Item 2</x:String> 
    <x:String>Item 3</x:String> 
    <x:String>Item 4</x:String> 
    <x:String>Item 5</x:String> 
</ListView> 

그리고 결과 :

listandwrapgrid

그것은 다음과 같은 예를 찾아보실 수 있습니다
0

당신은 WrapPanel에 목록 상자의 ItemsPanel을 설정할 수 있습니다.

Windows 런타임에는 자체 WrapPanel 구현이 포함되어 있지 않지만, 예를 들어 WinRT Xaml Toolkit에 WrapPanel 구현이 포함되어 있습니다.