zoukankan      html  css  js  c++  java
  • 设置完在Canvas的位置后,控件HitTest不响应的问题

    have a Canvas with a couple of elements on it like Line, Path and Text Box. In the MouseOver event of the Canvas there's a HitTest for all of them like:

    bool HitTest( Point p )
    {
      return VisualTreeHelper.HitTest( textBox, p ) != null;
    }

    This works pixel-accurate for Line and Path, but does not work as expected for Text Box.

    For example when the TextBox is positioned at 50, 50 like this:

    Canvas.SetLeft( textBox, 50.0 );
    Canvas.SetTop( textBox, 50.0 );

    it is drawn at that position correctly: if the text is about 20 pixels high and 50 pixels wide, the bounding rectangle on the screen is roughly L=50 T=50 R=100 B=70.

    However the HitTest function returns false in that rectangle and returns true only in a rectangle L=0 T=0 R=50 B=20. In other words the hit test knows the size of the Text Box but ignores it is not positioned at 0,0.

    Why does this happen, and how to work around? (I have the feeling it has something to do with the fact that for positioning the Line and Path elements I do not use SetLeft/SetTop)

     

     

     

    up vote2down voteaccepted

    Simply because the TextBox doesn't know anything about the fact that it is positioned in a Canvas, and hence nothing about an "actual position".

    When you call VisualTreeHelper.HitTest(textBox, p) the Point p is given in coordinates relative to the textBox visual. Is doesn't matter where in a Canvas or any other possible container the TextBox is located.

    That you get the "right" coordinates (relative to your Canvas) for Line and Path is just because you don't set Canvas.Left or Canvas.Top on them.

    In case you need the coordinates relative to the Canvas, you would usually do something like this:

    bool HitTest(UIElement element, Point p)
    {
        var elementPoint = new Point(
            p.X - Canvas.GetLeft(element),
            p.Y - Canvas.GetTop(element));
    
        return VisualTreeHelper.HitTest(element, elementPoint) != null;
    }

    or alternatively

    bool HitTest(UIElement element, Point p)
    {
        var elementPoint = canvas.TransformToDescendant(element).Transform(p);
    
        return VisualTreeHelper.HitTest(element, elementPoint) != null;
  • 相关阅读:
    解决vue项目中出现Invalid Host header问题
    vue、uni-app常用的过滤器
    vue让子组件刷新的方法
    工作中 交换机 相关
    XOR Sum in Assembly
    mysql 秒转化为-时分秒
    springboot项目-声明式事务失效
    DOM 元素 classList 的操作方式
    normalize() 和 splitText()
    js 一道面试题,有关函数执行逻辑
  • 原文地址:https://www.cnblogs.com/xpvincent/p/3730279.html
Copyright © 2011-2022 走看看