C# wpf ListBox中按网格布局显示元素

---

前言

网格通常可以用GridView显示，但是GridView的使用方法有一些复杂，有时只想显示简单的图片或文字时，使用ListBox就会方便很多，而且ListBox也支持表格布局的拓展。

---

一、如何实现？

ListBox中有个属性叫ItemsPanel，是元素的容器。我们可以将这个属性设为自己的容器，一般使用WrapPanel即可实现表格布局的效果，给WrapPanel设置一个宽度，只要超过宽度的元素就会换行。
示例代码如下：

<ListBox.ItemsPanel>
    <ItemsPanelTemplate>
        <WrapPanel Width="360"></WrapPanel>
    </ItemsPanelTemplate>
</ListBox.ItemsPanel>

二、示例

<ListBox  Height="400"   Width="360" >
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Width="360"></WrapPanel>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Margin="20"  FontSize="32"   Foreground="#666666"  Text="张三"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.Items>
        <Control/>
        <Control/>
        <Control/>
        <Control/>
        <Control/>
        <Control/>
        <Control/>
        <Control/>
        <Control/>
    </ListBox.Items>
</ListBox>

效果预览：

---

总结

以上就是今天要讲的内容，本文简单说明了ListBox显示网格方法，这种方法简单方便，非常适合UI设计的简约表格布局的实现。