Introdução

  • 5 minutos

Os painéis de layout do .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 dicas que planeja implantar em muitos computadores e dispositivos. Cada dispositivo pode ter um tamanho de tela diferente e densidade de pixels. Seu objetivo é fazer com que o aplicativo pareça o mais semelhante possível em todos os dispositivos. Você gostaria de evitar o cálculo manual do tamanho e da posição da visualização para cada tamanho de tela. O .NET MAUI inclui um sistema de gerenciamento de layout que faz esses cálculos para você. Você coloca suas visualizações dentro de painéis de layout que gerenciam automaticamente o tamanho e a posição das visualizações filhas. Os painéis facilitam muito a criação de interfaces de usuário consistentes em diferentes dispositivos.

Neste módulo, você cria um aplicativo .NET Multi-platform App UI (MAUI) que se parece com diferentes dispositivos. Você começa definindo o tamanho e a posição preferidos de uma exibição. Em seguida, você organiza as exibições verticalmente usando um StackLayout. Em seguida, coloque modos de exibição em linhas e colunas usando um Gridarquivo . No 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, irá:

  • Organize os elementos da interface do usuário em um aplicativo e dimensione-os.
  • Exibir modos de exibição em uma lista vertical ou horizontal usando StackLayouto .
  • Exibir modos de exibição em linhas e colunas usando Grid.'

Pré-requisitos

  • Visual Studio 2022 com a carga de trabalho .NET MAUI instalada
  • Opcional: Código do Visual Studio com a extensão .NET MAUI e o SDK do .NET com a carga de trabalho do .NET MAUI instalada
  • Estar familiarizado com C# e .NET

Requisitos para o desenvolvimento do .NET MAUI

Para criar aplicativos .NET MAUI com o .NET 9, você precisa instalar o Visual Studio versão 17.12 ou mais recente com a seguinte carga de trabalho instalada:

  • Desenvolvimento da interface do usuário do aplicativo multiplataforma .NET

Além disso, se você quiser criar aplicativos .NET MAUI Blazor, você deve instalar a carga de trabalho de desenvolvimento ASP.NET e web.

Consulte a documentação para obter um passo a passo da configuração.

Desenvolvimento com Visual Studio Code

Se você estiver desenvolvendo no macOS ou Linux, precisará instalar o Visual Studio Code e a extensão .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.