Las ventajas que te ofrece Microsoft Azure y el mundo.NET

Xamarin.Forms | Detectando el tipo de dispositivo (Tablet / SmartPhone)

Dentro de las bondades que ofrece Xamarin.Forms a la hora de desarrollar para todas las plataformas con un mismo código, en ocasiones es necesario realizar cambios en la visualización de los contenidos dependiendo del tipo de dispositivo dadas las diferencias existentes en el tamaño de pantalla y las resoluciones. Por ello, debemos usar algún elemento que establezca esta diferencia y sobre todo, que sea bastante simple.

Para realizar esta diferenciación, l@s chic@s de Xamarin nos lo han puesto realmente fácil y con sólo una instrucción seremos capaces de esclarecer qué tipo de dispositivo está ejecutando nuestra aplicación gracias a la clase Device y, más en concreto a las propiedades Idiom, OS y OnPlatform. En concreto, en este artículo hablamos de diferenciar el tipo de dispositivo y no su Sistema Operativo, con lo que debemos usar la propiedad Idiom

if (Device.Idiom == TargetIdiom.Phone) { 
    // layout views vertically 
} else { 
    // layout views horizontally or use different Page 
}

 

smartphone-itemstablet-items

De esta forma, podremos optimizar nuestras interfaces a la hora de visualizar los elementos y aprovechar el espacio disponible.

mm

Sobre Santiago Porras Rodríguez

UX Developer MVP Windows Platform Development Nokia Developer Champion Experto en desarrollo de experiencias de usuario. Apasionado por las nuevas tecnologías, sobre todo Microsoft, destacando Windows Phone, Windows 8 y SharePoint. Colaboro con la comunidad de desarrolladores como moderador de los foros de SharePoint en MSDN y TechNet, escribiendo artículos en mi blog personal en Geeks.ms y ocasionalmente sobre SharePoint en CompartiMOSS.com. Además, soy uno de los coordinadores de TenerifeDev, grupo de usuarios de .NET de Tenerife y WPSUG, grupo de usuarios de Windows Phone. Puedes encontrarme en la red microparticipando en Twitter con el usuario @saintwukong
Esta entrada ha sido publicada en Movilidad, Xamarin, Xamarin.Forms y etiquetada como , , . Enlace permanente .
Suscríbete a Piensa en Sofware desarrolla en Colores

Suscríbete a Piensa en Sofware desarrolla en Colores

Recibe todas las actualizaciones semanalmente de nuestro blog

You have Successfully Subscribed!

ENCAMINA, piensa en colores