WPF ListBox 横向排列

最新推荐文章于 2025-07-15 09:31:34 发布

转载最新推荐文章于 2025-07-15 09:31:34 发布 · 4k 阅读

文章标签：

#listbox #wpf

本文介绍如何使用 WrapPanel 和 ScrollViewer 在 WPF 中实现一个能够横向显示并根据窗口宽度自动换行的 ListBox。通过修改 ListBox 的 ItemsPanel 和 Template，使得 ListBox 的 Item 可以横向排列。

　如果只是单纯的让ListBox可以横向配列，这样很简单，只需要更改ListBox的ItemsPanel模板就可以，例如：

<ListBox>

<ListBox.ItemsPanel>

<ItemsPanelTemplate>

<WrapPanel Orientation=”Horizontal” IsItemsHost=”True”/>

</ItemsPanelTemplate>

</ListBox.ItemsPanel>

</ListBox>

　　但是这样的修改，ListBox只能横向排列，不会根据宽度自动换行，如果想要横向排列的ListBox支持根据宽度自动换行的话，需要这样写：

<ListBox.Template>

<ControlTemplate TargetType=”{x:Type ListBox}”>

<ScrollViewer HorizontalScrollBarVisibility=”Disabled” VerticalScrollBarVisibility=”Auto”>

<WrapPanel Orientation=”Horizontal” IsItemsHost=”True” ScrollViewer.CanContentScroll=”True”/>

</ScrollViewer>

</ControlTemplate>

</ListBox.Template>