ansaurus

Question

How to work with mouseover events in Siverlight when I have 2 mouseoverable objects in the same space?

Answer 1

+2 A:

Firstly, change your mouse event handlers to have a MouseEventArgs e instead of RoutedEventArgs e.

Then you can use this code to get a list of all elements under the mouse:

List<UIElement> list = VisualTreeHelper.FindElementsInHostCoordinates(e.GetPosition(null),
                                   LayoutRoot as UIElement) as List<UIElement>;

You can then add your own logic to see what is under the mouse and ensure all elements are highlighted correctly. e.g. this part will ensure that all states under harbours are highlighted:

private void MouseOverHarbor(object sender, MouseEventArgs e)
{
    List<UIElement> list = VisualTreeHelper.FindElementsInHostCoordinates(e.GetPosition(null),
                           LayoutRoot as UIElement) as List<UIElement>;
    foreach (var item in list)
    {
        if (item is Path)
        {
            item.Opacity = 0.25;    // Set state opacity
        }
        else if (item is Ellipse)
        {
            item.Opacity = 0.25;    // Set harbour opacity
        }
    }
}

Hope this helps you.

Enough already 2010-08-18 20:55:45

It helped me, but I still have some problems with it. The mouseleave method doesn't work properly (which is almost the same as the mouseover above). I also added a boolean, that checks if there is an ellipse in the list (if it does, the path doesn't get highlighted). But, apparently, when a call to this method is made, it isn't possible to call this method from another object.

Bruno 2010-08-19 17:01:39

Hi there. The post was just meant to start you in the right direction. If you need further help, you can contact us through our website if you prefer, otherwise post more of your code and I will suggest fixes. In the case you mention it is probably better to retain a static list of the previous selected items and make the logic on MouseLeave smarter (e.g. it will turn off any items previously highlighted. I can't comment on "other object" problem without seeing your code. Thanks.

Enough already 2010-08-22 17:51:49

Answer 2

A:

The problem was already solved and I had no idea. It all worked all right when I came to work today ... maybe I just had to rebuild my project ... but the way I showed above works fine for that intention.

Bruno 2010-08-19 18:11:28

When I duplicated your original code the problem occurs whenever you enter and leave the overlapping harbour objects on top of states. Are you saying that you have not changed the above code at all and it now works properly?

Enough already 2010-08-24 20:09:14

ansaurus

tags:

views:

answers:

How to work with mouseover events in Siverlight when I have 2 mouseoverable objects in the same space?

related questions