1
00:00:02,770 --> 00:00:07,410
Então, que tipo de aplicativo criaremos neste módulo aqui?

2
00:00:07,450 --> 00:00:15,580
Vamos criar um aplicativo de refeições, um aplicativo onde podemos ver algumas receitas, algumas favoritas e também filtrar receitas e,

3
00:00:15,820 --> 00:00:19,370
para isso, nesta aplicação, precisaremos de alguma navegação.

4
00:00:19,390 --> 00:00:25,810
Teremos nosso cabeçalho lá com algum título no meio e com um botão de menu aqui

5
00:00:25,810 --> 00:00:29,210
à esquerda, que nos permite abrir uma gaveta

6
00:00:29,470 --> 00:00:33,610
lateral para a qual voltarei em um segundo e, no final

7
00:00:33,610 --> 00:00:42,700
desta página, teremos abas, teremos duas abas - uma para todas as refeições, todas as receitas e uma para nossos favoritos, que é

8
00:00:42,700 --> 00:00:45,310
claro que poderemos adicionar neste aplicativo.

9
00:00:45,310 --> 00:00:49,800
Agora, nessa página, teremos uma grade de categorias,

10
00:00:49,810 --> 00:00:59,310
basicamente algo como comida italiana, exótica, talvez alemã, categorias de alimentos basicamente diferentes e, quando tocarmos em

11
00:00:59,470 --> 00:01:02,100
uma dessas categorias, seremos

12
00:01:02,200 --> 00:01:09,490
exibidos em uma segunda tela onde teremos um botão voltar no topo para

13
00:01:09,490 --> 00:01:13,660
voltar com outro título, o título da categoria

14
00:01:13,660 --> 00:01:17,110
e, nessa tela, teremos as receitas.

15
00:01:17,110 --> 00:01:24,910
Portanto, teremos vários cartões com digamos uma imagem, um título, algumas informações extras sobre a receita, como o tempo

16
00:01:24,910 --> 00:01:29,250
que leva para criá-la e assim por diante. Então, quando clicamos

17
00:01:29,260 --> 00:01:33,220
no botão voltar, é claro levado de volta aqui.

18
00:01:33,250 --> 00:01:37,300
Agora, essa é uma parte e é onde estamos na guia Todos

19
00:01:37,300 --> 00:01:44,470
lá embaixo, portanto, quando essa é a guia ativa. Agora não terminamos esse fluxo, é claro que podemos tocar em

20
00:01:44,890 --> 00:01:50,590
uma única receita e isso nos levará a mais uma página aqui, onde podemos ver os detalhes sobre essa receita.

21
00:01:50,650 --> 00:01:56,530
Então, onde também temos um cabeçalho e uma imagem desta receita e também temos um botão

22
00:01:56,530 --> 00:02:02,950
voltar, que nos leva de volta a esta página aqui, onde também temos mais informações sobre a receita,

23
00:02:02,950 --> 00:02:11,740
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

24
00:02:11,800 --> 00:02:12,860
por diante.

25
00:02:13,390 --> 00:02:17,370
Então essa é a informação sobre a receita que temos aqui e podemos voltar.

26
00:02:17,710 --> 00:02:26,050
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

27
00:02:26,050 --> 00:02:31,710
estrela que nos permita fazer isso, bem, essa é uma estrela feia, mas é

28
00:02:31,720 --> 00:02:32,850
algo que

29
00:02:32,880 --> 00:02:39,790
poderíamos ter aqui para marcar uma receita como favorita e a adicionaremos a essa lista de favoritos porque

30
00:02:39,790 --> 00:02:43,210
essa é a outra guia que temos aqui, certo?

31
00:02:43,220 --> 00:02:50,980
Essa é a segunda guia que chegamos aqui. Quando pressionamos esta guia aqui, estamos basicamente alternando a guia nessa

32
00:02:51,040 --> 00:02:53,540
tela inicial, onde temos o botão

33
00:02:53,740 --> 00:02:58,500
de menu, ainda temos nossas guias aqui com todos e com os favoritos, mas

34
00:02:58,510 --> 00:03:01,750
agora digamos que os favoritos são a guia ativa.

35
00:03:02,050 --> 00:03:10,660
Bem, neste caso, se for a guia ativa favoritos, então aqui vemos essencialmente uma lista de receitas

36
00:03:10,660 --> 00:03:15,700
que se parece com essa lista aqui quando clicamos

37
00:03:15,700 --> 00:03:24,790
em uma categoria, mas agora apenas com uma lista de receitas com as receitas que marcamos como favorito.

38
00:03:24,790 --> 00:03:30,890
Agora ainda podemos fazer uma única receita e somos levados para a página de detalhes da receita lá em

39
00:03:30,970 --> 00:03:35,050
cima e, se pressionássemos o botão voltar, é claro que voltaríamos a

40
00:03:35,080 --> 00:03:40,130
esta página, então o botão voltar nos leva a diferentes páginas, dependendo de onde viemos.

41
00:03:40,180 --> 00:03:47,980
Agora, o que acontece quando pressionamos a gaveta aqui, quando tocamos neste botão de menu? O que acontece nesse

42
00:03:47,980 --> 00:03:49,110
caso?

43
00:03:49,120 --> 00:03:56,860
Bem, neste caso, abrimos uma gaveta lateral que nos permite acessar o aplicativo de refeições, que no final é esse aplicativo que estamos

44
00:03:56,860 --> 00:04:05,830
iniciando, onde temos todos os favoritos e também a tela de filtros. Agora os filtros são uma nova tela que

45
00:04:05,860 --> 00:04:12,730
temos nesta aplicação, onde também temos um botão de menu para ir para

46
00:04:12,850 --> 00:04:22,150
o mesmo menu aqui e possivelmente voltar para a página de refeições e nos filtros, podemos definir filtros como

47
00:04:22,490 --> 00:04:30,740
glutenFree ou vegan e aqui temos algumas opções que permitem ativar e desativar essas opções e

48
00:04:31,160 --> 00:04:38,690
também temos um botão de salvar aqui na parte superior, que nos permite salvar nossa

49
00:04:38,720 --> 00:04:48,430
seleção e depois podemos voltar e as receitas que vemos aqui serão filtrado por nossa seleção na tela de filtro.

50
00:04:49,070 --> 00:04:54,270
Portanto, este é o aplicativo que estamos construindo e agora esse esboço mostra duas coisas - por

51
00:04:54,290 --> 00:05:00,500
um lado, minhas habilidades de desenho não são tão impressionantes. Não deve importar muito, porque felizmente não é

52
00:05:00,590 --> 00:05:02,360
uma aula de desenho.

53
00:05:02,390 --> 00:05:07,330
A coisa mais importante que este esboço mostra é que teremos muita navegação, temos guias,

54
00:05:07,370 --> 00:05:08,170
uma gaveta

55
00:05:08,180 --> 00:05:15,760
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

56
00:05:15,800 --> 00:05:21,080
no cabeçalho com base em onde estamos indo, teremos que alterar o conteúdo na tela com

57
00:05:21,080 --> 00:05:26,510
base em onde estamos indo e, portanto, precisamos de uma solução de navegação poderosa em que não

58
00:05:26,510 --> 00:05:33,200
usamos apenas se verifica como fizemos até agora no curso. Não apenas porque isso seria muito complicado

59
00:05:33,200 --> 00:05:39,800
de escrever, mas também porque queremos essas belas animações, essas transições entre telas e isso é

60
00:05:40,250 --> 00:05:44,220
algo que felizmente podemos adicionar de uma maneira relativamente fácil.