WPF中如何为ListBox添加表头标签标注产品ID与净重？

因为ListBox本身没有内置表头功能，你可以通过外层容器嵌套的方式，在ListBox上方添加独立的表头区域，同时保证表头和列表项的内容对齐。以下是两种可行的实现思路：

方法一：用StackPanel快速实现（简单易上手） #

把表头和ListBox放在同一个Grid容器里，表头使用和列表项相同的Horizontal布局，通过设置宽度和间距保证对齐：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/> <!-- 表头行高度自适应 -->
        <RowDefinition Height="*"/>    <!-- ListBox占剩余空间 -->
    </Grid.RowDefinitions>

    <!-- 表头区域 -->
    <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0 0 0 5">
        <TextBlock Text="产品ID" FontWeight="Bold" Width="100"/>
        <TextBlock Text="净重" FontWeight="Bold" Margin="20 0 0 0"/>
    </StackPanel>

    <!-- 原ListBox代码 -->
    <ListBox Grid.Row="1" Height="300" ItemsSource="{Binding ListBarcode}">
        <ListBox.Resources>
            <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Blue" />
            <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="Blue" />
        </ListBox.Resources>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding InventoryID}" Width="100"/> <!-- 和表头宽度一致 -->
                    <TextBlock Margin="20 0 0 0" Text="{Binding Weight}"/>
                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

方法二：用Grid实现精准对齐（推荐用于复杂布局） #

如果需要更严格的列对齐，避免内容长度变化导致偏移，可以让表头和列表项都使用Grid布局，保持列宽一致：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!-- 表头Grid -->
    <Grid Grid.Row="0" Margin="0 0 0 5">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100"/> <!-- 固定宽度列 -->
            <ColumnDefinition Width="*"/>    <!-- 自适应剩余空间列 -->
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Column="0" Text="产品ID" FontWeight="Bold"/>
        <TextBlock Grid.Column="1" Text="净重" FontWeight="Bold"/>
    </Grid>

    <!-- ListBox -->
    <ListBox Grid.Row="1" Height="300" ItemsSource="{Binding ListBarcode}">
        <ListBox.Resources>
            <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Blue" />
            <SolidColorBrush x:Key="{x:Static SystemColors.InactiveSelectionHighlightBrushKey}" Color="Blue" />
        </ListBox.Resources>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="100"/> <!-- 和表头列宽完全一致 -->
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Grid.Column="0" Text="{Binding InventoryID}"/>
                    <TextBlock Grid.Column="1" Text="{Binding Weight}"/>
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

关键注意点： #

• 表头和列表项的布局容器要对应，保证列的宽度、间距一致，才能实现对齐效果
• 表头的TextBlock可以通过FontWeight="Bold"来区分于普通列表项

内容的提问来源于stack exchange，提问作者David Lightman