使 WrapPanel 尊重其父级的宽度

Question

好的，这是我的代码。请注意，StackPanel 直接位于 UserControl 中。

<UserControl>
    <StackPanel Orientation="Horizontal">

        <ScrollViewer Width="450"
                      VerticalScrollBarVisibility="Auto"
                      HorizontalScrollBarVisibility="Disabled">

            <Rectangle Width="400" Height="4000" Fill="BlanchedAlmond"/>
        </ScrollViewer>

        <ScrollViewer VerticalScrollBarVisibility="Auto"
                      HorizontalScrollBarVisibility="Disabled">

            <ItemsControl BorderBrush="Green"
                          BorderThickness="2"
                          ItemsSource="{Binding Path=MyObservableCollection}"
                          ItemTemplate="{StaticResource FatTemplate}">

                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapPanel Orientation="Horizontal"/>
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>

            </ItemsControl>
        </ScrollViewer>

    </StackPanel>
</UserControl>

（代码已编辑）

请注意，矩形就在那里，因为滚动查看器的内容无关。

问题是 WrapPanel 只是水平扩展并且不换行...

我找到了一些解决方案：

1. 为 WrapPanel 提供绝对宽度（但随后它不会随窗口调整大小）。

2. 将宽度绑定到其父宽度 - ItemsControl 或 ScrollViewer（ScrollViewer 在像这样的有限情况下效果更好）。

   Width="{绑定RelativeSource=
       {相对源查找祖先，
       AncestorType={x:Type ScrollViewer}},
       路径=实际宽度}”
   

此技术的问题在于，如果 StackPanel 或 Grid 中某个控件位于其旁边，则需要将其绑定到其父级大小减去其旁边的控件的大小。然后是困难的事情。我构建了一个转换器，它对收到的数字应用数学运算，这样我就可以从其父宽度中减去给定的宽度：

Width="{Binding RelativeSource=
    {RelativeSource FindAncestor,
    AncestorType={x:Type UserControl}},
    Path=ActualWidth,
    Converter={StaticResource Convertisseur_Size_WXYZ}, 
    ConverterParameter=-260}"

但是，由于您无法将传递给 ConverterParameter 的值绑定，

ConverterParameter={Binding ...} (doesn't work)

我希望：

• 能够调整我的大小我的 WrapPanel 和 ScrollViewer 大小调整得很好，
• 我的 UserControl 易于维护，
• 我的代码比这些依赖于父控件类型的大绑定表达式更干净。

什么是更好的解决方案？

注意：如果有任何不清楚的地方，我可以添加详细信息。

Answer 1

当 ScrollViewer 允许水平滚动时，为什么它会换行？您应该在 ScrollViewer 中禁用水平滚动：

<ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled">

编辑后编辑：这是因为您的 StackPanel 是水平方向的。水平方向的 StackPanel 将为其子级提供其请求的任何宽度 - 它根本不会限制它。使用正确的面板，一切都会好起来的。可能您只需要一个包含两列的Grid。