Download - Geek a-paloozaaa metro-xaml_appdev
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..