Top Banner
#dotNETSpain2015 Santiago Porras Rodríguez Microsoft Windows Platform Development MVP Tips & Tricks de diseño de aplicaciones móviles Y A X B @saintwuko ng
18
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Universal apps   tips and tricks

#dotNETSpain2015

Santiago Porras RodríguezMicrosoft Windows Platform Development MVP

Tips & Tricks de diseño de aplicaciones móviles

Y

AX B

@saintwukong

Page 2: Universal apps   tips and tricks

#dotNETSpain2015

Page 3: Universal apps   tips and tricks

#dotNETSpain2015

Santiago Porras RodríguezMVP Windows Platform DevelopmentUX – SharePoint Developer

http://blogs.encamina.com/en-tu-casa-o-en-la-mia/http://geeks.ms/blogs/santypr [email protected]@saintwukong

Page 4: Universal apps   tips and tricks

#dotNETSpain2015

Page 5: Universal apps   tips and tricks

#dotNETSpain2015

Tips & Tricks de diseño de aplicaciones móviles

Page 6: Universal apps   tips and tricks

#dotNETSpain2015

there is no alternative to design there is only good design or bad design

Page 7: Universal apps   tips and tricks

#dotNETSpain2015#dotNETSpain2015

Datos en tiempo de diseñoDiseño adaptativoCompartiendo XAMLImágenes circularesSelector de plantillas por parámetro

Agenda

Page 8: Universal apps   tips and tricks

Datos en tiempo de diseño

Page 9: Universal apps   tips and tricks

Diseño adaptativo

“be water my friend”

Page 10: Universal apps   tips and tricks

#dotNETSpain2015#dotNETSpain2015

¿Qué es el diseño Adaptativo?

Page 11: Universal apps   tips and tricks

Compartiendo XAML

Page 12: Universal apps   tips and tricks

#dotNETSpain2015#dotNETSpain2015

Podemos compartir todo el código XAML incluyendo páginas

¡Pero cuidado! Las páginas difieren muchísimo entre Windows Phone y Windows

ResoluciónDirección de navegación

Área de visibilidad

Compartiendo páginas

En anteriores versiones de Windows Platform

Page 13: Universal apps   tips and tricks

#dotNETSpain2015#dotNETSpain2015

Back button

Resolviendo el problema del “back button”public CommonPage() {

this.InitializeComponent();

this.navigationHelper = new NavigationHelper(this);

this.InsertPageTitleUserControl();

this.navigationHelper.LoadState += navigationHelper_LoadState;

this.navigationHelper.SaveState += navigationHelper_SaveState;

}

private void InsertPageTitleUserControl() {

PageTitleUserControl pageTitle = new PageTitleUserControl(this.navigationHelper);

pageTitle.PageTitle = "Common page";

pageTitle.AppName = "APP NAME";

rootGrid.Children.Add(pageTitle);

Grid.SetRow(pageTitle, 0);

}

Page 14: Universal apps   tips and tricks

Imágenes circulares

Page 15: Universal apps   tips and tricks

Splash Screen

Page 16: Universal apps   tips and tricks

Cargando datos

Page 17: Universal apps   tips and tricks

Selector de plantillas de elementos por parámetro

Page 18: Universal apps   tips and tricks

#dotNETSpain2015

Santiago Porras RodríguezMicrosoft Windows Platform Development MVP

¡¡¡Si te ha gustado no olvides rellenar la encuesta!!!Thanks

Y

AX B

@saintwukong