Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fundamentals of Windows 8 XAML/C# Metro Style Apps

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.

John Papa

April 02, 2012
Tweet

More Decks by John Papa

Other Decks in Technology

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