Yet another WPF image button question

Question

0.00/5 (No votes)

See more:

Here we go, I know the subject has been chewed on and I've seen many tutorials, posts, etc, but none seems to be providing what I need, so here it goes -
a. I have a WPF application (heavy on graphics), where one of the buttons (customized) need to do the following -
1. Initialize with image 1
2. Click on -- Image 2 comes up
3. Another click -- back to image 1 and so force

Toggle button does not seem to do the trick.

Any ideas ?
I'm not afraid from writing code (prefer C#)

Regards, Anat

Posted 15-Feb-11 23:38pm

anat 2010

Updated 16-Feb-11 6:58am

Sergey Alexandrovich Kryukov

v2

Add a Solution

2 solutions

Solution 1

You are using WPF so this is easy.
What you could do is style a checkbox to look like a button and then use it.

When the checkbox is checked show image 1 and when it is unchecked show image 2.

Posted 15-Feb-11 23:51pm

Abhinav S

Comments

Sergey Alexandrovich Kryukov 16-Feb-11 12:59pm

OP posted:

Abhinav,
Thanks, but it is not as easy as that. It is a touch panel where the whole area where the image is (medium size button) should change based on the toggle click.
I've created a button and databind source, but now in run time, can't seem to change or access the soure to load image2 vs image1.

Any other ideas?
Anat

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Nish Nishant · Accepted Answer · 2011-02-16T08:42:00

Something like this should work (you may have to tweak it a little to suite your needs):

XML

<ToggleButton Margin="110,100,247,179">
  <ToggleButton.Style>
      <Style TargetType="{x:Type ToggleButton}">
          <Setter Property="Content">
              <Setter.Value>
                  <Image Source="/WpfApplication1;component/off.png" />
              </Setter.Value>
          </Setter>
          <Style.Triggers>
              <Trigger Property="IsChecked" Value="True">
                  <Setter Property="Content">
                      <Setter.Value>
                          <Image Source="/WpfApplication1;component/on.png" />
                      </Setter.Value>
                  </Setter>
              </Trigger>
          </Style.Triggers>
      </Style>
  </ToggleButton.Style>
</ToggleButton>