Commits

Forrest Humphrey committed 38ef1b9

Updated pptx and note card, added the IsPressed animation to the Meme app

Comments (0)

Files changed (4)

Meme/Meme/MainWindow.xaml

                             </LinearGradientBrush>
                         </Border.Background>
                     </Border>
+                    <Border x:Name="BorderDown" BorderThickness="2,2,2,2" CornerRadius="4,4,4,4" Opacity="0">
+                        <Border.BorderBrush>
+                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1" >
+                                <GradientStop Color="White" Offset="1"/>
+                                <GradientStop Color="#222222" Offset="0"/>
+                            </LinearGradientBrush>
+                        </Border.BorderBrush>
+                        <Border.Background>
+                            <LinearGradientBrush StartPoint=".5,0" EndPoint=".5,1">
+                                <GradientStop Color="#aaaaff" Offset="0"/>
+                                <GradientStop Color="#444466" Offset="0.6"/>
+                                <GradientStop Color="#444444" Offset="1"/>
+                            </LinearGradientBrush>
+                        </Border.Background>
+                    </Border>
                     <ContentPresenter x:Name="Contents" HorizontalAlignment="Center" VerticalAlignment="Center" Width="Auto" Margin="3,3,3,3"/>
                 </Grid>
             </Border>
+            <ControlTemplate.Resources>
+                <Storyboard x:Key="MouseDownTimeLine">
+                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="BorderDown" Storyboard.TargetProperty="Opacity">
+                        <SplineDoubleKeyFrame KeyTime="00:00:00.05" Value="1"/>
+                    </DoubleAnimationUsingKeyFrames>
+                    <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Contents" Storyboard.TargetProperty="Margin">
+                        <SplineThicknessKeyFrame KeyTime="00:00:00.025" Value="4,4,2,2"/>
+                    </ThicknessAnimationUsingKeyFrames>
+                </Storyboard>
+                <Storyboard x:Key="MouseUpTimeLine">
+                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="BorderDown" Storyboard.TargetProperty="Opacity">
+                        <SplineDoubleKeyFrame KeyTime="00:00:00.25" Value="0"/>
+                    </DoubleAnimationUsingKeyFrames>
+                    <ThicknessAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Contents" Storyboard.TargetProperty="Margin">
+                        <SplineThicknessKeyFrame KeyTime="00:00:00.25" Value="3,3,3,3"/>
+                    </ThicknessAnimationUsingKeyFrames>
+                </Storyboard>
+            </ControlTemplate.Resources>
             <ControlTemplate.Triggers>
                 <Trigger Property="IsMouseOver" Value="True">
                     <Setter TargetName="BorderUp"  Property="Background">
                         </Setter.Value>
                     </Setter>
                 </Trigger>
+                <Trigger Property="IsPressed" Value="True">
+                    <Trigger.EnterActions>
+                        <BeginStoryboard Storyboard="{StaticResource MouseDownTimeLine}"/>
+                    </Trigger.EnterActions>
+                    <Trigger.ExitActions>
+                        <BeginStoryboard Storyboard="{StaticResource MouseUpTimeLine}"/>
+                    </Trigger.ExitActions>
+                </Trigger>
             </ControlTemplate.Triggers>
         </ControlTemplate>
     </Window.Resources>

Binary file modified.

Presentation/coding_note_card.txt

 	* Show using styles for a complex property,  ('hg up 59')
 	
 Control Templates
+	* Show expanding the Visual Tree in the debugger
+
 	* Talk about why the buttons turn weird when you mouse over them, add a normal button ('hg up 62')
 	        <Button Name="Button" Grid.Row="0" Grid.Column="1" Height="50" Width="100">Normal Button</Button>
 
 	* Open Meme app, show basic functionality ('hg up 65')
 	* Use glass button template ('hg up 66')
+		- Comment the entire template out and show that the button no longer has any UI
+		- Explain structure of ControlTemplate
+		- Talk about ContentPresenter
 	* talk about why the button doesn't change on MouseOver
 	* Show the use of Triggers to change the button on MouseOver ('hg up 67')
 	
-Animation
+Animation
+	* Show the use of animation for the Button Press ('hg up
Added
New image
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.