ListBox in WPF implements the method of displaying elements by block

  • 2021-11-10 10:29:16
  • OfStack

In this paper, an example is given to describe the method of displaying elements by block in ListBox of WPF. Share it for your reference, as follows:

Note: You need to set the ListBox property ScrollViewer. HorizontalScrollBarVisibility= "Disabled"

Key code, WPF has built-in WrapPanel control, in ListBox. ItemsPanel can be used to let the elements by block display


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


<ListBox Height="304" HorizontalAlignment="Left" Margin="14,143,0,0" Name="lstTables" VerticalAlignment="Top" Width="615" ScrollViewer.HorizontalScrollBarVisibility="Disabled" >
  <ListBox.ItemsPanel>
    <ItemsPanelTemplate>
      <WrapPanel/>
    </ItemsPanelTemplate>
  </ListBox.ItemsPanel>
  <ListBox.ItemTemplate>
    <DataTemplate>
      <Grid Margin="20,20,20,20">
        <Grid.RowDefinitions>
          <RowDefinition></RowDefinition>
          <RowDefinition></RowDefinition>
          <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Image Source="Images/table.png" Grid.Row="0" Height="42" Width="42" HorizontalAlignment="Center">
          <Image.Effect>
            <DropShadowEffect/>
          </Image.Effect>
        </Image>
        <TextBlock Text="{Binding FTableName,Mode=TwoWay}" Grid.Row="1" HorizontalAlignment="Center" Margin="5,5,5,5" />
        <CheckBox IsChecked="{Binding FSelected,Mode=TwoWay,Converter={StaticResource SelCTS}}" Grid.Row="2" HorizontalAlignment="Center">
          <CheckBox.Effect>
            <DropShadowEffect/>
          </CheckBox.Effect>
        </CheckBox>
      </Grid>
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>

More readers interested in C # can check the topic of this site: "C # Form Operation Skills Summary", "C # Common Control Usage Tutorial", "WinForm Control Usage Summary", "C # Programming Thread Use Skills Summary", "C # Operating Excel Skills Summary", "XML File Operation Skills Summary in C #", "C # Data Structure and Algorithm Tutorial", "C # Array Operation Skills Summary" and "C # Object-Oriented Programming Introduction Tutorial"

I hope this article is helpful to everyone's C # programming.


Related articles: