Exercício - Explore as opções de alinhamento

  • 5 minutos

Neste exercício, você usa um aplicativo .NET Multi-platform App UI (MAUI) para ver o efeito das quatro opções de layout principal quando aplicadas a um modo de exibição contido em um Gridarquivo . Você não escreve código no exercício. Em vez disso, você usa a solução fornecida e seleciona botões para alterar as opções de layout de um rótulo.

Este módulo usa o SDK do .NET 8.0. Certifique-se de ter o .NET 8.0 instalado executando o seguinte comando no seu terminal de comando preferido:

dotnet --list-sdks

Saída semelhante ao exemplo a seguir aparece:

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

Certifique-se de que uma versão que começa com 8 está listada. Se nenhum estiver listado ou o comando não for encontrado, instale o SDK do .NET 8.0 mais recente.

Abra a solução inicial

  1. Clone ou baixe o repositório de exercícios do GitHub.

    Nota

    É melhor clonar ou baixar o conteúdo do exercício para um caminho de pasta curto, como C:\dev, para evitar que os arquivos gerados pela compilação excedam o comprimento máximo do caminho.

  2. Abra a solução inicial da pasta exercise1/Alignment usando o Visual Studio ou esta pasta no Visual Studio Code.

Testar o comportamento do aplicativo

Execute o aplicativo para testar LayoutOptions e ver como as diferentes opções de layout alteram o tamanho e a posição do rótulo.

  1. Teste o aplicativo interagindo com os botões que alteram a horizontal e a vertical LayoutOptions. Selecione-os e observe o que acontece. A imagem a seguir mostra o que acontece se você selecionar Centralizar para as opções de alinhamento Horizontal e Vertical:

    Captura de ecrã da aplicação Alinhamento em execução num dispositivo Android. A opção de alinhamento Centro é selecionada para alinhamento Horizontal e Vertical.

    As opções de alinhamento (Start, Center, End, e Fill) podem alterar o tamanho e o alinhamento de uma vista.