如何通过VisualBrush生成元素静态快照，避免随原元素同步变更？

你遇到的问题根源在于VisualBrush始终与原元素的视觉树保持绑定，哪怕调用CloneCurrentValue()，它依然是对原Visual的引用，而非独立的静态快照。要生成元素当前状态的固定副本，需要把元素渲染成静态位图（Bitmap），再用这个位图作为Brush的源。

实现步骤 #

1. 使用RenderTargetBitmap将目标元素的当前视觉状态渲染为位图
2. 将渲染后的位图转换为BitmapImage（便于作为Brush的源）
3. 用ImageBrush替代VisualBrush，使用静态位图作为背景

修改后的代码 #

XAML部分保持不变：

<StackPanel Width="200" x:Name="sp">
    <DockPanel>
        <Button Content="Clone"
                Click="OnCloneButtonClick" />
        <TextBlock Text="Value" x:Name="tb" Background="Red" />
    </DockPanel>
</StackPanel>

C#代码修改为：

private void OnCloneButtonClick(object sender, RoutedEventArgs e)
{
    tb.Opacity -= 0.1;

    // 创建RenderTargetBitmap，匹配元素的实际尺寸
    var renderBitmap = new RenderTargetBitmap(
        (int)tb.ActualWidth,
        (int)tb.ActualHeight,
        96, 96,
        PixelFormats.Pbgra32);

    // 渲染当前状态的元素到位图
    renderBitmap.Render(tb);

    // 将RenderTargetBitmap转换为BitmapImage
    var bitmapImage = new BitmapImage();
    using (var stream = new MemoryStream())
    {
        var encoder = new PngBitmapEncoder();
        encoder.Frames.Add(BitmapFrame.Create(renderBitmap));
        encoder.Save(stream);
        stream.Position = 0;

        bitmapImage.BeginInit();
        bitmapImage.CacheOption = BitmapCacheOption.OnLoad;
        bitmapImage.StreamSource = stream;
        bitmapImage.EndInit();
    }

    // 使用ImageBrush创建静态副本
    sp.Children.Add(new Border()
    {
        Background = new ImageBrush(bitmapImage),
        Width = tb.ActualWidth,
        Height = tb.ActualHeight
    });
}

关键说明 #

• RenderTargetBitmap.Render(tb)会捕获元素当前时刻的视觉状态，包括Opacity、布局等所有属性，生成独立的像素数据
• 转换为BitmapImage是为了让位图可以被ImageBrush直接使用，同时通过BitmapCacheOption.OnLoad确保流关闭后位图依然可用
• 这样生成的Border背景是静态位图，后续修改原TextBlock的任何属性都不会影响已添加的副本

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