C# WPF Want the child of the Stackpanel on click

Question

I am using StackPanels. In my application I have to show a multi tiff with 3 to x images and have to open them in a new window after I click on one of them.

Showing them is easy:

public void Bilder_anzeigen(string path)
{
    TiffBitmapDecoder decoder = new TiffBitmapDecoder(new Uri(path), BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default);

    foreach (var i in decoder.Frames)
    {
        Image myImage = new Image();
        myImage.Source = i;
        Stackpanel_Tiff.Children.Add(myImage);
    }
}

But how can I get a child with a click on the StackPanel? There is a MouseDown Event, but after it is raised, I don't know on which image i clicked. I just know there was a click. How can I find the image that was clicked?

Nope, can you maybe give me a hint what to do with this event? ;D — user3793935, Aug 21 '14 at 14:25
MouseDown and PreviewMouse down event work the same but have bubbling and tunneling behaviors. You can use PreviewMouseDown in the same way as you used MouseDown. — Mayur Dhingra, Aug 21 '14 at 14:28

score 6 · Accepted Answer · answered Aug 21 '14 at 14:28

You can find out which Image was clicked on very easily using the PreviewMouseDown event and the OriginalSource of the MouoseButtonEventArgs object:

<StackPanel PreviewMouseDown="StackPanel_PreviewMouseDown">
    <Image Source="Images/Add_16.png" Stretch="None" />
    <Image Source="Images/Edit_16.png" Stretch="None" />
    <Image Source="Images/Copy_16.png" Stretch="None" />
</StackPanel>

...

private void StackPanel_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    if (e.OriginalSource is Image)
    {
        string imageSource = ((Image)e.OriginalSource).Source.ToString();
    }
}

score 3 · Answer 2 · answered Aug 21 '14 at 14:27

3

Try OriginalSource of eventargs. OriginalSource give the control on which MouseDown

       private void Sp_MouseDown_1(object sender, MouseButtonEventArgs e)
    {
        var image=e.OriginalSource as Image;
    }

answered Aug 21 '14 at 14:27

yo chauhan

12,079
4
39
58

And then pass `image` into your new Window. – Andrew Grinder Aug 21 '14 at 14:28

score 3 · Answer 3 · answered Aug 21 '14 at 14:28

3

In your StackPanel's MouseDown Event, you can try;

if (e.OriginalSource is Image)
{
    var tapImage = (Image)e.OriginalSource;
    //tapImage is the Image on which user tapped.
}

see if this helps.

answered Aug 21 '14 at 14:28

Vyas

2,734
18
14

score 2 · Answer 4 · edited May 23 '17 at 12:02

2

You can just use Image.MouseDown or Image.MouseUp event.

Alternatively, get control under mouse cursor.

edited May 23 '17 at 12:02

Community

1
1

answered Aug 21 '14 at 14:19

Athari

33,702
16
105
146

Mhm .. Okay, but how can i use this on images created at runtime? But i guess thats what im searching for :) – user3793935 Aug 21 '14 at 14:26
@user3793935 `myImage.MouseDown += ClickHandler`? – Athari Aug 21 '14 at 14:27

score 0 · Answer 5 · answered Aug 21 '14 at 14:34

0

while this works.

 image.MouseDown += (e, v) => { //enter your code };

I would still recommend you to use MVVM and bind the command through CommandBinding.

http://msdn.microsoft.com/en-us/magazine/dd419663.aspx

answered Aug 21 '14 at 14:34

Hiệp Lê

636
4
8

C# WPF Want the child of the Stackpanel on click

5 Answers5