Diseño para aplicaciones de tableta y escritorio
Xamarin.Forms admite todos los tipos de dispositivos disponibles en las plataformas admitidas, por lo que además de teléfonos, las aplicaciones también se pueden ejecutar en:
- Ipads
- Tabletas Android,
- Windows tabletas y equipos de escritorio (que ejecutan Windows 10).
En esta página se describe brevemente:
- los tipos de dispositivo admitidos,y
- cómo optimizar los diseños de tabletas frente a teléfonos.
Tipos de dispositivo
Los dispositivos de pantalla más grandes están disponibles para todas las plataformas compatibles con Xamarin.Forms .
iPad (iOS)
La plantilla incluye automáticamente iPad compatibilidad mediante la configuración de Xamarin.FormsXamarin.Forms en > (lo que significa que se admiten iPhone y iPad dispositivos).
Para proporcionar una experiencia de inicio cómoda y asegurarse de que la resolución de pantalla completa se usa en todos los dispositivos, debe asegurarse de que se proporciona una pantalla de inicio específica de iPad (mediante un guión gráfico). Esto garantiza que la aplicación se represente correctamente en iPad mini, iPad y iPad Pro dispositivos.
Antes de iOS 9, todas las aplicaciones tomaban la pantalla completa en el dispositivo, pero algunos iPad ahora pueden realizar multitarea de pantalla dividida. Esto significa que la aplicación podría tomar solo una columna fina en el lado de la pantalla, el 50 % del ancho de la pantalla o toda la pantalla.
La funcionalidad de pantalla dividida significa que debe diseñar la aplicación para que funcione bien con tan solo 320 píxeles de ancho o hasta 1366 píxeles de ancho.
Tabletas Android
El ecosistema Android tiene una gran cantidad de tamaños de pantalla admitidos, desde teléfonos pequeños hasta tabletas grandes. Xamarin.Forms puede admitir todos los tamaños de pantalla, pero al igual que con las otras plataformas, es posible que quiera ajustar la interfaz de usuario para dispositivos más grandes.
Al admitir muchas resoluciones de pantalla diferentes, puede proporcionar los recursos de imagen nativa en distintos tamaños para optimizar la experiencia del usuario. Revise la documentación de recursos de Android (y, en particular,la creación de recursos para distintos tamaños de pantalla) para obtener más información sobre cómo estructurar las carpetas y los nombres de archivo en el proyecto de aplicación de Android para incluir recursos de imagen optimizados en la aplicación.
Windows tabletas y escritorios
Para admitir tabletas y equipos de escritorio que ejecutan Windows, deberás usar la compatibilidad con UWP de Windows,que compila aplicaciones universales que se ejecutan en Windows 10.
Las aplicaciones que se Windows en tabletas y escritorios se pueden cambiar de tamaño a dimensiones arbitrarias además de ejecutarse a pantalla completa.
Optimización para tabletas y escritorios
Puede ajustar la interfaz de usuario en función de si se usa un dispositivo de teléfono o Xamarin.Forms tableta o escritorio. Esto significa que puede optimizar la experiencia del usuario para dispositivos de pantalla grande, como tabletas y equipos de escritorio.
Device.Idiom
Puede usar la clase Device para cambiar el comportamiento de la aplicación o la interfaz de usuario. Con la Device.Idiom enumeración puede
if (Device.Idiom == TargetIdiom.Phone)
{
HeroImage.Source = ImageSource.FromFile("hero.jpg");
} else {
HeroImage.Source = ImageSource.FromFile("herotablet.jpg");
}
Este enfoque se puede expandir para realizar cambios significativos en los diseños de página individuales o incluso para representar páginas completamente diferentes en pantallas más grandes.
Aprovechamiento de FlyoutPage
es ideal para pantallas más grandes, especialmente en el iPad donde usa para FlyoutPage proporcionar una experiencia nativa de UISplitViewController iOS.
Revise esta entrada de blog de Xamarin para ver cómo puede adaptar la interfaz de usuario para que los teléfonos usen un diseño y las pantallas más grandes puedan usar otro (con ).