折腾了一早上的C# WPF ListView+Grid 实现图片+文字 自动换行排列 类似Windows资源管理器效果

                         <ListBox Name="lstFileManager" Background ="Transparent" ItemsSource="{Binding}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.CanContentScroll="True">
                             <ListBox.ItemsPanel>
                                 <ItemsPanelTemplate>
                                     <WrapPanel/>
                                 </ItemsPanelTemplate>
                             </ListBox.ItemsPanel>
                             <ListBox.ItemTemplate>
                                 <DataTemplate>
                                     <Grid Margin="10" Width="100" Height="120">
                                         <Grid.RowDefinitions>
                                             <RowDefinition Height="Auto" ></RowDefinition>
                                             <RowDefinition Height="Auto" ></RowDefinition>
                                         </Grid.RowDefinitions>
                                         <Image Source="{Binding Pic}" HorizontalAlignment="Center" VerticalAlignment="Center" Width="100" Height="100"/>
                                         <TextBlock Text="{Binding Name}" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" Height="20"/>
                                     </Grid>
                                 </DataTemplate>
                             </ListBox.ItemTemplate>
                         </ListBox>

XAML

         public class LVData
         {
             public string Name { get; set; }
             public string Pic { get; set; }
         }
         ObservableCollection<LVData> LVDatas = new ObservableCollection<LVData>();
 
         public void BindFileManager(){
             lstFileManager.ItemsSource = LVDatas;
         }

数据绑定

             BindFileManager();
             LVDatas.Add(new LVData { Name = "图片", Pic = "http://www.google.com/intl/en_ALL/images/logo.gif" });
             LVDatas.Add(new LVData { Name = "图片", Pic = "http://www.google.com/intl/en_ALL/images/logo.gif" });

动态更改元素(先绑定数据 然后更改数据)