Windows WPF中未触发鼠标事件

Question

I have a simple WPF application

<Grid>
    <Border BorderBrush="Black" BorderThickness="1" 
            HorizontalAlignment="Left" Height="388" Margin="10,10,0,0" VerticalAlignment="Top" Width="329"/>
    <Image x:Name="PreviewImg" HorizontalAlignment="Left" Height="400" Margin="10,10,0,0" VerticalAlignment="Top" Width="329"       MouseDown="PreviewImgMouse" AllowDrop="True" PreviewMouseWheel="PreviewImg_PreviewMouseWheel" MouseEnter="Entered"       Focusable="True"></Image>
    <Label Content="Matched Products" HorizontalAlignment="Left" Margin="344,10,0,0" VerticalAlignment="Top" Width="290"/>
    <Label Content="Unknown Products" HorizontalAlignment="Left" Margin="661,10,0,0" VerticalAlignment="Top" Width="290"/>
    <TextBlock x:Name="MatchedProducts" HorizontalAlignment="Left" Margin="349,36,0,0" TextWrapping="Wrap" Text="TextBlock"           VerticalAlignment="Top" Height="362" Width="295"/>
    <TextBlock x:Name="UnknownProducts" HorizontalAlignment="Left" Margin="666,36,0,0" TextWrapping="Wrap" Text="TextBlock"           VerticalAlignment="Top" Height="362" Width="295"/>
    <Grid HorizontalAlignment="Left" Height="50" Margin="10,410,0,0" VerticalAlignment="Top" Width="957">
        <Button x:Name="FinalizeBtn" Content="Finalize" HorizontalAlignment="Left" Margin="826,10,0,0" VerticalAlignment="Top"        Width="120" Height="30"/>
        <Button x:Name="NewEntryBtn" Content="Create new entry" HorizontalAlignment="Left" Margin="701,10,0,0"
                VerticalAlignment="Top" Width="120" Height="30"/>
        <Button x:Name="FreeBtn" Content="Free Button" HorizontalAlignment="Left" Margin="576,10,0,0" VerticalAlignment="Top"        Width="120" Height="30"/>
    </Grid>
</Grid>

All the events defined under the Image component are not firing, I tried all of googles first page searches, but none of them work.

I read about the difference of Routed events in my application both MouseDown and PreviewMouseDown should work.

The only thing that can block the image is Border component, but I did try without it and still nothing, and since it is declared first the image should overlay it...?

All function names are correct since they were automatically generated.

I can paste in the .cs file if it can help.

Thanks

E1: Somehow it works now, but I have no idea what fixed it... One change I did was mode the image inside the border:

<Border BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Left" Height="388" Margin="10,10,0,0" VerticalAlignment="Top" Width="329">
    <Image x:Name="PreviewImg" Height="400" Margin="0" VerticalAlignment="Center" HorizontalAlignment="Center" Width="329" MouseDown="PreviewImgMouse" AllowDrop="True" PreviewMouseWheel="PreviewImg_PreviewMouseWheel" MouseEnter="Entered" Focusable="True"/>
</Border>

But I can't image that this fixed it.

Answer 1

You need to define a source for your image like <Image Source="image.jpg" . Without the image the events will not fire.

Answer 2

For advanced users

• Use a Button styled as an Image, see @Richard's answer with WPF Image Control with Click event Thanks for the link.

For beginners

• The Image component needs a source to fire events as posted by @Örvar. Adding a transparent source is the solution, although a hacky one.

If I or somebody else finds a better solution I will update this answer. (Or down vote and leave, that also helped...)

Answer 3

One way of achieving what you want is to place the image in a button and removing the button styles. There is an excellent example here:

WPF Image Control with Click Event