WPF ListBox中StackPanel宽度绑定至ViewportWidth的实现问题

我来给你几个可行的方案，完美解决这个滚动条干扰宽度的问题：

方案一：直接绑定内部ScrollViewer的ViewportWidth #

这是最简便的方法，因为ListBox的默认模板里已经包含了ScrollViewer，我们可以通过RelativeSource定位到它，直接绑定其ViewportWidth属性——这个属性就是滚动控件中实际可用于显示内容的区域宽度，完全不包含滚动条的宽度。

修改你的StackPanel宽度绑定代码如下：

<StackPanel Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type ScrollViewer}}, Path=ViewportWidth}">
    <!-- 你的其他内容 -->
</StackPanel>

配合你已经设置的ListBox.HorizontalContentAlignment="Stretch"，这样StackPanel就能完美适配ListBox的可视区域，不会被垂直滚动条遮挡，也不会出现多余的水平滚动条。

方案二：重写ListBox模板绑定命名的ScrollViewer #

如果你的ListBox使用了自定义模板，导致第一种方法的相对路径定位不到ScrollViewer，可以尝试重写ListBox的ControlTemplate，给内部的ScrollViewer指定名称，再直接绑定：

1. 先修改ListBox的模板（示例核心部分）：

<ListBox x:Name="MessagesGrid" Grid.Column="2" HorizontalContentAlignment="Stretch">
    <ListBox.Template>
        <ControlTemplate TargetType="ListBox">
            <Border>
                <ScrollViewer x:Name="ListScrollViewer" Padding="{TemplateBinding Padding}">
                    <ItemsPresenter />
                </ScrollViewer>
            </Border>
        </ControlTemplate>
    </ListBox.Template>
    <!-- 你的ItemTemplate等内容 -->
</ListBox>

2. 然后在StackPanel里绑定这个命名的ScrollViewer的ViewportWidth：

<StackPanel Width="{Binding ElementName=ListScrollViewer, Path=ViewportWidth}">
    <!-- 你的其他内容 -->
</StackPanel>

这个方法虽然需要修改模板，但好处是绑定关系更明确，适合自定义模板的场景。

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