Layout para aplicativos de Tablet e Área de Trabalho
Xamarin.Forms dá suporte a todos os tipos de dispositivo disponíveis nas plataformas com suporte, portanto, além dos telefones, os aplicativos também podem ser executados em:
- Ipads
- Tablets Android,
- Tablets Windows e computadores desktop (executando o Windows 10).
Esta página discute brevemente:
- os tipos de dispositivo com suporte e
- como otimizar layouts para tablets versus telefones.
Tipos de dispositivo
Dispositivos de tela maiores estão disponíveis para todas as plataformas compatíveis com Xamarin.Formso .
iPads (iOS)
O Xamarin.Forms modelo inclui automaticamente o suporte ao iPad definindo a configuração Dispositivos Info.plist > como Universal (o que significa que há suporte para iPhone e iPad).
Para proporcionar uma experiência de inicialização agradável e garantir que a resolução em tela inteira seja usada em todos os dispositivos, você deve garantir que uma tela de inicialização específica do iPad (usando um storyboard) seja fornecida. Isso garante que o aplicativo seja renderizado corretamente em dispositivos iPad mini, iPad e iPad Pro.
Antes do iOS 9, todos os aplicativos pegavam a tela inteira no dispositivo, mas alguns iPads agora podem executar multitarefa de tela dividida. Isso significa que seu aplicativo pode ocupar apenas uma coluna fina na lateral da tela, 50% da largura da tela ou a tela inteira.
A funcionalidade de tela dividida significa que você deve projetar seu aplicativo para funcionar bem com apenas 320 pixels de largura ou até 1366 pixels de largura.
Android Tablets
O ecossistema do Android tem uma miríade de tamanhos de tela com suporte, desde telefones pequenos até tablets grandes. Xamarin.Forms pode dar suporte a todos os tamanhos de tela, mas como nas outras plataformas, talvez você queira ajustar sua interface do usuário para dispositivos maiores.
Ao dar suporte a muitas resoluções de tela diferentes, você pode fornecer seus recursos de imagem nativa em tamanhos diferentes para otimizar a experiência do usuário. Examine a documentação de recursos do Android (e, em particular, criar recursos para tamanhos de tela variados) para obter mais informações sobre como estruturar as pastas e nomes de arquivo em seu projeto de aplicativo Android para incluir recursos de imagem otimizados em seu aplicativo.
Tablets e Áreas de Trabalho do Windows
Para dar suporte a tablets e computadores desktop que executam o Windows, você precisará usar o suporte da UWP do Windows, que cria aplicativos universais que são executados no Windows 10.
Os aplicativos em execução em tablets e desktops do Windows podem ser redimensionados para dimensões arbitrárias, além de executar em tela inteira.
Otimizar para Tablet e Área de Trabalho
Você pode ajustar sua Xamarin.Forms interface do usuário dependendo se um dispositivo de telefone ou tablet/desktop está sendo usado. Isso significa que você pode otimizar a experiência do usuário para dispositivos de tela grande, como tablets e computadores desktop.
Device.Idiom
Você pode usar a Device classe para alterar o comportamento de seu aplicativo ou interface do usuário. Usando a Device.Idiom enumeração que você pode
if (Device.Idiom == TargetIdiom.Phone)
{
HeroImage.Source = ImageSource.FromFile("hero.jpg");
} else {
HeroImage.Source = ImageSource.FromFile("herotablet.jpg");
}
Essa abordagem pode ser expandida para fazer alterações significativas em layouts de página individuais ou até mesmo renderizar páginas totalmente diferentes em telas maiores.
Aproveitar FlyoutPage
O FlyoutPage é ideal para telas maiores, especialmente no iPad em que usa o UISplitViewController para fornecer uma experiência nativa do iOS.
Examine esta postagem no blog do Xamarin para ver como você pode adaptar sua interface do usuário para que os telefones usem um layout e telas maiores possam usar outro (com o FlyoutPage).