Getting To Know WPF
Written by Ian Elliot   
Tuesday, 10 March 2015
Article Index
Getting To Know WPF
Why WPF? The Basic Controls
Graphics
Buttons On The Edge Of A Nervous..

 

Banner

 

Notice that the Storyboard is now slightly more complicated as we have added Acceleration and Deceleration ratios which specify how the change speeds up and slows down and we have made it repeat forever and loop back to its original state.

Once you have the basic idea of animation you can discover most of what you need to know by experimentation. For example, to make the button move diagonally when the user clicks on it, add the following between the EventTrigger.Actions tag:

<EventTrigger RoutedEvent="Button.Click">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="Button1"
Storyboard.TargetProperty="(Canvas.Left)"
From="0.0" To="125.0"
Duration="0:0:1"
AccelerationRatio="0.5"
DecelerationRatio="0.5"
RepeatBehavior="1x"
AutoReverse="True" />
<DoubleAnimation
Storyboard.TargetName="Button1"
Storyboard.TargetProperty="(Canvas.Top)"
From="0.0" To="125.0"
Duration="0:0:1"
AccelerationRatio="0.5"
DecelerationRatio="0.5"
RepeatBehavior="1x"
AutoReverse="True" />
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>

This moves the top and left properties and repeats the entire action just once. 

As you work with XAML it’s easy to forget that you are in fact working with a complete graphics system.

For example, all of the co-ordinates are in terms of absolute measurements rather than pixels and if the user interface is displayed on a higher resolution display device the quality increases, not the size of the text or buttons.

There are also transformations that you can apply to any rendered graphic. For example, if you add:

<Button.RenderTransform>
 <RotateTransform Angle="45" />
</Button.RenderTransform>

then the button will be drawn at 45 degrees – it still works as a standard button and even the animation functions. Animating a transformation is also possible.

 

button5

Buttons just aren’t supposed to behave like this!

 

Now that you have seen how WPF works you should be able to explore most of its facilities with the help of the documentation. It’s a powerful and unified approach to Windows graphics and you can’t afford to ignore it.

The things to keep in mind is that WPF is built on DirectX and makes use it to render all its graphics. All of the WPF controls are full graphical objects and they are only special in that they use used to respond to user input. WPF includes more sophisicated features such as animation, 3D, data binding and more. 

If you would like the code for this project then register and click on CodeBin.

 

To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, FacebookGoogle+ or Linkedin,  or sign up for our weekly newsletter.  

 

Banner


Bitmap Coding and Metatdata in WPF


Having looked at working with raw pixel data we turn our attention to formattted image files and how to code and decode both the pixel data and the meta data they contain.

 



BitmapImage and local files

When and how to use the BitmapImage class



The bitmap transform classes

WPF bitmaps are immutable but that doesn't mean you can't transform them. Find out about rotation, scaling, changing pixel formatting and how to mangage color profiles.



BitmapSource: WPF Bitmaps

Although bitmap graphics are not a main focus of WPF it does offer some useful facilities



ISupportInitialize and XAML

For a class to be instantiated by XAML it has to have a parameter-less constructor. This means that properties that might be essential to creating the instance can be initialized in any order and this [ ... ]


Other Articles

 

blog comments powered by Disqus

<ASIN:0672329859>

<ASIN:1430210842>

<ASIN:0735619573>

<ASIN:1590599497>

 

public partial class Window1 : Window
{


Last Updated ( Tuesday, 10 March 2015 )
 
 

   
RSS feed of all content
I Programmer - full contents
Copyright © 2015 i-programmer.info. All Rights Reserved.
Joomla! is Free Software released under the GNU/GPL License.