MouseUp-Event doesn't react on left mouse button

MyPiano

Hello coding Community, i am currently developing with WPF on a more simple project but I got a problem and no googling could help me to find the answer. I have several labels representing buttons on the GUI and I want them to work such as buttons work. So I used the MouseUp-Event but the debbuger only navigates to the event if I press the right Mousebutton not if I press the left Mousebutton. I tried that with nearly all MouseEvents, even with the MouseLeftButtonUp event, but it wont work. I don't know what to do next, so I ask here, because I don't want except probable future Users to click the right mouse button every time. I'm glad about every help. Greetings MyPiano

Mark Salsbery

i don't know why you're not getting the mouse button up event, but... If you want the functionality of a button with the look of a label, why not create a Button template instead of writing button functionality yourself? I mean....that's one place WPF shines...

Mark Salsbery Microsoft MVP - Visual C++ :java:

MyPiano

Hmm... Thank you for this idea. It would be indeed a possibility. But then I have to redesign most of the program... And to tell the truth, I don't feel like programming a button. I know that I have to delete the border only but for me its most annoying that the MouseEvents on most controls don't work - by the way: .Net 3.5. On the Image control it's the same and if I want to use the Image as button it is again annoying espacially because I don't know how to set an Image on a button.

Mark Salsbery

MyPiano wrote:

for me its most annoying that the MouseEvents on most controls don't work

hmm....I don't know about anyone else, but if that were true, WPF would be pretty useless to me.

MyPiano wrote:

On the Image control it's the same

These events fire just fine for me:

<Image Name="theImage" Source="Images/Silverlight\_Logo.jpg" Stretch="None" MouseLeftButtonDown="theImage\_MouseLeftButtonDown" MouseLeftButtonUp="theImage\_MouseLeftButtonUp"  />

MyPiano wrote:

I don't know how to set an Image on a button.

Here's an example of one way, using an image as the button's content:

<Button HorizontalAlignment="Center" VerticalAlignment="Center" >
    <Image Source="Images/Silverlight\_Logo.jpg" Stretch="None" /> 
</Button>

MyPiano wrote:

It would be indeed a possibility. But then I have to redesign most of the program

Redesign? It would be a matter of simply adding a style and using buttons with that style in place of your label that acts like a button:

<Style x:Key="LabelButtonStyle" TargetType="Button">
    <Setter Property="OverridesDefaultStyle" Value="True"/>
    <Setter Property="Cursor" Value="Hand"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid>
                    <Label Content="{TemplateBinding Content}" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

...

<Button Name="labelButton" Style="{StaticResource LabelButtonStyle}" Content="Label Button" Click="labelButton\_Click" />

Mark Salsbery Microsoft MVP - Visual C++ :java:

MyPiano

Thank you very much for these Codes. This will help me. I'm not programming very long with WPF, seems if I have much to learn. Before I can mark this Thread as solved I have one question. Could the reason why the left mouse button doesn't work be that I don't ask whether the mouse-down event war fired? Stupid question because I think I know the answer, but I just want to ask because the (Left)MouseDown-Events work without problems... Best regards MyPiano edit: I just got another Problem: I don't know where I have to put the in the xaml editor. <div class="ForumMod">modified on Friday, August 7, 2009 5:18 PM</div></x-turndown>

Mark Salsbery

MyPiano wrote:

Could the reason why the left mouse button doesn't work be that I don't ask whether the mouse-down event war fired?

I haven't seen any of your code so I could only guess. How do you know it's not working? To test the code I posted, I just put a breakpoint in the event handler method and ran the app in the debugger.

MyPiano wrote:

I don't know where I have to put the <Style x:Key=""...

That is explained here: Resources Overview[^] Here's a more complete example:

<Window.Resources>
    <Style x:Key="LabelButtonStyle" TargetType="Button">
        <Setter Property="OverridesDefaultStyle" Value="True"/>
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
                        <Label Content="{TemplateBinding Content}" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<Grid>
    <StackPanel>
        <Button Name="labelButton" Style="{StaticResource LabelButtonStyle}" Content="Label Button" Click="labelButton\_Click" /> 
        <Button HorizontalAlignment="Center" VerticalAlignment="Center" >
            <Image Source="Images/Silverlight\_Logo.jpg" Stretch="None" /> 
        </Button>
        <Image Name="theImage" Source="Images/Silverlight\_Logo.jpg" Stretch="None" MouseLeftButtonDown="theImage\_MouseLeftButtonDown" MouseLeftButtonUp="theImage\_MouseLeftButtonUp"  />
    </StackPanel>
</Grid>

</Window>

using System;
usin

MyPiano

Thanks for this detailed answer. The LabelButton works perfect, the ImageButton works too. The image fires only the MouseLeftButtonDown event but not the Up-Event.

Mark Salsbery

MyPiano wrote:

The image fires only the MouseLeftButtonDown event but not the Up-Event.

Remove the breakpoint from the down event. If it still doesn't work, you have other unknown issue(s) :)

Mark Salsbery Microsoft MVP - Visual C++ :java:

MyPiano

Hey Mark, i found the problem now. After a second very intensive research on google, I found this MDSN article: UIElement.MouseLeftButtonDown Event The problem was that the control didn't captured the MouseButton after the MouseDownEvent because the Mouse probably moved over other object or st. similar. So I captured the mouse on the control:

private void label4_MouseDown(object sender, MouseButtonEventArgs e)
{
label4.CaptureMouse();
}

private void label4_MouseUp(object sender, MouseButtonEventArgs e)
{
label4.ReleaseMouseCapture();
}

That's all. As someone who worked with normal windows forms applications in the past a strange solution but okay. Thanks for the tips and your patience. :) Best regards MyPiano