Fundamentals of Windows 8 XAML/C# Metro Style Apps

Heard the buzz about Windows 8 Metro style apps but don’t know where to start? In this session you’ll learn how to build Windows 8 apps using XAML and take advantage of the native Windows 8 features. Walk through the fundamentals of Windows 8 and then learn about styling, animations, invoking the Windows Runtime (WinRT), the intrinsic controls, and more that will help prepare you to develop Windows 8 Metro style apps.

Transcript

1. @JOHN_PAPA @JOHN_PAPA
2. @JOHN_PAPA       
3. @JOHN_PAPA       
4. @JOHN_PAPA
5. @JOHN_PAPA 
6. @JOHN_PAPA
7. @JOHN_PAPA
8. @JOHN_PAPA
9. @JOHN_PAPA <StackPanel> <TextBox x:Name="NameTextBox" HorizontalAlignment="Left" Margin="8,8,0,0" Width="170"/> <Button x:Name="OKButton" Content="OK" HorizontalAlignment="Left" Margin="8,8,0,0" Width="170" /> </StackPanel> •
10. @JOHN_PAPA      
11. @JOHN_PAPA       
12. @JOHN_PAPA
13. @JOHN_PAPA <ToggleSwitch OffContent="Basic List" OnContent="Templated" Toggled="ToggleSwitch_Toggled" /> <TextBlock Text="Select a Person"/> <ListView x:Name="PeopleListView1"> <ListViewItem Content="John Papa" /> <ListViewItem Content="Dan Wahlin"/> <ListViewItem Content="Pluralsight"/> </ListView> <Button Content="Show Selected Item" Click="Button_Click" />
14. @JOHN_PAPA <ToggleSwitch OffContent="Basic List" OnContent="Templated" Toggled="ToggleSwitch_Toggled" /> <TextBlock Text="Select a Person"/> <ListView x:Name="PeopleListView1"> <ListViewItem Content="John Papa" /> <ListViewItem Content="Dan Wahlin"/> <ListViewItem Content="Pluralsight"/> </ListView> <Button Content="Show Selected Item" Click="Button_Click" />
15. @JOHN_PAPA  
16. @JOHN_PAPA       
17. @JOHN_PAPA      
18. @JOHN_PAPA    <Button Content="OK" Click="OKButton_Click"/> OKButton.Click += OKButton_Click; void OKButton_Click(object sender, RoutedEventArgs e) { }
19. @JOHN_PAPA                    
20. @JOHN_PAPA void MyCtl_Holding(object sender, HoldingRoutedEventArgs e) { switch (e.PointerDeviceType) { case PointerDeviceType.Mouse: break; case PointerDeviceType.Pen: break; case PointerDeviceType.Touch: break; } }
21. @JOHN_PAPA
22. @JOHN_PAPA       
23. @JOHN_PAPA      
24. @JOHN_PAPA <TextBlock Text="{Binding Path=Name, Mode=OneWay}" /> <Slider x:Name="sliderAge" Minimum="1" Maximum="150" Value="10"/> <TextBox Text="{Binding ElementName=sliderAge, Path=Value, Mode=TwoWay}" />
25. @JOHN_PAPA <ListView ItemsSource="{Binding People}"> <ListView.ItemTemplate> <DataTemplate> <StackPanel> <Image Source="{Binding ImgUrl}"/> <TextBlock Text="{Binding Name}" /> </StackPanel> </DataTemplate> </ListView.ItemTemplate> </ListView>
26. @JOHN_PAPA
27. @JOHN_PAPA       
28. @JOHN_PAPA      
29. @JOHN_PAPA
30. @JOHN_PAPA
31. @JOHN_PAPA       
32. @JOHN_PAPA     
33. @JOHN_PAPA      
34. @JOHN_PAPA - - - - - - - - - - - - - - -
35. @JOHN_PAPA <EntranceThemeTransition FromHorizontalOffset="500" /> <Grid> <Grid.ChildTransitions> <TransitionCollection> <EntranceThemeTransition/> </TransitionCollection> </Grid.ChildTransitions> <Image Source="/Images/photo.png" /> </Grid>
36. @JOHN_PAPA <VisualState x:Name="Opened"> <Storyboard> <SplitOpenThemeAnimation OpenedTargetName="PopupBorder" ContentTargetName="ScrollViewer" ClosedTargetName="DropDownToggle" ContentTranslationOffset="0" . . . . . . /> </Storyboard> </VisualState>
37. @JOHN_PAPA
38. @JOHN_PAPA       
39. @JOHN_PAPA
40. @JOHN_PAPA