Desarrollo de aplicaciones XAML con Windows 8

O “Como crear la Tesela única..”José Luis Latorre

Guión

• WindowsRT• METRO• Primeros pasos• LifeCycle• Charms & Contracts• Conclusión

WindowsRT

Ese gran desconocido… ¿o no?

¿Está .NET Muerto?

Communication & Data

Devices & Printing

WinRT APIs

Graphics & Media

Windows 8

Desktop Apps

CC++

Win32

C#VB

.NET SL

HTMLJavaScript

Internet Explorer

Metro style Apps

Application Model

XAML

JavaScript

HTML / CSS

CC++

C#VB

Windows Kernel Services

Syst

em S

ervi

ces

View

Mod

el

Cont

rolle

rKe

rnel

Windows Runtime (WinRT)

Windows Metadata

& Namespac

e

Language Projection

Windows Core

Windows Runtime Core

XAML Storage …Network

UI Pickers MediaControls

Metro style app

Runtime Broker

Language Support

(CLR, WinJS, CRT)

Web Host (HTML, CSS, JavaScript))

Devices

SensorsGeolocation Portable NFC

Communications & Data

Contracts

XML

Web

SMSNetworking

Notifications

Local & Cloud Storage

Streams

Background Transfer

User Interface

HTML5/CSS XAML DirectX Controls

Input Accessibility Printing

Data Binding

TilesSVG

Fundamentals

Application Services Authentication Cryptography GlobalizationMemory ManagementThreading/Timers

Media

Visual EffectsPlayback PlayToCapture

Metro style application APIs

WinRT vs Silverlight

SL5

WinRT4396

1582

607

• Type comparison

WinRT vs Silverlight

SL5WinRT10375

651

• Member comparison

4222

.NET Framework 4.5

• Preinstalled in Windows 8• Metro Style Apps are part of .NET 4.5• No support for Windows XP• In-place replacement for .NET 4.0

Language SupportC#

XAML 5

apps

C++ Direct

X 2 apps

JS HTML

22 apps

• 29 apps in total• In Dev Preview:

–75% JS, –17% C#, –8% C++

METRO

Metro Design

• Typography• Motion• Content not Chrome

Metro UI

In-box Controls for Metro Style Apps

App Bar

List Box

Hyperlink

CheckboxProgress Bar

Text Box

Password

Progress Ring

Tooltip

Grid ViewButton

Flip View

Combo Box

Scroll Bar

Context Menu

Slider

Toggle Switch

Semantic Zoom

Panning Indicator

Rating

List View

Flyout

Radio Button

Clear Button

Reveal Button

Spell Checking

Metro Principles

• Metro Style Design• Fast and fluid• Touch first• Scale beautifully• Support for multiple states• Using the right contracts• Live tiles• Roaming to the cloud

Primeros pasos..

LifeCycle

Solo puede quedar uno…

Process state transition

Charms & Contracts

Para realizar un hechizo hay que cumplir con el contrato adecuado..

That’s all folks!

Dubtes? Dudas? Doubts?

@joslatJose Luis Latorrejoslat@gmail.com