将可视化对象呈现为图像

UWP：使用RenderTargetBitmap将可视化对象转为图像

最新推荐文章于 2025-01-07 14:52:26 发布

原创

最新推荐文章于 2025-01-07 14:52:26 发布 · 334 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uwp #Image

本文介绍了在UWP中如何利用RenderTargetBitmap类将UIElement及其子元素转换为内存图像，并展示了通过按钮点击事件动态生成图像并显示在Image控件中的示例代码。

使用RenderTargetBitmap类，可以将用户界面上的某个可视化元素以及它的子元素呈现到内存图像中。只需简单调用RenderAsync方法就可以完成，在调用方法时传入的可视化对象类型要求为UIElement，也就是说，只要是从UIElement类派生的类型实例都可以在RenderTargetBitmap位图中呈现。

接下来将通过示例来演示RenderTargetBitmap类的用法。

示例的XAML代码如下：

    <ScrollViewer>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
            </Grid.RowDefinitions>
            <Border x:Name="bdroot" Margin="20" BorderBrush="White" BorderThickness="5" CornerRadius="25"
                Height="300" Width="300">
                <StackPanel VerticalAlignment="Center">
                    <TextBlock Text="文本内容" HorizontalAlignment="Center" FontSize="28"/>
                    <Ellipse Width="200" Height="150" Fill="Orange"/>
                    <StackPanel Orientation="Horizontal">