Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. General Programming
  3. WCF and WF
  4. Fade-In / -Out animation

Fade-In / -Out animation

Scheduled Pinned Locked Moved WCF and WF
questionhelp
3 Posts 2 Posters 9 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • E Offline
    E Offline
    elektrowolf
    wrote on last edited by
    #1

    Hi! I'd like to have a fade-in / -out animation. When the user clicks on a button, a control should be hidden, and if he clicks again, it should be shown again. The fading is no problem, but how do I reverse the animation for the next click? If I set AutoReverse=True, it is faded in right after fading out.

    C 1 Reply Last reply
    0
    • E elektrowolf

      Hi! I'd like to have a fade-in / -out animation. When the user clicks on a button, a control should be hidden, and if he clicks again, it should be shown again. The fading is no problem, but how do I reverse the animation for the next click? If I set AutoReverse=True, it is faded in right after fading out.

      C Offline
      C Offline
      Christian Graus
      wrote on last edited by
      #2

      We found the best way was to define the two animations in XAML, but to play them in the code, it was far easier to control that way

      Christian Graus Please read this if you don't understand the answer I've given you "also I don't think "TranslateOneToTwoBillion OneHundredAndFortySevenMillion FourHundredAndEightyThreeThousand SixHundredAndFortySeven()" is a very good choice for a function name" - SpacixOne ( offering help to someone who really needed it ) ( spaces added for the benefit of people running at < 1280x1024 )

      E 1 Reply Last reply
      0
      • C Christian Graus

        We found the best way was to define the two animations in XAML, but to play them in the code, it was far easier to control that way

        Christian Graus Please read this if you don't understand the answer I've given you "also I don't think "TranslateOneToTwoBillion OneHundredAndFortySevenMillion FourHundredAndEightyThreeThousand SixHundredAndFortySeven()" is a very good choice for a function name" - SpacixOne ( offering help to someone who really needed it ) ( spaces added for the benefit of people running at < 1280x1024 )

        E Offline
        E Offline
        elektrowolf
        wrote on last edited by
        #3

        OK, thx. I did it this way: From="{Binding Source=HelloWorld, Path=Opacity}" To="0.0" Duration="0:0:0.5" /> and in code: this.Animation.To = this.TextBlock.Opacity == 1 ? 0 : 1;

        1 Reply Last reply
        0
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Categories
        • Recent
        • Tags
        • Popular
        • World
        • Users
        • Groups