WPF 最小的代码使用 DynamicRenderer 书写输入层设置宽高视觉树

林德熙

发布于 2019-03-13 14:31:14

9110

发布于 2019-03-13 14:31:14

文章被收录于专栏：林德熙的博客林德熙的博客

在 WPF 中有 DynamicRenderer 提供高性能的书写，这个类在 WPF 只有 InkCanvas 使用，如果想要在自己的 UIElement 使用，需要写一些代码

先创建一个 UIElement 自定义一个，因为 DynamicRenderer 继承于 StylusPlugIn 需要使用 UIElement 的 StylusPlugIns 属性才能添加他

下面创建一个 MeexikelelHaiwurbe 的 UIElement 现在里面什么都没写

    public class MeexikelelHaiwurbe : UIElement
    {
    }

为了使用 DynamicRenderer 需要支持他的输入层和显示层

输入层

对于 StylusPlugIn 需要加入到 UIElement 的 StylusPlugIns 才能收到触摸的消息

这部分的原理比较复杂，请看 WPF 高速书写 StylusPlugIn 原理

在构造函数添加代码将 DynamicRenderer 添加到 UIElement 的 StylusPlugIns 方法

        public MeexikelelHaiwurbe()
        {
            var dynamicRenderer = new DynamicRenderer();
            StylusPlugIns.Add(dynamicRenderer);
        }

现在输入层就做好了，如果现在将 MeexikelelHaiwurbe 添加到界面，可以看到没有任何的显示，因为现在还没有将 DynamicRenderer 的显示层添加到视觉树

如果此时可以看到 DynamicRenderer 的 Down 和 Move 函数，可以看到这两个函数几乎没有触发，原因在于附加的元素没被声明自己的宽度和高度，也就是附加的 MeexikelelHaiwurbe 是不可见的

从 WPF 高速书写 StylusPlugIn 原理可以知道，在 StylusPlugIn 要收到触摸的消息，需要附加的元素可以收到消息才可以

所以下面需要设置 MeexikelelHaiwurbe 的宽高

设置宽高

在 UIElement 有一个方法是 HitTestCore 设置命中测试，通过这个方法可以判断一个点是否点到了元素上，于是重新这个方法，无论什么点都返回这个元素，于是这个元素就可以做到命中测试，宽度和高度都是最大

当然有层级的关系，不会点到任何的地方都命中这个元素，关于层级请看 WPF 的原理 WPF 源代码从零开始写一个 UI 框架这里面介绍了一个 WPF 框架是如何做的，同时命中测试的原理是什么

        protected override HitTestResult HitTestCore(PointHitTestParameters hitTestParameters)
        {
            return new PointHitTestResult(this, hitTestParameters.HitPoint);
        }

如果想要一个元素命中测试不可见，就是返回 null 就可以

但是现在还无法显示笔迹，因为没有放在视觉树

视觉树

现在一个元素显示在界面需要添加到视觉树，请看代码

        private Visual _visual;

        /// <inheritdoc />
        public MeexikelelHaiwurbe()
        {
            var dynamicRenderer = new DynamicRenderer();
            StylusPlugIns.Add(dynamicRenderer);

            _visual = dynamicRenderer.RootVisual;

            AddVisualChild(_visual);
        }

        protected override HitTestResult HitTestCore(PointHitTestParameters hitTestParameters)
        {
            return new PointHitTestResult(this, hitTestParameters.HitPoint);
        }

        /// <inheritdoc />
        protected override Visual GetVisualChild(int index)
        {
            return _visual;
        }

        /// <inheritdoc />
        protected override int VisualChildrenCount => 1;

下面是使用 DynamicRenderer 的最小代码

    public class MeexikelelHaiwurbe : UIElement
    {
        private Visual _visual;

        /// <inheritdoc />
        public MeexikelelHaiwurbe()
        {
            var dynamicRenderer = new DynamicRenderer();
            StylusPlugIns.Add(dynamicRenderer);

            _visual = dynamicRenderer.RootVisual;

            AddVisualChild(_visual);
        }

        protected override HitTestResult HitTestCore(PointHitTestParameters hitTestParameters)
        {
            return new PointHitTestResult(this, hitTestParameters.HitPoint);
        }

        /// <inheritdoc />
        protected override Visual GetVisualChild(int index)
        {
            return _visual;
        }

        /// <inheritdoc />
        protected override int VisualChildrenCount => 1;
    }

WPF 高性能笔

WPF 高速书写 StylusPlugIn 原理

本文会经常更新，请阅读原文： https://lindexi.gitee.io/post/WPF-%E6%9C%80%E5%B0%8F%E7%9A%84%E4%BB%A3%E7%A0%81%E4%BD%BF%E7%94%A8-DynamicRenderer-%E4%B9%A6%E5%86%99.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。