WPF重写了ListView的ItemsPanel,改用WrapPanel做容器。不能自动换行问题

直接上正确代码:

复制代码
 1  <ListView x:Name="lv_product" HorizontalContentAlignment="Stretch" ItemsSource="{Binding Products}" 
 2            ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Visible" 
 3            BorderBrush="Transparent" Background="Transparent">
 4      
 5      <ListView.ItemsPanel>
 6          <ItemsPanelTemplate>
 7          <WrapPanel Orientation="Horizontal" FlowDirection="LeftToRight" ></WrapPanel>
 8          </ItemsPanelTemplate>
 9      </ListView.ItemsPanel>
10      <ListView.ItemTemplate>
11          <DataTemplate>
12              <StackPanel>
13                  <Image Source="{Binding PicturePath}" Width="80" Height="80"/>
14                  <TextBlock Text="{Binding ProductName}" HorizontalAlignment="Center"/>
15              </StackPanel>
16          </DataTemplate>
17      </ListView.ItemTemplate>
18  </ListView>
View Code
复制代码

注意上面的 ScrollViewer.HorizontalScrollBarVisibility="Disabled"  这个设置很关键。因为ListView自带横向和纵向滚动条,必须关了自带的滚动条后WrapPanel的滚动才会起作用。

posted @   follow_discoverer  阅读(55)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示