WPF使用样式将ListBox WrapPannel更改为ListBox StackPanel

时间:2011-05-11 21:19:55

标签: wpf listbox styles

我想将一个带有wrappanel的listview更改为一个带有stackpanel的listivew,基本上是在“小图片视图”和“详细信息视图”之间切换。
不知道最好的方法来做到这一点。到目前为止我所拥有的:

<UserControl.Resources>
    <Style x:Key="ListBoxWrap" TargetType="ListBox">
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <WrapPanel />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="ListBoxList" TargetType="ListBox">
        <Setter Property="ItemsPanel">
            <Setter.Value>
                <ItemsPanelTemplate>
                    <StackPanel />
                </ItemsPanelTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>
        <ListBox Style="{StaticResource ListBoxList}" Name="lstContacts" Background="White" Margin="7,0,7,7" Grid.Row="1" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Border CornerRadius="4" Margin="5">
                        <StackPanel>
                            <TextBlock Text="{Binding FullName}" Margin="5,3,5,0" />
                            <TextBlock Text="{Binding Title}" Margin="5,0,5,3" />
                        </StackPanel>
                    </Border>
                </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel />
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
        </ListBox>

2 个答案:

答案 0 :(得分:1)

您应该使用ListView,然后您只需要换出ListView.View来更改外观,GridView已经是详情视图,那么您只需要为缩略图创建一个视图。

要做到子类ViewBase,文档中有一个例子;创建一个简单的缩略图视图应该不是很难。

这种方法的优点是它完全封装了显示逻辑,因此除了面板之外,您不需要交换ItemTemplate之类的属性。

答案 1 :(得分:1)

您还可以使用ItemTemplateSelector根据特定的值更改修改模板,该值可能由鼠标悬停或单击事件触发(事件)。

所有这些代码都驻留在xaml中,您不需要创建单独的类或自定义控件。