zoukankan      html  css  js  c++  java
  • win10 uwp 截图 获取屏幕显示界面保存图片

    本文主要讲如何保存我们的屏幕显示的,保存为图片,也就是截图,截我们应用显示的。

    UWP有一个功能,可以截图,RenderTargetBitmap

    我们首先写一个Grid,我们需要给他名字,我这里给他Stamp,需要名称可以让我们在后面使用截图用到元素。

    然后我们可以使用RenderTargetBitmap保存我们屏幕Grid显示的

    
                var bitmap = new RenderTargetBitmap();
    
                StorageFile file = await KnownFolders.PicturesLibrary.CreateFileAsync("1.jpg",
    
                    CreationCollisionOption.GenerateUniqueName);
    
                await bitmap.RenderAsync(Stamp);
    
                var buffer = await bitmap.GetPixelsAsync();
    
                using (IRandomAccessStream stream = await file.OpenAsync(FileAccessMode.ReadWrite))
    
                {
    
                    var encod = await BitmapEncoder.CreateAsync(
    
                        BitmapEncoder.JpegEncoderId, stream);
    
                    encod.SetPixelData(BitmapPixelFormat.Bgra8,
    
                        BitmapAlphaMode.Ignore,
    
                        (uint)bitmap.PixelWidth,
    
                        (uint)bitmap.PixelHeight,
    
                        DisplayInformation.GetForCurrentView().LogicalDpi,
    
                        DisplayInformation.GetForCurrentView().LogicalDpi,
    
                        buffer.ToArray()
    
                       );
    
                    await encod.FlushAsync();
    
                }
    

    await bitmap.RenderAsync(Stamp);能把一个UIelement显示转为图片,不过这个图片我们需要用BitmapEncoder才可以保存为我们的图片

    BitmapEncoder可以保存为bmp、jpg、gif、png

    保存需要使用SetPixelData BitmapPixelFormat pixelFormat, BitmapAlphaMode alphaMode, System.UInt32 width, System.UInt32 height, System.Double dpiX, System.Double dpiY, [Range(0, int.MaxValue)] System.Byte[] pixels

    我们在Grid放一个Image,然后可以看到,我们的原图

    这里写图片描述

    这里写图片描述

    我们把图片一部分不显示,截图下来看下不显示的是不是就不会在图片

    
           <Grid x:Name="Stamp" >
    
                <Image x:Name="image" Width="500"
    
                       Margin="200,10,10,10">
    
                </Image>
    
            </Grid>
    

    这里写图片描述

    可以看到我们有部分被裁掉

    这里写图片描述

    假如我们不显示Grid

    
      <Grid Grid.Row="0" Background="White"></Grid>
    

    我们的Grid被一个Grid,背景为白色的遮盖,结果没影响

    那么我们要显示我们的图片显示全,我们可以借用一个简单的控件

    
            <ScrollViewer VerticalScrollBarVisibility="Visible"
    
                          HorizontalScrollBarVisibility="Visible">
    
                <Grid x:Name="Stamp" >
    
                    <Image x:Name="image" Width="500"
    
                       Margin="300,10,10,10">
    
                    </Image>
    
                </Grid>
    
            </ScrollViewer>
    

    我们的图片不会被遮盖,因为我们可以有无限空间

    这里写图片描述

    这里写图片描述

    我们可以在滚动条写大小为很小,但是Width="1"就出错,我们不需要把他放在用户可视的,也就是放在最底层也是可以

    水印

    UWP图片水印简单,我们需要一个Image和一个水印,水印在图片Zindex比他大

    我们在我们图片的同个Panel放一个TextBlock,然后TextBlock就是我们的水印。

    
                <Grid x:Name="Stamp">
    
                    <Image x:Name="image" Width="500"
    
                           Margin="300,10,10,10" />
    
                    <TextBlock Text="blog.csdn.net/lindexi_gd"
    
                               HorizontalAlignment="Center"
    
                               VerticalAlignment="Center" />
    
                </Grid>
    

    这里写图片描述

    可以看到我们有了水印,虽然这样看起来一定都不觉得是好的。(我不想说很烂)

    如果遇到了全黑的图,我们还没办法加水印,但是基本99%的图是可以的。(谁说的,代码是黑的,vs背景用黑的好多)

    如果想要改颜色,每个颜色改为和图不同的,好难。

    我想到渐变,这样每个颜色都有。LinearGradientBrush是渐变,我们需要每个字符都看到,我们把渐变改为从上到下。EndPoint="0,1" StartPoint="0,0"一个是开始的Point,一个是结束

    
                        <TextBlock.Foreground>
    
                            <LinearGradientBrush EndPoint="结束点X,结束点Y" StartPoint="开始点X,开始点Y">
    
                                <GradientStop Color="颜色 默认offset=0"/>
    
                                <GradientStop Color="White" Offset="1 1就是100%"/>
    
                            </LinearGradientBrush>
    
                        </TextBlock.Foreground>
    

    这里写图片描述

    说到这,我们来总的说下,就是用一个滚动条把我们的一个Grid放进去,然后Grid里面存在一张图片和一个TextBlock,图片就是我们需要加水印的,TextBlock就是水印,水印颜色最好渐变,然后使用获取元素图片截图。保存截图就是我们的图片加水印,做法很简单。

    如果对大图感觉水印太小,可以用ViewBox。如果觉得我们水印要在中间,或下方或其他,那么我们需要把Image的宽度不设置,然后Grid也不设置高度和宽度。

    
            <ScrollViewer Width="10" Height="10"
    
                VerticalScrollBarVisibility="Visible"
    
                          HorizontalScrollBarVisibility="Visible">
    
                <Grid x:Name="Stamp">
    
                    <Image x:Name="image" HorizontalAlignment="Left"
    
                           VerticalAlignment="Top"
    
                           Margin="10,10,10,10" />
    
                    <TextBlock Text="blog.csdn.net/lindexi_gd"
    
                               HorizontalAlignment="Center"
    
                               VerticalAlignment="Center" >
    
                        <TextBlock.Foreground>
    
                            <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
    
                                <GradientStop Color="Black"/>
    
                                <GradientStop Color="White" Offset="1"/>
    
                            </LinearGradientBrush>
    
                        </TextBlock.Foreground>
    
                    </TextBlock>
    
                </Grid>
    
            </ScrollViewer>
    

    参见:http://www.zmy123.cn/?p=1257

    知识共享许可协议
    本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接:http://blog.csdn.net/lindexi_gd ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我联系

    <script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split(' ').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>
  • 相关阅读:
    Redhat各个版本和内核对照
    Java8 lambda表达式总结
    conda 安装指定版本的指定包
    git初始化的几句shell
    MYsqli 绑定插入与查询实例
    按天去除重复数据,为0则取0,否则取最大的那个值
    存储过程,循环插入1000条记录
    主表如何统计在附表中的出现次数?
    Invalid argument supplied for foreach()
    二十、mysql mysqldump备份工具
  • 原文地址:https://www.cnblogs.com/lindexi/p/6949685.html
Copyright © 2011-2022 走看看