C#使用Win2D在UWP程序中实现2D绘图

2024-12-02 22:44:43

在新的Windows UWP程序中，引入了一个新的API库： Win2D。它是一个d2d的封装，可以直接使用C#来快速实现高效2D绘图了。这个API虽然在Win8.1时代就开始着手开发了，但最近才完善了下来。本文这里就简单的介绍一下它的基本用法：

安装

Win2D并不是Win10 SDK里面的一部分，需要从Nuget上安装，在程序包管理器里直接安装Win2D.uwp即可。

PM> Install-Package Win2D.uwp

这个是Win10下的库，Win8下需要使用Win2D.win81库。安装完后在Project.json中可以看到相应的库依赖：

示例：

Win2D引入了一个新的画布：Microsoft.Graphics.Canvas.UI.Xaml.CanvasControl，所有的绘制必须在它上面进行。因此首先在XAML中添加CanvasControl作为底图:

    xmlns:canvas="using:Microsoft.Graphics.Canvas.UI.Xaml"

    <Grid>
         <canvas:CanvasControl Draw="canvasControl_Draw" ClearColor="CornflowerBlue" />
    </Grid>

然后响应其Draw事件，在里面添加绘制动作：

    void canvasControl_Draw(CanvasControl sender, CanvasDrawEventArgs args)
    {
        args.DrawingSession.DrawEllipse(155, 115, 80, 30, Colors.Black, 3);
        args.DrawingSession.DrawText("Hello, world!", 100, 100, Colors.Yellow);
    }

运行效果如下：

这种方式与WinForm和WPF中的自绘制比较像，只是一些API有些差异。

绘制API

前面使用了DrawingSesion下发绘制命令，和WPF中的DrawingContext差不多，就是一个绘制上下文。它主要的命令分为如下两种：DrawXXX和FillXXX。DrawXXX只是绘制图像，而FillXXX只填充图像，这里和WPF那种绘制和填充在一个API里的方式稍稍有点不同。

由于API并不多，这里列举了一下，基本上看着就知道怎么用了。

绘制图像

DrawCircle
DrawCachedGeometry
DrawEllipse
DrawGeometry
DrawImage
DrawInk
DrawLine
DrawRectangle
DrawRoundedRectangle
DrawText。
DrawTextLayout

填充图像

FillCircle
FillEllipse
FillGeometry
FillRectangle
FillRoundedRectangle

它的API还比较简单，基本上看着就知道怎么用，不过其中的DrawImage能传入一个IcanvasImage类型，而这个类型并不仅仅是图片，包括下面介绍的CanvasCommandList和Effect都是这种类型，使用的时候需要熟悉一下。

2D转换

2D绘图的过程中往往还伴随着一些平移，旋转等2D转换的操作，DrawingSession中提供了一个Transform属性可以传入一个3*2矩阵实现2D转换。

    var ds = args.DrawingSession;

    ds.Transform = Matrix3x2.CreateTranslation(new Vector2(200, 100));
    ds.DrawText("A", 0, 0, Colors.White);

    ds.Transform *= Matrix3x2.CreateRotation(12, new Vector2(200,80));
    ds.DrawText("B", 0, 0, Colors.White);

CanvasCommandList

CanvasCommandList可以缓存一组绘制命令，然后统一绘制。它可以用于分块绘制，也可以用于减少重复绘制。

    var renderTarget = new CanvasCommandList(sender);
    using (var clds = renderTarget.CreateDrawingSession())
    {
        clds.DrawEllipse(155, 115, 80, 30, Colors.Black, 3);
        clds.DrawText("Hello, world!", 100, 100, Colors.Yellow);
    }

    args.DrawingSession.DrawImage(renderTarget);

滤镜效果

Win2D的一个比较给力的特性就是支持滤镜特效，用它可以非常方便的实现常用的模糊、阴影等效果，这里以高斯模糊为例修改下上面的效果。

    var cmdList = new CanvasCommandList(sender);
    using (var clds = cmdList.CreateDrawingSession())
    {
        clds.DrawEllipse(155, 115, 80, 30, Colors.Black, 3);
        clds.DrawText("Hello, world!", 100, 100, Colors.Yellow);
    }

    var effect = new GaussianBlurEffect();
    effect.Source = cmdList;

    args.DrawingSession.DrawImage(effect);

系统还内置了许多常用的滤镜效果，它们都以Effect结尾，放在Microsoft.Graphics.Canvas.Effects名字空间下。

绘制事件

除了前面用到的绘制的时候触发绘制操作的Draw事件外，还有一个比较常用的事件CreateResource，它在最开始加载控件的时候触发，往往用于初始化各种资源。

