Embed Size (px)
Citation preview
Nuevos controles en Windows 10Josué Yeray
Freelance Mobile developer
Windows Platform MVP
@josueyeray
blog.josueyeray.com
Comenzamos!
CartujaDotNet
Novedades en controles
Estilo adaptado de muchos controles ya existentes
Simplificación de XAML
Evitar tener que usar controles extra para la apariencia
CartujaDotNet
Mismo Sistema, mismos controles
CartujaDotNet
Novedades en controles
Todos los controles contenedores
Grid, StackPanel, RelativePanel…
Tienen las propiedades de un Border
Ahorramos controles para mejorar el rendimiento
(próxima sesión)
CartujaDotNet
Novedades en controles
En Windows 8.X / Windows Phone:
Resultado:
<Border BorderBrush="Red" BorderThickness="2" CornerRadius="10" Background="LightCoral"><Grid Margin="10">
<TextBlock/></Grid>
</Border>
This is Sparta!
CartujaDotNet
Novedades en controles
En Windows 10:
Resultado:
<Grid Margin="10" BorderBrush="Red" BorderThickness="2" CornerRadius="10" Background="LightCoral"><TextBlock/>
</Grid>
This is Sparta!
DEMO
Novedades en estilos y propiedades
Proyeccion 3D
CartujaDotNet
Proyección 3D
Hasta ahora podíamos realizar proyecciones y transformaciones
Aplanaban los objetos con un “Pseudo 3D”
No podíamos controlar la perspectiva
CartujaDotNet
Proyección 3D
En Windows 10 todos los elementos tienen la propiedad Transform3D
Podemos controlar la perspectiva con la clase PerspectiveTransform3D
Controla el “Punto de vista”
CartujaDotNet
Proyección 3D
PerspectiveTransform3D:
<Grid.Transform3D><PerspectiveTransform3D x:Name="RootGridTransform"
OffsetX="-150"OffsetY="100" Depth="400"/>
</Grid.Transform3D>
CartujaDotNet
Proyección 3D
En los elementos hijos podemos aplicar un CompositeTransform3D
El motor de XAML se encarga de los cálculos necesarios para conservar la perspectiva indicada, aplicando las transformaciones.
Tiene control del ZIndex
CartujaDotNet
Proyección 3D
CompositeTransform3D
<Grid.Transform3D><CompositeTransform3D x:Name="RedGridComposite"
TranslateZ="-100"TranslateX="0"TranslateY="0"/>
</Grid.Transform3D>
DEMO
Transform3D
Nuevos controles XAML
RelativePanel
CartujaDotNet
Relative Panel
AdaptativoRelativo al Panel
Relativo a controles “hermanos”
Simplifica nuestro XAMLSimplifica el árbol visual
Simplifica los estados visuales
SplitView
CartujaDotNet
SplitView
InkCanvas
CartujaDotNet
InkCanvas DirectInk (Art by Laura & Sofía)
CartujaDotNet
InkCanvas
Trabajar con tinta electrónica siempre ha sido complejo
Multiples problemas:
Muy costoso en rendimiento
Poco preciso al reconocer el lápiz/dedo
Todo por hacer… la complejidad recaía en nosotros
CartujaDotNet
InkCanvas
El control InkCanvas, simplifica estas tareas:
Dibujado de la escritura del usuario
Ratón, Lapiz, Mano
Guardar/Cargar los trazos “Strokes” del usuario
Reconocimiento de texto
Modo marcador
DEMO
InkCanvas
DEMO
CÓDIGO DE LAS DEMOS:
www.github.com/josueyeray/win10samples
Nuevos controles en Windows 10Josué Yeray
Freelance Mobile developer
Windows Platform MVP
@josueyeray
blog.josueyeray.com
