C# WP 8.1创建多列lixtbox

C# WP 8.1创建多列lixtbox,c#,.net,windows-phone-8.1,C#,.net,Windows Phone 8.1,我想问您如何创建包含两列的列表框。我有一个列表框与瓷砖,我想创建2列瓷砖像这个图像 XAML列表框 <ListBox ItemContainerStyle="{StaticResource TileListBoxItemStyle}" Margin="0,130.499,56.483,-61.008" Height="568.509" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="Tr

我想问您如何创建包含两列的列表框。我有一个列表框与瓷砖,我想创建2列瓷砖像这个图像

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>


谢谢

您可以将列表框的ItemsPanel设置为WrapPanel


Windows运行时没有自带WrapPanel实现,但示例中有一个。

如果您是为widows运行时编写的,那么您也可以将ListView与一起使用。例如,它可以如下所示:

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

项目1
项目2
项目3
项目4
项目5
结果是: