Presentation is loading. Please wait.

Presentation is loading. Please wait.

Sessions about to start – Get your rig on!

Similar presentations


Presentation on theme: "Sessions about to start – Get your rig on!"— Presentation transcript:

1 Sessions about to start – Get your rig on!

2 Using Visual Studio and Blend to build Beautiful Universal Applications
Nick Randolph WPD307

3 Overview Application Structure XAML Resources Shared XAML
Lists and Grids XAML Tips and Tricks

4 Application Structure

5 Separation of Concerns
Why do I still need PCLs? How much reuse can I get? Do I need an MVVM Framework? Where does navigation belong? Separation of Concerns UX/UI v’s Business Logic MVVM PCLs v’s Shared Projects Other Platforms

6 Navigation and Pages Forward and Back Navigation Page Hierarchy
Screen Size and Resolution

7 Build me an app! Nick Randolph
Getting Started with MVVMCross and Visual Studio Online APIs

8 XAML Resources

9 What’s a Resource “XAML entity referenced by key”
Common: Colors, Brushes, Styles, Templates……… Where can I define a resource?

10 Defining resources Nick Randolph
Using styles to group and reuse property values Defining control, page and application resources

11 Shared XAML

12 Sharing XAML for Windows Platform
Shared Page Shared Controls Platform Specific Controls, Styles or Templates

13 Shared Resources Nick Randolph Creating shared pages and layout
Creating shared and platform specific resources

14 Lists and Grids

15 Basics: ListView and GridView
ItemTemplate How each item is presented ItemsPanel How items relates to adjacent items ItemContainerStyle How items behave when interacted with

16 ListView and GridView Grouping
Grouped items CollectionViewSource – IsGrouped GroupStyle

17 Advanced: ListView and GridView
Non-homogenous items ItemsTemplateSelector Custom Behaviour ListViewItemExpanded Animations

18 Templating Lists and Grids
Nick Randolph Defining templates and grouping

19 XAML Tips and Tricks

20 Designing Use Blend Use Design time data Use Visual States

21 Development Lifecycle
Converting wireframes to application structure Using visual designs as templates

22 Polish Icons and Splashscreens Alignment Pixel Perfect

23 Designing with Blend Nick Randolph
Design time data and layout development in Blend

24 Summary Application structure XAML resources Grids and lists
Final application polish

25 Questions Nick Randolph
@btroam skype:nick_randolph

26 12/6/2018 2:46 AM Related content WPD304 Building and Migrating Modern Enterprise Line of Business Applications WPD305 Windows Universal Apps - A Native Cross Platform Experience WPD206 What's New in Windows Phone 8.1 WPD203 Choosing a X-Platform Dev Strategy WPD410 Xamarin with a View © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

27 Thanks! Don’t forget to complete your evaluations
aka.ms/mytechedmel


Download ppt "Sessions about to start – Get your rig on!"

Similar presentations


Ads by Google