WPF 解决 StylusPlugIn 点击穿透问题

栏目: ASP.NET · 发布时间: 5年前

内容简介:在使用 StylusPlugIn 的时候会出现这样的坑,只要一个元素附加有 StylusPlugIn 在这个元素上面放另一个没有附加 StylusPlugIn 的元素,点击上面的元素,下面的元素的 StylusPlugIn 还是可以收到触摸的消息如果写一个简单的 StylusPlugIn 附加到元素上,可以很快知道我说的问题再创建一个 UIElement 附加这个 JallsiniPeagelJurnarbe 将 UIElement 添加到界面,就可以在触摸的时候看到输出

在使用 StylusPlugIn 的时候会出现这样的坑,只要一个元素附加有 StylusPlugIn 在这个元素上面放另一个没有附加 StylusPlugIn 的元素,点击上面的元素,下面的元素的 StylusPlugIn 还是可以收到触摸的消息

如果写一个简单的 StylusPlugIn 附加到元素上,可以很快知道我说的问题

public class JallsiniPeagelJurnarbe : StylusPlugIn
    {
        /// <inheritdoc />
        protected override void OnStylusDown(RawStylusInput rawStylusInput)
        {
            Trace();
            base.OnStylusDown(rawStylusInput);
        }

        /// <inheritdoc />
        protected override void OnStylusMove(RawStylusInput rawStylusInput)
        {
            Trace();
            base.OnStylusMove(rawStylusInput);
        }

        /// <inheritdoc />
        protected override void OnStylusUp(RawStylusInput rawStylusInput)
        {
            Trace();
            base.OnStylusUp(rawStylusInput);
        }

        private void Trace([CallerMemberName] string name = "")
        {
            Debug.WriteLine(name);
        }

    }

再创建一个 UIElement 附加这个 JallsiniPeagelJurnarbe 将 UIElement 添加到界面,就可以在触摸的时候看到输出

public class MeexikelelHaiwurbe : UIElement
    {
        /// <inheritdoc />
        public MeexikelelHaiwurbe()
        {
            var dynamicRenderer = new JallsiniPeagelJurnarbe();
            StylusPlugIns.Add(dynamicRenderer);
        }
    }

现在摸一下屏幕,可以看到不断输出

但是如果在这个元素上面再放一个元素会怎样?

下面创建一个用户控件,这个用户控件非常简单,我就不放代码了

<local:MeexikelelHaiwurbe></local:MeexikelelHaiwurbe>

        <local:NabayparKawquheTea HorizontalAlignment="Center" VerticalAlignment="Center"></local:NabayparKawquheTea>

WPF 解决 StylusPlugIn 点击穿透问题

此时摸到了 林德熙是逗比 的元素,在 JallsiniPeagelJurnarbe 还是可以收到触摸的消息,如果是通过 JallsiniPeagelJurnarbe 做书写,那么就会发现在 林德熙是逗比 的元素后面进行了书写,此时在 林德熙是逗比 的元素的 Down Move 函数使用 e.Handle = true 也没有用,因为 StylusPlugIn 走的不是路由事件

这个问题就是 StylusPlugIn 点击穿透问题,虽然在元素上面放了另一个元素,但是在触摸的时候就像上面的元素不存在一样

一个解决方法是在上面的元素上创建一个空白的 StylusPlugIn 这样就可以防止点击穿透

刚才创建的 林德熙是逗比 的元素,在这个元素的构造函数添加一个空白的 StylusPlugIn 就可以解决这个问题

public partial class NabayparKawquheTea : UserControl
    {
        public NabayparKawquheTea()
        {
            InitializeComponent();
            StylusPlugIns.Add(new LihemtugeJootrasLeresu());
        }
    }

    public class LihemtugeJootrasLeresu : StylusPlugIn
    {
    }

现在的触摸将会很诡异,为了说明这时的触摸是怎样的,需要再添加一点代码

现在白色部分是底层的元素,灰色的说德熙是逗比的元素放在底层元素上面,然后进行一次触摸