另外再来看看Draw事件的触发条件，它基本上和WPF的OnRender差不多，也就是说，一般在初次加载时会触发，改变窗口大小的时候会触发，拖动窗口时不会触发。如果要在后台控制其重绘也比较简单，但用其Invalidate方法即可。

到此这篇关于C#使用Win2D在UWP程序中实现2D绘图的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持我们。

C#实现动态数据绘图graphic的方法示例

本文实例讲述了C#实现动态数据绘图graphic的方法.分享给大家供大家参考,具体如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Drawing.
深入c# GDI+简单绘图的具体操作步骤(一)

最近对GDI+这个东西接触的比较多,也做了些简单的实例,比如绘图板,仿QQ截图等．最早接触这个类,是因为想做仿QQ截图的效果．巧的很,学会了如何做截图后,.NET课堂上老师也正巧要讲关于c#绘图方面的知识,并且我自己又在网上学习金老师的培训班,也是要用到这个类．在学习中有一些体会,所以准备把这些体会记下来,因为内容比较多,可能我会分几次写．废话不多说了,我们先来认识一下这个GDI+,看看它到底长什么样.GDI+:Graphics Device Interface Plus也就是图形设备接口,提
深入c# GDI+简单绘图的具体操作步骤(四)

前几篇我已经向大家介绍了如何使用GDI+来绘图,并做了一个截图的实例,这篇我向大家介绍下如何来做一个类似windows画图的工具.个人认为如果想做一个功能强大的绘图工具,那么单纯掌握GDI还远远不够,我的目前也只能做一个比较简单的绘图工具了．不足之处,欢迎大家讨论!先来看一下最终效果吧: 主要实现功能:画直线,矩形,橡皮,圆形,切换颜色,打开图片,保存图片,清除图片,手动调节画布大小;软件刚启动时,为一张空白画布,我们可以直接在画布上绘画,也可以通过菜单中的"打开",导入一张图片,然后
C#打印绘图的实现方法

本文实例讲述了C#打印绘图的实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: String drawString = ""; Font drawFont = null; SolidBrush drawBrush = null; float x = 0F; float y = 0F; StringFormat drawFormat = new StringFormat(); string test = ""; public string Tes
C#实现Windows Form调用R进行绘图与显示的方法

一.前提准备安装R软件,需要安装32位的R软件,64位的调用会报错.另外就是讲R添加到电脑环境变量中. 打开R软件,安装包 scatterplot3d,演示需要用到此R包. 二.创建项目GraphGenerateByR,项目结构如下: 注意:这里需要引入RDotNet类库,可以自行下载:http://rdotnet.codeplex.com/ 三.Main窗体代码 using System; using System.Collections.Generic; using System.Comp
深入c# GDI+简单绘图的具体操作步骤(三)

