wpf - 在 WrapPanel 内自动调整大小？

Question

需要有关 xaml 布局的帮助。

我有一个 Wrapanel，里面有两个元素。左边的 MainGrid 需要固定为 900 像素。第二个，AuxillaryDataScrollViewer，如果 WrapPanel 包裹它，我希望最小值为 650，最大值为 100%。这可能吗？

这是我到目前为止得到的:

<Window x:Class="scratch.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="768" Width="1024">
    <Grid>
        <ScrollViewer>
            <WrapPanel>
                <Grid Width="900" Height="800" Background="Bisque"></Grid>
                <ScrollViewer HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Hidden" Width="650">
                    <Grid Width="1500" Height="700" Background="Tomato"></Grid>
                </ScrollViewer>
            </WrapPanel>
        </ScrollViewer>
    </Grid>   
</Window>

谢谢!

编辑添加更多详细信息:

客户希望进行数据输入并在右侧面板中实时查看计算结果，但他实验室中的某些计算机只能支持 1280 像素宽度，因此在这些计算机上他希望结果换行到下面数据输入表单。

Answer 1

由于需求定义如此明确，您只需添加一个 SizeChanged 处理程序，并根据容器的宽度手动设置第二个元素的宽度。如果容器小于 900 + 650，则将第二个元素拉伸(stretch)到容器的 100%。

public MainWindow()
{
    SizeChanged += MainWindow_SizeChanged;
}

void MainWindow_SizeChanged(object sender, SizeChangedEventArgs e)
{
    double firstElementWidth = MainGrid.Width;                          // 900
    double secondElementMinWidth = AuxillaryDataScrollViewer.MinWidth;  // 650 

    double secondElementWidth;

    // if wrapped, stretch to the container
    if (e.NewSize.Width < firstElementWidth + secondElementMinWidth)
        secondElementWidth = e.NewSize.Width;
    // otherwise (not wrapped), fill the remainder of the first row
    else
        secondElementWidth = e.NewSize.Width - firstElementWidth;
}

显然，这是快速而肮脏的。如果您需要更强大的东西，那么我建议编写 custom panel遵守您需要的约定。 WrapPanel 无法将元素拉伸(stretch)到整体宽度，但您没有理由不能设计一个能够做到这一点的面板。