本文:如何自定义控件用 DrawingVisual 画图

本文不会讲 DrawingVisual 是什么,只会告诉简单方法画图。

为何需要学这个?如果需要画出图形,对性能有要求,或者需要了解WPF如何画图,就需要知道这个。

先创建最简单使用,就是显示文字或显示点。

我觉得显示文字简单,于是开始写代码,先不要去想做什么,代码需要一个控件和一个画出文字的类。

首先新建一个控件,他是可以让 DrawingVisual 显示。

    public class MyVisualHost : FrameworkElement

这是很基础一个类,几乎没有什么功能。

于是新建一个 FrameworkElement 需要添加 一些方法,这是默认的,只需要自动创建就好。

这个类不是主要的,他是让DrawingVisual显示,在构造函数写下面的代码

这就是可以让 他可以显示。为何这样可以,参见:http://blog.csdn.net/changtianshuiyue/article/details/26981797

主要的类StrokeVisual,其实很简单,他可以在上面的类显示文字

        public class StrokeVisual : DrawingVisual

来看下他的方法

这样就可以画出文字。

需要在xaml添加下面代码,就可以显示出来

            <local:MyVisualHost></local:MyVisualHost>

为什么这样就可以画出?

那么如何做一个鼠标点下就画点的软件?

调用 RenderOpen 就可以打开一个 DrawingContext ,他提供很多方法,在他上面使用就可以画出,不过画出来看不到。需要添加到FrameworkElement才可以。

那么如何做出下图的程序?

首先对代码做修改,在 Windows 的MouseMove 调用 StrokeVisual 的 Add 方法和 画出来

需要获得鼠标的位置,获得方法很简单,在 MouseMove 函数写下面的代码,其中 e 就是参数

    p=e.GetPosition(this);

传入 StrokeVisual 调用他的 Draw 可以看到他画出来了

            _s.Add(new StylusPoint(p.X, p.Y));
            _s.Draw();

那么需要看下添加的函数如何写,下面代码就是整个 StrokeVisual 的代码。

        public StrokeVisual()
        {
            Stroke = new Stroke(new StylusPointCollection(new Point[] { new Point(10, 10), }), new DrawingAttributes()
            {
            });


        }

        public void Add(StylusPoint point)
        {
            Stroke.StylusPoints.Add(point);
        }

        private Stroke Stroke;

那么如何从 Stroke 画出?

可以使用 Stroke 传入 dc 就可以画出来。

            using (var dc = RenderOpen())
            {
                Stroke.Draw(dc);
            }

代码很简单,建议自己去写,我就不把代码给你。如果自己无法写,需要代码,那么联系我发代码给你。


本文会经常更新,请阅读原文: https://blog.lindexi.com/post/WPF-DrawingVisual.html ,以避免陈旧错误知识的误导,同时有更好的阅读体验。

如果你想持续阅读我的最新博客,请点击 RSS 订阅,推荐使用RSS Stalker订阅博客,或者收藏我的博客导航

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

微软最具价值专家


无盈利,不卖课,做纯粹的技术博客

以下是广告时间

推荐关注 Edi.Wang 的公众号

欢迎进入 Eleven 老师组建的 .NET 社区

以上广告全是友情推广,无盈利