如何修改Viewbox的背景？尝试修改失败，仅能修改Border背景

这是个很常见的问题——因为WPF里的Viewbox本身没有Background依赖属性，它的定位是一个「缩放装饰器」，只负责缩放它的子元素，自身不提供背景绘制的能力。不过我们有几种简单的方案来实现你要的效果：

方案1：用Border包裹Viewbox #

这是最直接的方法，把Viewbox放在一个Border里，给Border设置背景。因为Viewbox会自动填充父容器（这里就是Border）的空间，所以Border的背景会完全覆盖Viewbox所在的区域：

<Border Background="LightBlue" Padding="0">
    <Viewbox>
        <!-- 你的子元素，比如文本、控件等 -->
        <TextBlock Text="我被Viewbox缩放啦" FontSize="20" />
    </Viewbox>
</Border>

如果需要调整背景和Viewbox内容的间距，可以修改Border的Padding属性。

方案2：给Viewbox的子容器设置背景 #

如果你的Viewbox里已经有一个容器控件（比如Grid、StackPanel），直接给这个容器设置Background即可。容器会填充整个Viewbox的空间，相当于给Viewbox加上了背景：

<Viewbox>
    <Grid Background="LightGreen">
        <!-- 你的内容 -->
        <TextBlock Text="我在带背景的Grid里" FontSize="20" />
    </Grid>
</Viewbox>

⚠️ 注意：如果Viewbox的直接子元素不是容器（比如直接是TextBlock），这个方法不适用——因为非容器控件只会占据自身内容的空间，背景只会显示在文本区域，不会覆盖整个Viewbox。

方案3：自定义带Background属性的Viewbox #

如果需要在多个地方复用带背景的Viewbox，可以自己封装一个自定义控件，给它添加Background属性：

第一步：创建自定义Viewbox类 #

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace YourNamespace
{
    public class ViewboxWithBackground : Viewbox
    {
        // 注册Background依赖属性
        public static readonly DependencyProperty BackgroundProperty =
            Panel.BackgroundProperty.AddOwner(typeof(ViewboxWithBackground));

        public Brush Background
        {
            get => (Brush)GetValue(BackgroundProperty);
            set => SetValue(BackgroundProperty, value);
        }

        static ViewboxWithBackground()
        {
            // 指定默认样式的键
            DefaultStyleKeyProperty.OverrideMetadata(typeof(ViewboxWithBackground),
                new FrameworkPropertyMetadata(typeof(ViewboxWithBackground)));
        }
    }
}

第二步：编写控件模板 #

在项目的Themes/Generic.xaml文件中添加以下样式（如果没有这个文件，新建一个）：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:YourNamespace">

    <Style TargetType="{x:Type local:ViewboxWithBackground}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:ViewboxWithBackground}">
                    <Border Background="{TemplateBinding Background}">
                        <Viewbox>
                            <ContentPresenter />
                        </Viewbox>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

</ResourceDictionary>

第三步：使用自定义Viewbox #

现在就可以像普通Viewbox一样直接设置Background属性了：

<local:ViewboxWithBackground Background="LightPink">
    <TextBlock Text="我是带背景的自定义Viewbox" FontSize="20" />
</local:ViewboxWithBackground>

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