如何在 UWP 中的父视图中设置固定宽高比视图，并且在调整大小时 window 可以均匀拉伸？

Question

我想设置 DropShadowPanel 的宽度和高度取决于其父级，同时仍保持纵横比。

<Grid Background="White" Padding="10,10,10,10">

    <controls:DropShadowPanel Color="Black"
                      BlurRadius="30"
                      ShadowOpacity=".7"
                      Width="200" Height="300"                          
                      HorizontalContentAlignment="Stretch"                                          
                      VerticalContentAlignment="Stretch">
        <Grid />
    </controls:DropShadowPanel>
</Grid>

当调整 window 的大小时（调整网格父级的大小），其宽度或高度将更改为最大值。我该怎么办？

Answer 1

How to set fixed aspect ratio view inside parent in UWP and can stretch uniform when resize window?

根据您的要求，我们建议您将 DropShadowPanel 插入 ViewBox，它是一个容器控件，可以将其内容缩放到指定的大小。

<Grid Padding="10,10,10,10" Background="White">
    <Viewbox>
        <controls:DropShadowPanel
            Width="200"
            Height="300"
            HorizontalContentAlignment="Stretch"
            VerticalContentAlignment="Stretch"
            BlurRadius="30"
            ShadowOpacity=".7"
            Color="Black">
            <Grid />
        </controls:DropShadowPanel>
    </Viewbox>

</Grid>

如何在 UWP 中的父视图中设置固定宽高比视图，并且在调整大小时 window 可以均匀拉伸？

How to set fixed aspect ratio view inside parent in UWP and can stretch uniform when resize window?

user-controls

aspect-ratio

uwp