Viewbox中的栅格不会伸缩到Viewbox大小

Question

我希望我的整个Page都是可伸缩的，所以我把我的Grid放到一个Viewbox中。

<Viewbox>
    <Grid>
        ...
    </Grid>
</Viewbox>

Viewbox可以适应窗口的大小，但问题是Grid并非如此。为什么会发生这种情况？

Answer 1

您可能希望尝试使用Viewbox的Stretch属性。下面是我的示例：

<Viewbox Stretch="Fill">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>

            <Button Content="Button1" Grid.Row="0"/>
            <Button Content="Button2" Grid.Row="1"/>
            <Button Content="Button3" Grid.Row="2"/>
        </Grid>
    </Viewbox>

这提供了：

​

​

而Uniform的值提供：

​

如果你想要一个均匀填充，你可能想要用ScrollViewer包裹你的Viewbox，这提供了一个完整的均匀填充，使用滚动查看器，你可以滚动到那些你可能看不到的部分。如下图所示：

​

​

..。并调整窗口大小以使所有控件可见...

​

​

希望这能有所帮助！