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

    View Slide

  2. @JOHN_PAPA







    View Slide

  3. @JOHN_PAPA







    View Slide

  4. @JOHN_PAPA

    View Slide

  5. @JOHN_PAPA

    View Slide

  6. @JOHN_PAPA

    View Slide

  7. @JOHN_PAPA

    View Slide

  8. @JOHN_PAPA

    View Slide

  9. @JOHN_PAPA

    x:Name="NameTextBox"
    HorizontalAlignment="Left"
    Margin="8,8,0,0" Width="170"/>
    HorizontalAlignment="Left"
    Margin="8,8,0,0" Width="170" />


    View Slide

  10. @JOHN_PAPA






    View Slide

  11. @JOHN_PAPA







    View Slide

  12. @JOHN_PAPA

    View Slide

  13. @JOHN_PAPA
    OnContent="Templated"
    Toggled="ToggleSwitch_Toggled" />






    Click="Button_Click" />

    View Slide

  14. @JOHN_PAPA
    OnContent="Templated"
    Toggled="ToggleSwitch_Toggled" />






    Click="Button_Click" />

    View Slide

  15. @JOHN_PAPA


    View Slide

  16. @JOHN_PAPA







    View Slide

  17. @JOHN_PAPA






    View Slide

  18. @JOHN_PAPA




    OKButton.Click += OKButton_Click;
    void OKButton_Click(object sender, RoutedEventArgs e)
    {
    }

    View Slide

  19. @JOHN_PAPA




















    View Slide

  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;
    }
    }

    View Slide

  21. @JOHN_PAPA

    View Slide

  22. @JOHN_PAPA







    View Slide

  23. @JOHN_PAPA






    View Slide

  24. @JOHN_PAPA
    Text="{Binding Path=Name, Mode=OneWay}" />
    Maximum="150" Value="10"/>

    View Slide

  25. @JOHN_PAPA










    View Slide

  26. @JOHN_PAPA

    View Slide

  27. @JOHN_PAPA







    View Slide

  28. @JOHN_PAPA






    View Slide

  29. @JOHN_PAPA

    View Slide

  30. @JOHN_PAPA

    View Slide

  31. @JOHN_PAPA







    View Slide

  32. @JOHN_PAPA





    View Slide

  33. @JOHN_PAPA






    View Slide

  34. @JOHN_PAPA
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -

    View Slide

  35. @JOHN_PAPA
    FromHorizontalOffset="500" />








    View Slide

  36. @JOHN_PAPA


    OpenedTargetName="PopupBorder"
    ContentTargetName="ScrollViewer"
    ClosedTargetName="DropDownToggle"
    ContentTranslationOffset="0"
    . . .
    . . . />


    View Slide

  37. @JOHN_PAPA

    View Slide

  38. @JOHN_PAPA







    View Slide

  39. @JOHN_PAPA

    View Slide

  40. @JOHN_PAPA

    View Slide