WPF中ListBox的WrapPanel布局

ListBox_WrapPanel

<UserControl
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WpfDemo" x:Class="WpfDemo.InputBar" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="360">
    <ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Border Margin="5"/>
            </DataTemplate>
        </ListBox.ItemTemplate>

        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>

        <ListBoxItem Width="100" Height="100" Margin="5" Content="1"/>
        <ListBoxItem Width="100" Height="100" Margin="5" Content="2"/>
        <ListBoxItem Width="100" Height="100" Margin="5" Content="3"/>
        <ListBoxItem Width="100" Height="100" Margin="5" Content="4"/>
        <ListBoxItem Width="100" Height="100" Margin="5" Content="5"/>
        <ListBoxItem Width="100" Height="100" Margin="5" Content="6"/>
        <ListBoxItem Width="100" Height="100" Margin="5" Content="7"/>
        <ListBoxItem Width="100" Height="100" Margin="5" Content="8"/>
        
    </ListBox>
</UserControl>

======================================================

如果排出来是纵向列表,原因是Theme错了

如我用的ExpressionDark.xaml作为Theme,修改710行

<StackPanel Margin="1,1,1,1" IsItemsHost="true" />

改为

<ItemsPresenter Margin="1,1,1,1"/>

参考出处: http://stackoverflow.com/questions/4244793/listbox-not-showing-items-horizontally-after-using-theme

另外CodeProject上一文也可以参考:http://www.codeproject.com/Articles/18561/Custom-ListBox-Layout-in-WPF

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值