关于这个的例子其实网上已经有这方面的资料了,但是为了文章的完整性,还是觉得有必要讲解．我们先来看一下效果: (图(图1) ( 图2 )接下来看看这是如何做到的.
深入c# GDI+简单绘图的具体操作步骤(二)

在上一篇里已经向大家介绍了如何使用GDI+绘制简单的图像,这一片继续向大家介绍其它一些绘图知识.1.首先我们来看下上一片中我们使用过的Pen.Pen的属性主要有: Color(颜色),DashCap(短划线终点形状),DashStyle(虚线样式),EndCap(线尾形状), StartCap(线头形状),Width(粗细)等.我们可以用Pen 来画虚线,带箭头的直线等复制代码代码如下: Pen p = new Pen(Color.Blue, 5);//设置笔的粗细为,颜色为蓝色Grap
C# GDI在控件上绘图的方法

本文以在chart控件上和窗体上画矩形为例子讲述了C# GDI在控件上绘图的方法.分享给大家供大家参考.具体方法如下: 具体的实现方法就不多解释了,备注很详细,代码也很简单. 主要功能代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Te
混合语言编程—C#使用原生的Directx和OpenGL绘图的方法

由于项目需要做一些图形展示,所以就想到了使用Directx和OpenGL来绘图,但项目准备使用C#来开发(大家比较熟悉C#),在网上看了相关的资料,有一些第三方的控件可用,试用了下,一运行就占了几百M的内存,而且也不知道是否稳定,教程也少,还不如直接使用原生的.在网上看的Directx和OpenGL的教程基本上都是C/C++的,找了很久也就找到相关介绍,只能自己研究下. 我以前做过C#和C++混合语言编程相关的东西,在C++实现一些C#不好实现的功能,C#动态调用DLL文件,所以也想到了用C++
C#使用Win2D在UWP程序中实现2D绘图

在新的Windows UWP程序中,引入了一个新的API库: Win2D.它是一个d2d的封装,可以直接使用C#来快速实现高效2D绘图了.这个API虽然在Win8.1时代就开始着手开发了,但最近才完善了下来.本文这里就简单的介绍一下它的基本用法: 安装 Win2D并不是Win10 SDK里面的一部分,需要从Nuget上安装,在程序包管理器里直接安装Win2D.uwp即可. PM> Install-Package Win2D.uwp 这个是Win10下的库,Win8下需要使用Win2D.win81
asp.net 4.0+ webform程序中集成mvc4

本文为大家分享了asp.net 4.0+ webform程序中集成mvc4的方法,供大家参考,具体内容如下 1.新建packages.config文件,里面加上必要的程序集 <?xml version="1.0" encoding="utf-8"?> <packages> <package id="Microsoft.AspNet.Mvc" version="4.0.20710.0" target
在jsp程序中使用com组件

在jsp程序中使用com组件的机会并不多,jsp也没有直接操作com的函数,但有的工作有时候还必须使用com组件来完成,下面就来说一下具体的操作方法. 在jsp中使用com组件有两种方法:一种是用javascript在客户端来控制(严格说这个应该是html的功能),如: <OBJECT id="myCom" classid="clsid:9D8A2E2F-D38F-CDAC-D0C5-5B3FB2275442" codebase=".com/com.
Rails应用程序中同时修改操作冲突问题的解决方案

Rails 应用程序中操作冲突是一个常见问题,Rails 提供了简单有效的解决方法. 举一个实际的例子:我们的系统里有一个商店模块,商店中重要的一块是对产品信息的管理,比如运营人员常常会编辑产品的信息,包括产品标题,营销口号和价格等等.因为修改十分频繁,碰巧同时编辑提交修改的话,就会偶尔遇到修改丢失的问题,运营人员 A 修改产品标题,运营人员 B 修改价格,A 和 B 提交修改都提示修改成功,但是结果上只是 A 的修改结果生效,B 的修改被 A 的修改冲掉了. 仔细研究原因,发现是因为修改功能缺
Django应用程序中如何发送电子邮件详解

前言在Django应用程序中发送电子邮件最常见的用例是密码重置.帐户激活和发送与您的应用程序相关的一般通知.下面来看看详细的介绍吧. 配置Django发送电子邮件要配置您的Django应用程序,添加下面的参数到你settings.py: # 主机 EMAIL_HOST = "smtp.sina.com" # 端口 EMAIL_PORT = 25 # 发件人邮箱 EMAIL_HOST_USER = "anshengme@sina.com" # 密码 EMAIL_H
微信小程序中的swiper组件详解

微信小程序中的swiper组件微信小程序中的swiper组件真的是简单方便提供了页面中图片文字等滑动的效果 <swiper> <swiper-item></swiper-item> <swiper-item></swiper-item> <swiper-item></swiper-item> </swiper> 这里的就是一个滑块视图容器:而就是你希望滑动的东西,可以是文字也可以是image 其中swipe
“/”应用程序中的服务器错误和Server Error in ''/'' Application.的终极解决方法

"/"应用程序中的服务器错误. 运行时错误说明: 服务器上出现应用程序错误.此应用程序的当前自定义错误设置禁止远程查看应用程序错误的详细信息(出于安全原因).但可以通过在本地服务器计算机上运行的浏览器查看. 详细信息: 若要使他人能够在远程计算机上查看此特定错误信息的详细信息,请在位于当前 Web 应用程序根目录下的"web.config"配置文件中创建一个 <customErrors> 标记.然后应将此 <customErrors> 标记
执行批处理bat程序中的条件处理

以下代码是使用 if /? >> C:\help.txt 生成的. ----------------------------------------------------------------- 执行批处理程序中的条件处理. IF [NOT] ERRORLEVEL number command IF [NOT] string1==string2 command IF [NOT] EXIST filename command NOT 指定只有条件为 false 的
如何在Java程序中访问mysql数据库中的数据并进行简单的操作

在上篇文章给大家介绍了Myeclipse连接mysql数据库的方法,通过本文给大家介绍如何在Java程序中访问mysql数据库中的数据并进行简单的操作,具体详情请看下文. 创建一个javaProject,并输入如下java代码: package link; import java.sql.*; /** * 使用JDBC连接数据库MySQL的过程 * DataBase:fuck, table:person: * 使用myeclipse对mysql数据库进行增删改查的基本操作. */ public
深入解析Java并发程序中线程的同步与线程锁的使用

synchronized关键字 synchronized,我们谓之锁,主要用来给方法.代码块加锁.当某个方法或者代码块使用synchronized时,那么在同一时刻至多仅有有一个线程在执行该段代码.当有多个线程访问同一对象的加锁方法/代码块时,同一时间只有一个线程在执行,其余线程必须要等待当前线程执行完之后才能执行该代码段.但是,其余线程是可以访问该对象中的非加锁代码块的. synchronized主要包括两种方法:synchronized 方法.synchronized 块. synchron