WPF中如何缩放UIElement并显示原本在窗口外的内容

你遇到的现象是WPF的Transform机制的固有特性：

• RenderTransform 是在WPF布局流程结束后的渲染阶段才执行的变换，系统计算控件布局占用空间时，仍然会使用控件的原始尺寸，超出容器的部分在布局阶段就已经被裁剪，后续缩放不会恢复这部分被裁剪的内容。
• 你给出的示例里Rectangle原始尺寸为600*500，加上20的Margin，布局计算时的总高度是540，已经超过了窗口的450高度，所以底部内容在布局阶段就被裁剪，即使后续缩放为0.5倍也无法显示。

下面是两种常用的可行方案：

方案1：使用LayoutTransform替代RenderTransform #

LayoutTransform 是在布局流程执行前生效的变换，缩放后的尺寸会参与布局计算，系统会自动根据缩放后的尺寸调整控件的布局占用空间，不会出现提前裁剪的问题。
修改后的代码如下：

<Window x:Class="Test.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800">
<Grid>
    <Rectangle Fill="Orange" Stroke="Black" StrokeThickness="5" Width="600" Height="500" Margin="20" HorizontalAlignment="Left">
        <!-- 把RenderTransform替换为LayoutTransform -->
        <Rectangle.LayoutTransform>
            <ScaleTransform ScaleX="0.5" ScaleY="0.5"/>
        </Rectangle.LayoutTransform>
    </Rectangle>
</Grid>
</Window>

方案2：使用Viewbox容器包裹目标元素 #

如果不需要手动控制缩放比例，希望元素自动适配容器的可用空间，可以直接用Viewbox控件包裹目标UIElement，Viewbox会自动计算缩放比例，完整展示内部元素的所有内容：

<Window x:Class="Test.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800">
<Grid Margin="20">
    <Viewbox Stretch="Uniform">
        <Rectangle Fill="Orange" Stroke="Black" StrokeThickness="5" Width="600" Height="500" HorizontalAlignment="Left"/>
    </Viewbox>
</Grid>
</Window>

• 如果缩放后需要让布局自动适配缩放后的尺寸、影响周围其他控件的位置，选择LayoutTransform或者Viewbox
• 如果必须使用RenderTransform不希望影响其他控件布局，可以配合修改RenderTransformOrigin属性调整缩放原点，或者额外添加TranslateTransform调整控件位置，让被裁剪的部分移动到显示区域内。

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