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

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 utiliza o SDK .NET 10.0. Certifique-se de que tem o .NET 10.0 instalado executando o seguinte comando no terminal de comandos preferido:

dotnet --list-sdks

Saída semelhante ao exemplo a seguir aparece:

9.0.100 [C:\Program Files\dotnet\sdk]
10.0.100 [C:\Program Files\dotnet\sdk]

Certifique-se de que uma versão que começa com 10 está listada. Se não aparecer nenhum ou se o comando não for encontrado, instale o SDK .NET 10.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:

   

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