we love xaml - blend for windows och phone development - techdays sweden 2014
DESCRIPTION
Learn how to create UI's for Windows apps, Windows Phone apps and Universal Windows apps using Expression Blend, Visual Studio and XAML. This content was presented at TechDays Sweden 2014. All resources can be found at: http://blog.jayway.comTRANSCRIPT
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
@[email protected]://blog.jayway.com
http://www.techdays.se/Utvardering
extras…
The Blend UI parts