WPF

I took an session on WPF for awareness on WPF and silverlight

Here is the presentation on WPF basics and the Demo code which i did along with.

The demo is about animation (rotation), binding (to a static class or to another control)…

here is a snapshot

here is the WPF code

   1: <Window x:Class="WpfApplication1.Window1"
   2:     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   3:     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   4:         xmlns:g="clr-namespace:System.Globalization;assembly=mscorlib"
   5:     Title="Window1" Height="800" Width="900">
   6:     <Canvas Height="800" Width="900">
   7:         <Canvas x:Name="mainCanvas" Width="300" Height="300" Canvas.Top="0" Canvas.Left="100">
   8:            
   9:             <Canvas.Background>
  10:                 <LinearGradientBrush>
  11:                     <GradientStop Offset=".6" Color="Red"></GradientStop>
  12:                     <GradientStop Offset=".2" Color="White"></GradientStop>
  13:                     <GradientStop Offset=".2" Color="Yellow"></GradientStop>
  14:                 </LinearGradientBrush>
  15:             </Canvas.Background>
  16:             <Ellipse Height="200" Width="100" Fill="Red">
  17:                 <Ellipse.RenderTransform>
  18:                     <RotateTransform x:Name="ellipseScale" Angle="0"></RotateTransform>
  19:                 </Ellipse.RenderTransform>
  20:             </Ellipse>
  21:             <Button Content="OK" Canvas.Top="50" Canvas.Left="60">
  22:                 <Button.Triggers>
  23:                     <EventTrigger RoutedEvent="Button.Click">
  24:                         <BeginStoryboard>
  25:                             <Storyboard Storyboard.TargetName="ellipseScale" Storyboard.TargetProperty="Angle">
  26:                                 <DoubleAnimation From="0" To="360" Duration="0:0:2"></DoubleAnimation>
  27:                             </Storyboard>
  28:  
  29:                         </BeginStoryboard>
  30:                     </EventTrigger>
  31:                 </Button.Triggers>
  32:             </Button>
  33:             <ListBox Height="200" Width="200" x:Name="lst" Canvas.Top="0" Canvas.Left="150"
  34:                      ItemsSource="{Binding Source={x:Static g:DateTimeFormatInfo.CurrentInfo}, Path=DayNames }">
  35:                 
  36:             </ListBox>
  37:             <MediaElement Canvas.Top="150" Canvas.Left="150"  Height="200" Width="200" Source="FluidWater1.wmv"></MediaElement>
  38:         </Canvas>
  39:         <TextBlock Text="working"></TextBlock>
  40:         <StackPanel Width="400" Height="300" Canvas.Top="300" Canvas.Left="100" Opacity=".5" >
  41:             <StackPanel.Background>
  42:                 <VisualBrush Visual="{Binding ElementName=mainCanvas}">
  43:                     <VisualBrush.RelativeTransform>
  44:                         <TransformGroup>
  45:                             <ScaleTransform ScaleX="1" ScaleY="-1"></ScaleTransform>
  46:                             <TranslateTransform Y="1" ></TranslateTransform>
  47:                         </TransformGroup>
  48:                     </VisualBrush.RelativeTransform>
  49:                 </VisualBrush>
  50:             </StackPanel.Background>
  51:         </StackPanel>
  52:     </Canvas>
  53: </Window>

 

I will be blogging more advanced stuff in nextblogs..

Happy WPF ing

Technorati Tags:
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s