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

Innovation Team Leader at ENCAMINA | MVP in Developer Technologies. Apasionado por las nuevas tecnologías. Colaboro con la comunidad de desarrolladores escribiendo artículos en mi blog personal y ocasionalmente en CompartiMOSS.com. Además, soy uno de los coordinadores de TenerifeDev, grupo de usuarios de .NET de Tenerife y de otros grupos como Comunidad Office 365. 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