WPF中如何让Viewbox保持尺寸且不撑大父控件？

问题根源 #

Viewbox默认会以内部内容的原始尺寸作为自身尺寸基准，如果父容器（UserControl根Grid、Window内Grid）没有设置明确的尺寸限制，Viewbox会直接跟随ContentGrid的原始尺寸撑大，进而导致所有父控件超出Window边界。

具体解决步骤 #

1. 给UserControl根Grid绑定尺寸约束 #

让Viewbox的直接父容器（UserControl内的Grid）的最大尺寸绑定到UserControl的实际可用空间，明确Viewbox的最大缩放范围：

<UserControl x:Class="myUC">
    <Grid 
        MaxWidth="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=ActualWidth}"
        MaxHeight="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=ActualHeight}">
        <Viewbox>
            <Grid Name="ContentGrid">
                <!-- 你的内容 -->
            </Grid>
        </Viewbox>
    </Grid>
</UserControl>

2. 限制Window内Grid行的最大高度 #

Window中第一行使用Height="*"会占用剩余空间，但需确保其不会超出Window范围，可给该行绑定最大高度，或直接给UserControl设置尺寸约束：

<Window>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="5"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        
        <myUC Grid.Row="0" 
              MaxWidth="{Binding RelativeSource={RelativeSource AncestorType=Grid}, Path=ActualWidth}"
              MaxHeight="{Binding RelativeSource={RelativeSource AncestorType=Window}, Path=ActualHeight, Converter={StaticResource SubtractConverter}, ConverterParameter=5}"/>
    </Grid>
</Window>

注：SubtractConverter是自定义值转换器，用于减去第二行的5像素高度；若无需精确计算，可直接给MaxHeight绑定Window的ActualHeight并减去固定值。

3. 按需设置Viewbox的缩放方向（可选） #

如果希望内容仅在超出可用空间时缩小，不缩小小于空间的内容，可添加StretchDirection="DownOnly"：

<Viewbox StretchDirection="DownOnly">
    <Grid Name="ContentGrid">
        <!-- 你的内容 -->
    </Grid>
</Viewbox>

核心逻辑 #

Viewbox的缩放触发条件是：自身存在明确的尺寸上限。只有给Viewbox或其父容器设置最大尺寸约束，它才会放弃跟随内部内容的原始尺寸，转而缩放内容以适配约束范围。

内容的提问来源于stack exchange，提问作者Soleil