从底层元素按下,然后移动到说德熙是逗比的元素上,接着移到底层元素上抬起

WPF 解决 StylusPlugIn 点击穿透问题

底层的元素OnStylusEnter
底层的元素OnStylusDown
说德熙是逗比的元素 OnStylusEnter
说德熙是逗比的元素 OnStylusLeave
说德熙是逗比的元素 OnStylusEnter
说德熙是逗比的元素 OnStylusLeave
底层的元素OnStylusUp

此时移动到说德熙是逗比的元素上在底层的元素依然可以接收到 Move 的消息

如果是从说德熙是逗比的元素上按下,然后移动到底层元素,请看下图

WPF 解决 StylusPlugIn 点击穿透问题

底层的元素OnStylusEnter
底层的元素OnStylusDown
说德熙是逗比的元素 OnStylusEnter
说德熙是逗比的元素 OnStylusDown
说德熙是逗比的元素 OnStylusLeave
说德熙是逗比的元素 OnStylusEnter
说德熙是逗比的元素 OnStylusLeave
底层的元素OnStylusUp

虽然说德熙是逗比的元素的层级比底层的元素高,但是首先命中的是底层的元素然后才是 说德熙是逗比 的元素收到 down 如果此时在底层的元素抬手,那么就会在底层的元素收到 up 而在说德熙是逗比的元素上没有收到消息

通过这个方法可以只要 说德熙是逗比 的元素有触摸,就设置底层的元素失去焦点,通过在 底层的元素 添加一个方法,调用这个方法就不处理当前的触摸

那么在 WPF 的 DynamicRenderer 是如何处理的?

在 StylusPlugIn 有一个方法是 OnStylusDownProcessed 通过这个方法可以判断在 UI 线程命中测试的附加元素有没有收到输入,通过判断参数 targetVerified 的值就可以知道

如果在 UI 线程的元素刚好也收到了触摸的消息,这里的 targetVerified 就是 true 否则就是 false 当然这个方法要求在 down 的时候调用 NotifyWhenProcessed 方法才可以

protected override void OnStylusDown(RawStylusInput rawStylusInput)
        {
            Trace();

            // 调用这个方法之后才会触发 OnStylusDownProcessed 在主线程收到触摸
            // 如果附加的元素收到了路由触摸,参数 targetVerified 为 true 通过这个方法可以判断当前的点击的元素是否在上面有其他元素
            rawStylusInput.NotifyWhenProcessed("林德熙是逗比");

            base.OnStylusDown(rawStylusInput);
        }

这里的 NotifyWhenProcessed 传入的参数将会是在 OnStylusDownProcessed 的第一个参数 callbackData 返回,在 DynamicRenderer 就是传入了 StrokeInfo 然后在这个函数判断

WPF 解决 StylusPlugIn 点击穿透问题

所以解决这个问题有两个方法,第一个就是在元素上面添加一个 StylusPlugIn 如果收到了消息就设置另一个元素的 StylusPlugIn 失去焦点,另一个方法是在元素通过 NotifyWhenProcessed 设置如果主线程的元素可以收到触摸的方法

第一个方法是需要在其他所有元素上面添加 StylusPlugIn 有代码耦合

第二个方法需要等待主线程收到消息,在笔迹就出现点击的时候出现了闪烁,因为触摸线程比主线程先收到点击


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

编程卓越之道

编程卓越之道

Hyde R / 韩东海 / 电子工业出版社 / 2006-4-1 / 49.80

各位程序员一定希望自己编写的代码是能让老板赞赏、满意的代码;是能让客户乐意掏钱购买的代码;是能让使用者顺利使用的代码;是能让同行欣赏赞誉的代码;是能让自己引以为豪的卓越代码。本书作者为希望能编写出卓越代码的人提供了自己积累的关于卓越编程的真知灼见。它弥补了计算机科学和工程课程中被忽略的一个部分——底层细节,而这正是构建卓越代码的基石。具体内容包括:计算机数据表示法,二进制数学运算与位运算,内存组织......一起来看看 《编程卓越之道》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具