未通过UIElement时，Silverlight中的Canvas Click事件

Question

I have a canvas object and I am sprinkling fantastic controls all over it. I'm using a ScaleTransform object to scale the canvas so I can zoom in/out.

I have wired up the controls so that I can drag them around, and the drag and drop works well by using MouseLeftButtonDown, MouseLeftButtonUp, and MouseMove. Now, I want to work on enabling an event when I click only on the Canvas. When I read the docs for the canvas object, I see that the MouseLeftButtonDown event only fires when it's over a UIElement.

Occurs when the left mouse button is pressed (or when the tip of the stylus touches the tablet PC) while the mouse pointer is over a UIElement. (Inherited from UIElement.)

Unfortunately, I want the opposite behavior. I want to know when the mouse is clicked on the Canvas while the mouse pounter isn't over any controls. Since I'm new to Silverlight, I could be doing this the wrong way. Is there something I have overlooked? Am I going about this the wrong way? I'm looking for a little help, and perhaps a lot of direction.

Answer 1

我不是Silverlight专家，但是您可以在所有其他UIElement下方的Canvas添加一个透明UIElement ，并使用它来确定用户是否单击了其他任何可拖放元素之外。

Answer 2

You want to know when a click happens on the Canvas and isn't over other controls?

The most natural thing is to capture the Canvas 's MouseLeftButtonDown . Inside of that event, take a peak to see where the click happened. Then peak at the UIElement s under the click. I recommend you keep everything in absolute coordinates to keep things straight. Something like:

void Page_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Point p = e.GetPosition(null);
    var elements =  VisualTreeHelper.FindElementsInHostCoordinates(p, App.Current.RootVisual);
    foreach (var element in elements)
    {
        //Figure out if you're over a particular UI element
    }

}

Answer 3

I think you may be interpreting the documentation wrong. According to MSDN, Canvas itself is an implementation of a UIElement :

System.Windows.UIElement
  System.Windows.FrameworkElement
    System.Windows.Controls.Panel
      System.Windows.Controls.Canvas

From my experience, and correct me if I'm wrong, MouseLeftButtonDown usually only fires for the top-most UIElement clicked. So if you implement MouseLeftButtonDown for your Canvas, it should only fire when the Canvas is clicked, and NOT when the buttons are clicked. I'd say try it out first.

Answer 4

In WPF, I think this would be easily solved by routed events. However, Silverlight didn't get this feature. You may want to check out VisualTreeHelper.FindElementsInHostCoordinates . This article covers it a little bit.

http://www.andybeaulieu.com/Default.aspx?tabid=67&EntryID=95