Exercise: Create a panic button which throbs, using a storyboard

This exercise is provided to allow potential course delegates to choose the correct Wise Owl Microsoft training course, and may not be reproduced in whole or in part in any format without the prior written consent of Wise Owl.

The answer to the exercise will be included and explained if you attend the Wise Owl course listed below!

Category ==> WPF - Visual C#  (20 exercises)
Topic ==> Triggers and animations  (3 exercises)
Level ==> Average difficulty
Course ==> WPF using Visual C#
Before you can do this exercise, you'll need to download and unzip this file (if you have any problems doing this, click here for help).

You need a minimum screen resolution of about 700 pixels width to see our exercises. This is because they contain diagrams and tables which would not be viewable easily on a mobile phone or small laptop. Please use a larger tablet, notebook or desktop computer, or change your screen resolution settings.

Depending on how you're feeling, either create a window called Panic to hold a suitably reassuring looking text box and panic button, or open up the window in the folder shown above:

Panic button

All help systems should contain one of these!

 

Create an event trigger to handle the button's click event:

Starting event trigger

The start of an event trigger for the panic button.

 

Now add two double animations (each with duration 1 second) to set:

  • The storyboard's target property to Width or Height, depending on which double animation you're setting; and
  • The storyboard's target name property to txt (the name of the text box whose size you want to change).
  • The To property to 200 (width) or 60 (height).

Try running your application and clicking on your button:

The panic button bigger

You can now play the amusing game of trying to click on the moving cross to close down your window!

 

Close any windows that you have open. 

This page has 0 threads Add post