Usei dois comandos principais para a navegação: Navigation.PushAsync(new SobrePage()) que abre a tela Sobre;

E Navigation.PopAsync() que volta para a tela anterior (neste caso, a tela de hospedagem).

Também aprendi a deixar o app mais completo com informações do projeto.

Andressa Alves Viana

No topo (primeira linha do Grid), usei um StackLayout centralizado pra organizar verticalmente o texto “Desenvolvido por”, uma imagem redonda (dentro de um Frame com borda e sombra), e o meu nome.

Na parte do meio (segunda linha do Grid), coloquei um ScrollView com um VerticalStackLayout dentro. Ali tem um título “Sobre o projeto”, uma breve descrição dizendo que o app foi feito como atividade da Agenda 013, e um botão “Voltar” que chama o evento Button_Clicked.

No final da página (terceira linha do Grid), tem um rodapé com uma faixa escura e um texto centralizado de direitos autorais.

A escolha das cores bem como a imagem e tipografia se deve a ideia de trazer uma percepção de luxo e modernidade ao hotel.

Legenda: Os elementos em verde demonstram a navegação entre os conteúdos.

Um Frame com cantos arredondados, sombra e borda na cor primária do app destaca o bloco principal de informações, criando um efeito de “cartão” que chama a atenção sem poluir o design. O fundo da página é um cinza suave (Gray100), que contrasta harmoniosamente com o branco do card e as cores dos textos.

A hierarquia visual é estabelecida por meio do uso de diferentes tamanhos e pesos de fonte: o título principal é grande e em negrito, os subtítulos usam fonte em negrito menor, e as informações detalhadas têm tamanho médio e cor preta para facilitar a leitura. Os textos estão centralizados e com espaçamento adequado para garantir legibilidade e conforto visual.

Em resumo, o design prioriza simplicidade, clareza e profissionalismo, utilizando cores consistentes e um layout minimalista que se adapta bem a diferentes dispositivos.

Agenda 13 - DS - Rachel Castilho

Aplicação dos códigos Grid para criação de grades, Stepper para contador, Picker para seleção de opções, e DatePicker para seleção de data.

Informações sobre o APP, coloquei nome do desenvolvedor, data de desenvolvimento, versão do APP e uma mensagem de agradecimento.

Melhorei os elementos gráficos para que as informações ficassem organizadas e agradáveis visualmente.

Em relação a página “sobre”, criei um novo arquivo chamado SobrePage.xaml com sua classe de código SobrePage.xaml.cs. A página usa o controle ContentPage com um layout vertical (VerticalStackLayout) centralizado na tela. Dentro desse layout, foram inseridos elementos como uma imagem (logo do hotel), um título com o nome do hotel e dois textos informando o nome do desenvolvedor e o ano do projeto.

A navegação para essa tela acontece através de um botão na tela principal (MainPage.xaml). Quando o botão “Sobre” é clicado, o evento OnSobreClicked é executado, fazendo a navegação para a nova página com o comando Navigation.PushAsync(new SobrePage());

Na aba "Sobre", são exibidos os dados do desenvolvedor, a versão do sistema, a instituição de ensino vinculada ao projeto (ETEC – Centro Paula Souza) e o ano de desenvolvimento (2025). O layout é simples, bem organizado e busca proporcionar uma boa experiência ao usuário, com uma divisão clara entre a parte funcional e a informativa.

A tela foi construída utilizando XAML com .NET MAUI, mantendo os padrões visuais e estruturais indicados no material da agenda 13.

Usei componentes como StackLayout, Label e Image, e organizei tudo dentro de um ScrollView para garantir responsividade.

Essa experiência me ajudou a entender melhor o uso do BindingContext e da estrutura MVVM no MAUI, e como personalizar telas respeitando um layout orientado à usabilidade.