we love xaml - blend for windows och phone development - techdays sweden 2014

We love XAML

- Blend for Windows och Phone development

Andreas Hammar

Jayway

@andyhammar

Overview

XAML

Blend

basics

Styles &

Templates

Visual States

& Animations

Universal apps

State of XAML

WPF

Silverlight

WindowsXAML

WinRT

Blend basics

Blend basics

Blend unique

Design data

Fody

public class MainPageVm : INotifyPropertyChanged{

public IList<NewsVmi> NewsItems { get; set; }public IList<ContactVmi> ContactItems { get; set; }

}

Less… More…

State of mind

X V

demo 1/3 - basics

Styles & Templates

Styles

Templates

Context breadcrumbs

Resources

Visual Studio

demo 2/3 - templates

Visual States

& Animations

Visual states

Animations

Paths

Behaviours

demo 3/3 - animations

Universal apps

Universal apps

Shared XAML

Identical vs unique UI

Code/XAML sharing strategies

• #if

• partial

• inheritance

• interfaces

• All XAML

• Xaml.cs

• UserControls

• none

Limitations

Wrapping up

Tidbits

How we roll

AppBlueColor

AppHeaderTextStyle

FodyMainPageVmSampleData

MainPageVm

NewsItemVmi

Summary

Use the

mouse

Structure

resources

Use

design data

Embrace

Visual States

Go style that UI!

Questions?http://blogs.windows.com/buildingapps/2014/07/22/tips-and-tricks-for-using-xaml-controls-in-your-universal-windows-apps

https://github.com/andyhammar/BlendDemo

@andyhammarandreas.hammar@jayway.comhttp://blog.jayway.com

http://www.techdays.se/Utvardering

extras…

The Blend UI parts