Introdução
Os painéis de layout .NET MAUI ajudam você a criar interfaces de usuário consistentes para seu aplicativo em uma ampla variedade de dispositivos.
Suponha que você esteja criando um aplicativo de calculadora de gorjetas que planeja implantar em muitos computadores e dispositivos. Cada dispositivo pode ter um tamanho de tela e densidade de pixel diferente. Sua meta é fazer o aplicativo ter a aparência mais semelhante possível em todos os dispositivos. Você gostaria de evitar o cálculo manual do tamanho da exibição e da posição de cata tamanho de tela. O .NET MAUI inclui um sistema de gerenciamento de layout que faz esses cálculos para você. Você coloca suas exibições dentro de painéis de layout que gerenciam automaticamente o tamanho e a posição de suas exibições filho. Os painéis facilitam bastante a criação de interfaces do usuário consistentes entre diferentes dispositivos.
Neste módulo, você criará um aplicativo do .NET MAUI semelhante em diferentes dispositivos. Você começa definindo o tamanho e a posição preferenciais de um modo de exibição. Em seguida, você organiza exibições verticalmente usando um StackLayout. Em seguida, colocará as exibições em linhas e colunas usando um Grid. Ao final do módulo, você tem um aplicativo .NET MAUI que parece consistente em cada tipo de dispositivo e tamanho de tela.
Objetivos de aprendizagem
Neste módulo, você vai:
- Organize elementos de interface do usuário em um aplicativo e dimensione-os.
- Exibir exibições em uma lista vertical ou horizontal usando
StackLayout. - Exibir exibições em linhas e colunas usando
Grid.`
Pré-requisitos
- Visual Studio 2022 com a carga de trabalho do .NET MAUI instalada
- Opcional: Visual Studio Code com a extensão .NET MAUI e o SDK do .NET com a carga de trabalho do .NET MAUI instalada
- Familiaridade com C# e .NET
Requisitos para o desenvolvimento de .NET MAUI
Para criar aplicativos do .NET MAUI com o .NET 8, você precisa instalar o Visual Studio versão 17.8 ou mais recente com a seguinte carga de trabalho instalada:
- Desenvolvimento de .NET Multi-Platform App UI
Além disso, se quiser criar aplicativos Blazor .NET MAUI, você precisará instalar a carga de trabalho de desenvolvimento Web e ASP.NET.
Confira a documentação para obter um passo a passo da configuração.
Desenvolvimento com o Visual Studio Code
Se você estiver desenvolvendo no macOS ou Linux, precisará instalar o Visual Studio Code e a extensão do .NET MAUI, juntamente com o SDK do .NET e a carga de trabalho do .NET MAUI. Consulte a documentação para obter um passo a passo da configuração.