12
Windows UI Sevilla Windows //REBUILD Javier Suárez

Introducción a Windows UI

Embed Size (px)

Citation preview

Page 1: Introducción a Windows UI

Windows UISevilla Windows //REBUILDJavier Suárez

Page 2: Introducción a Windows UI

CartujaDotNet

Javier Suárez RuizSoftware Developer at Plain ConceptsMicrosoft MVP Windows Platform Development• Blog: http://geeks.ms/blogs/jsuarez• Email: [email protected]• Twitter: @jsuarezruiz

Page 3: Introducción a Windows UI

CartujaDotNet

AgendaWindows UI

1.UI Framework Layering2.Visual Layer API3.DEMOS!

Page 4: Introducción a Windows UI

CartujaDotNet

UWP

Page 5: Introducción a Windows UI

Windows UI

Page 6: Introducción a Windows UI

CartujaDotNet

UI Framework Layering

Visual layerVisuals, Animaciones & Expresiones, Efectos, Input Routing & Manipulaciones

Framework layerControles, layout, markup, accesibilidad, data binding

Graphics layerRasterización de texto, formas & vectores rasterización, ink rendering

Windows.UI.XAML

Windows.UI.Composition

DirectX Family

Page 7: Introducción a Windows UI

CartujaDotNet

UI Framework Layering

Visual layer

Framework layer

Graphics layer

Windows.UI.XAML

Windows.UI.Composition

DirectX Family

Fácil

Posible

Page 8: Introducción a Windows UI

CartujaDotNet

Visual Layer APINuevo en la

actualización

Windows

November 2015!

• SpriteVisual• Color sólido • Imagen• Contenido D2D/D3D

• Interoperatibilidad XAML

• Keyframe• Expression

• Efectos de colores• Animation & Chaining• Aplicar efectos a

imágenes

Sistema de animaciones

Sistema de efectosVisuals

NEW! CompositionDrawingIma

ge, AnchorPoint, BackfaceVisibility, ScrollViewer Integration

NEW! Más operadores como eg

sin, cos, Color Animations, Quaternions, CompositionBatch Eventing

NEW! Más efectos: Contrast,

Exposure, grayscale, gamma transfer, hue rotate, invert, sepia, temperature, tint

Page 9: Introducción a Windows UI

CartujaDotNet

Próximaversión

Nuevo en la

actualización

Windows

November 2015!

• Nuevos Brushes (NineGrid, Mask)• Interoperatibilidad XAML

mejorada

• Animaciones implícitas• Animaciones conectadas• Nuevas posibilidades

basadas en el uso de Inputs

• Blur (yeah!)• Drop Shadow• Aplicar efectos en

más contextos• Image-based and

Full Scene Lighting

Sistema de animaciones

Sistema de efectosVisuals

Visual Layer API – los ingredientes

Page 10: Introducción a Windows UI

CartujaDotNet

Bah, vamos a por Demos!(No hay más presentaciones…)

Page 11: Introducción a Windows UI

CartujaDotNet

Preguntas y respuestas.

¿Dudas?

P&R

Page 12: Introducción a Windows UI

Windows UISevilla Windows //REBUILDJavier Suárez