WPF中如何拉伸ListBoxItem？C# Modern UI布局问题求助

嘿，我之前用Modern UI for WPF做WPF应用时，也踩过ListBoxItem没法横向拉伸的坑，咱们一起来搞定它！

其实问题核心是Modern UI的默认ListBoxItem样式覆盖了HorizontalContentAlignment属性，光给ListBox设置这个属性没用，得针对性调整：

1. 显式设置ListBoxItem的容器样式 #

你需要在ListBox里添加ItemContainerStyle，强制把ListBoxItem的HorizontalContentAlignment设为Stretch，这样它的内容才能占满ListBox的宽度：

<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled"
         HorizontalAlignment="Stretch">
    <!-- 重点：设置ItemContainerStyle覆盖默认样式 -->
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            <!-- 可选：如果需要修改选中状态样式，也可以在这里添加设置 -->
        </Style>
    </ListBox.ItemContainerStyle>

    <!-- 你的ItemTemplate布局 -->
    <ListBox.ItemTemplate>
        <DataTemplate>
            <!-- 用Grid作为根容器，确保横向拉伸 -->
            <Grid HorizontalAlignment="Stretch">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/> <!-- Label列自适应文字宽度 -->
                    <ColumnDefinition Width="*"/> <!-- TextBox列占剩余全部空间 -->
                </Grid.ColumnDefinitions>
                <Label Grid.Column="0" Content="{Binding YourLabelContent}"/>
                <TextBox Grid.Column="1" Text="{Binding YourTextBoxText}" 
                         HorizontalAlignment="Stretch"/>
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

2. 检查外层容器和基础设置 #

• 确保ListBox所在的外层容器（比如Grid单元格）没有限制它的宽度，ListBox本身的HorizontalAlignment要设为Stretch
• 保留ScrollViewer.HorizontalScrollBarVisibility="Disabled"，这个设置是对的，它能避免ListBox因为内容过宽而放弃拉伸Item

3. 验证ItemTemplate里的布局逻辑 #

ItemTemplate的根容器（比如上面的Grid）必须设置HorizontalAlignment="Stretch"，同时列宽分配要合理：

• Label列用Width="Auto"，自动适配文字长度
• TextBox列用Width="*"，抢占剩余的所有横向空间

把这几步结合起来，你的ListBoxItem应该就能正常横向拉伸，Label和TextBox也能按两列完美布局啦！

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