Então, que tipo de aplicativo criaremos neste módulo aqui?
Vamos criar um aplicativo de refeições, um aplicativo onde podemos ver algumas receitas, algumas favoritas e também filtrar receitas e,
para isso, nesta aplicação, precisaremos de alguma navegação.
Teremos nosso cabeçalho lá com algum título no meio e com um botão de menu aqui
à esquerda, que nos permite abrir uma gaveta
lateral para a qual voltarei em um segundo e, no final
desta página, teremos abas, teremos duas abas - uma para todas as refeições, todas as receitas e uma para nossos favoritos, que é
claro que poderemos adicionar neste aplicativo.
Agora, nessa página, teremos uma grade de categorias,
basicamente algo como comida italiana, exótica, talvez alemã, categorias de alimentos basicamente diferentes e, quando tocarmos em
uma dessas categorias, seremos
exibidos em uma segunda tela onde teremos um botão voltar no topo para
voltar com outro título, o título da categoria
e, nessa tela, teremos as receitas.
Portanto, teremos vários cartões com digamos uma imagem, um título, algumas informações extras sobre a receita, como o tempo
que leva para criá-la e assim por diante. Então, quando clicamos
no botão voltar, é claro levado de volta aqui.
Agora, essa é uma parte e é onde estamos na guia Todos
lá embaixo, portanto, quando essa é a guia ativa. Agora não terminamos esse fluxo, é claro que podemos tocar em
uma única receita e isso nos levará a mais uma página aqui, onde podemos ver os detalhes sobre essa receita.
Então, onde também temos um cabeçalho e uma imagem desta receita e também temos um botão
voltar, que nos leva de volta a esta página aqui, onde também temos mais informações sobre a receita,
como por exemplo os ingredientes que estão nessa lista e depois, também as etapas necessárias para criar esta receita, como cebola cortada e assim
por diante.
Então essa é a informação sobre a receita que temos aqui e podemos voltar.
Importante, também teremos a funcionalidade de marcar uma receita como favorita lá, por exemplo, aqui no cabeçalho, poderíamos ter um ícone de
estrela que nos permita fazer isso, bem, essa é uma estrela feia, mas é
algo que
poderíamos ter aqui para marcar uma receita como favorita e a adicionaremos a essa lista de favoritos porque
essa é a outra guia que temos aqui, certo?
Essa é a segunda guia que chegamos aqui. Quando pressionamos esta guia aqui, estamos basicamente alternando a guia nessa
tela inicial, onde temos o botão
de menu, ainda temos nossas guias aqui com todos e com os favoritos, mas
agora digamos que os favoritos são a guia ativa.
Bem, neste caso, se for a guia ativa favoritos, então aqui vemos essencialmente uma lista de receitas
que se parece com essa lista aqui quando clicamos
em uma categoria, mas agora apenas com uma lista de receitas com as receitas que marcamos como favorito.
Agora ainda podemos fazer uma única receita e somos levados para a página de detalhes da receita lá em
cima e, se pressionássemos o botão voltar, é claro que voltaríamos a
esta página, então o botão voltar nos leva a diferentes páginas, dependendo de onde viemos.
Agora, o que acontece quando pressionamos a gaveta aqui, quando tocamos neste botão de menu? O que acontece nesse
caso?
Bem, neste caso, abrimos uma gaveta lateral que nos permite acessar o aplicativo de refeições, que no final é esse aplicativo que estamos
iniciando, onde temos todos os favoritos e também a tela de filtros. Agora os filtros são uma nova tela que
temos nesta aplicação, onde também temos um botão de menu para ir para
o mesmo menu aqui e possivelmente voltar para a página de refeições e nos filtros, podemos definir filtros como
glutenFree ou vegan e aqui temos algumas opções que permitem ativar e desativar essas opções e
também temos um botão de salvar aqui na parte superior, que nos permite salvar nossa
seleção e depois podemos voltar e as receitas que vemos aqui serão filtrado por nossa seleção na tela de filtro.
Portanto, este é o aplicativo que estamos construindo e agora esse esboço mostra duas coisas - por
um lado, minhas habilidades de desenho não são tão impressionantes. Não deve importar muito, porque felizmente não é
uma aula de desenho.
A coisa mais importante que este esboço mostra é que teremos muita navegação, temos guias,
uma gaveta
lateral e uma navegação para frente e para trás; portanto, vamos para frente e para trás entre as páginas, teremos para alterar o título
no cabeçalho com base em onde estamos indo, teremos que alterar o conteúdo na tela com
base em onde estamos indo e, portanto, precisamos de uma solução de navegação poderosa em que não
usamos apenas se verifica como fizemos até agora no curso. Não apenas porque isso seria muito complicado
de escrever, mas também porque queremos essas belas animações, essas transições entre telas e isso é
algo que felizmente podemos adicionar de uma maneira relativamente fácil.