在 UWP 中更改框架和元素的大小

Question

我想知道当窗口大小发生变化时，是否有办法调整框架及其内部元素的大小。我总是希望框架内元素的大小具有相同的比例。

例子：

1- Windowsize = 100(in x) 和 Imagesize = 50(in x) locationx = 25

2- Windowsize = 50(in x) 和 Imagesize = 25(in x) 位置 x = 12.5(~12)

在这种情况下，windowsize 是“something”，imagesize 是“something”的 1/2，图像的 locationx 是 something 的 1/4。我不想做这样的事情，而是在框架内的每个元素。

谢谢！

Answer 1

您可以使用 <ViewBox/> 控件来完成此操作。

<Page>...
<Grid>
    <ViewBox HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
        <StackPanel>
            <Button Content="test" HorizontalAlignment="Left"/>
            <TextBlock Text="some text"/>
        </StackPanel>
    </ViewBox>
</Grid>
</Page>

在下面的示例中，ViewBox 被放置在 Grid 内，并在水平和垂直方向上进行拉伸，从而使其随着页面大小的调整而拉伸。

参考文档here。