1
00:00:02,770 --> 00:00:07,410
Quindi che tipo di applicazione costruiremo in questo modulo qui?

2
00:00:07,450 --> 00:00:15,580
Costruiremo un'app per i pasti, un'app in cui possiamo visualizzare alcune ricette, alcune preferite e anche filtrare le ricette e per questo in

3
00:00:15,820 --> 00:00:19,370
questa applicazione, avremo bisogno di un po 'di navigazione.

4
00:00:19,390 --> 00:00:25,810
Avremo la nostra intestazione lì con un titolo nel mezzo e con un pulsante di menu qui

5
00:00:25,810 --> 00:00:29,210
a sinistra che ci consente di aprire un cassetto

6
00:00:29,470 --> 00:00:33,610
laterale al quale tornerò tra un secondo e in fondo a

7
00:00:33,610 --> 00:00:42,700
questa pagina qui, abbiamo Avremo schede, ne avremo due: una per tutti i pasti, tutte le ricette e una per i nostri preferiti che

8
00:00:42,700 --> 00:00:45,310
ovviamente potremo aggiungere in questa app.

9
00:00:45,310 --> 00:00:49,800
Ora su quella pagina, avremo una griglia di categorie,

10
00:00:49,810 --> 00:00:59,310
quindi sostanzialmente qualcosa come cibo italiano, esotico, forse tedesco, quindi sostanzialmente diverse categorie di alimenti e quando tocchiamo una di

11
00:00:59,470 --> 00:01:02,100
queste categorie, verremo presi

12
00:01:02,200 --> 00:01:09,490
in una seconda schermata dove avremo quindi un pulsante Indietro in alto per tornare indietro

13
00:01:09,490 --> 00:01:13,660
con un altro titolo, il titolo della categoria e

14
00:01:13,660 --> 00:01:17,110
su quella schermata, avremo quindi le ricette.

15
00:01:17,110 --> 00:01:24,910
Quindi, avremo più di queste carte con diciamo un'immagine, un titolo, alcune informazioni extra sulla ricetta come il

16
00:01:24,910 --> 00:01:29,250
tempo necessario per crearla e così via, quindi quando facciamo

17
00:01:29,260 --> 00:01:33,220
clic sul pulsante indietro, siamo ovviamente ripreso qui.

18
00:01:33,250 --> 00:01:37,300
Ora questa è una parte ed è tutto ciò che ci troviamo nella

19
00:01:37,300 --> 00:01:44,470
scheda tutto laggiù, quindi quando questa è la scheda attiva. Ora non abbiamo ancora finito in questo flusso, ovviamente possiamo toccare

20
00:01:44,890 --> 00:01:50,590
una singola ricetta e questo ci porterà ad un'altra pagina qui dove possiamo vedere i dettagli di questa ricetta.

21
00:01:50,650 --> 00:01:56,530
Quindi, dove abbiamo anche un'intestazione e un'immagine di questa ricetta e anche un pulsante Indietro

22
00:01:56,530 --> 00:02:02,950
che ci riporta a questa pagina qui, dove abbiamo anche ulteriori informazioni sulla ricetta, come ad

23
00:02:02,950 --> 00:02:11,740
esempio gli ingredienti che sono un tale elenco e quindi anche i passaggi necessari per creare questa ricetta, come tagliare le cipolle e

24
00:02:11,800 --> 00:02:12,860
così via.

25
00:02:13,390 --> 00:02:17,370
Quindi queste sono le informazioni sulla ricetta che abbiamo qui e possiamo tornare indietro.

26
00:02:17,710 --> 00:02:26,050
Importante, avremo anche la funzionalità di contrassegnare una ricetta come preferita lì, ad esempio qui nell'intestazione, potremmo avere un'icona a

27
00:02:26,050 --> 00:02:31,710
stella che ci consente di farlo, beh, è una brutta stella ma è qualcosa

28
00:02:31,720 --> 00:02:32,850
che potremmo

29
00:02:32,880 --> 00:02:39,790
avere qui per contrassegnare una ricetta come preferita e la aggiungeremo a questa lista di preferiti perché

30
00:02:39,790 --> 00:02:43,210
questa è l'altra scheda che abbiamo qui, giusto?

31
00:02:43,220 --> 00:02:50,980
Questa è la seconda scheda che abbiamo qui. Quando premiamo questa scheda qui, sostanzialmente cambiamo la scheda in questa schermata

32
00:02:51,040 --> 00:02:53,540
iniziale in cui abbiamo quel pulsante

33
00:02:53,740 --> 00:02:58,500
di menu, abbiamo ancora le nostre schede qui con tutti e con i preferiti,

34
00:02:58,510 --> 00:03:01,750
ma ora diciamo che i preferiti è la scheda attiva.

35
00:03:02,050 --> 00:03:10,660
Bene, in questo caso se i preferiti sono la scheda attiva, qui essenzialmente vediamo un elenco di ricette

36
00:03:10,660 --> 00:03:15,700
che assomiglia a questo elenco qui di ricette quando facciamo

37
00:03:15,700 --> 00:03:24,790
clic su una categoria ma ora solo con un elenco di ricette con le ricette che abbiamo contrassegnato come preferito.

38
00:03:24,790 --> 00:03:30,890
Ora possiamo ancora avere una singola ricetta fatta e siamo portati su quella pagina dei dettagli della ricetta lassù

39
00:03:30,970 --> 00:03:35,050
e se ora premessimo il pulsante Indietro, ovviamente torneremmo a questa

40
00:03:35,080 --> 00:03:40,130
pagina, quindi il pulsante Indietro ci porta in diversi pagine a seconda della nostra provenienza.

41
00:03:40,180 --> 00:03:47,980
Ora cosa succede quando premiamo quel cassetto qui, quando tocchiamo questo pulsante di menu? Cosa succede in questo

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

43
00:03:49,120 --> 00:03:56,860
Bene, in questo caso, apriamo un cassetto laterale che ci consente di andare all'app dei pasti che alla fine è questa app su cui

44
00:03:56,860 --> 00:04:05,830
stiamo iniziando, dove abbiamo tutti i preferiti e anche la schermata dei filtri. Ora i filtri è una schermata nuova di zecca

45
00:04:05,860 --> 00:04:12,730
che abbiamo in questa applicazione, in cui abbiamo anche un pulsante di menu per

46
00:04:12,850 --> 00:04:22,150
accedere allo stesso menu qui e possibilmente tornare alla pagina dei pasti e sui filtri, possiamo impostare filtri come glutenFree

47
00:04:22,490 --> 00:04:30,740
o vegan e noi avremo alcuni interruttori qui che ci consentono di attivare e disattivare queste opzioni e

48
00:04:31,160 --> 00:04:38,690
abbiamo anche un pulsante di salvataggio qui in alto che ci consente di salvare la nostra

49
00:04:38,720 --> 00:04:48,430
selezione e quindi possiamo tornare indietro e le ricette che vediamo qui saranno filtrato dalla nostra selezione nella schermata del filtro.

50
00:04:49,070 --> 00:04:54,270
Quindi questa è l'applicazione che stiamo costruendo e ora questo schizzo mostra due cose: per prima cosa,

51
00:04:54,290 --> 00:05:00,500
le mie abilità di disegno non sono così fantastiche. Non dovrebbe importare troppo, perché per fortuna non è

52
00:05:00,590 --> 00:05:02,360
una lezione di disegno.

53
00:05:02,390 --> 00:05:07,330
La cosa più importante che mostra questo schizzo è che avremo molta navigazione, abbiamo le

54
00:05:07,370 --> 00:05:08,170
schede, abbiamo

55
00:05:08,180 --> 00:05:15,760
un cassetto laterale e abbiamo la navigazione avanti e indietro, quindi andremo avanti e indietro tra le pagine, avremo per cambiare il titolo

56
00:05:15,800 --> 00:05:21,080
nell'intestazione in base a dove stiamo andando, dovremo cambiare il contenuto sullo schermo in base a

57
00:05:21,080 --> 00:05:26,510
dove stiamo andando e quindi, abbiamo bisogno di una potente soluzione di navigazione in cui non usiamo

58
00:05:26,510 --> 00:05:33,200
solo se controlla come abbiamo fatto finora nel corso. Non solo perché sarebbe molto ingombrante da

59
00:05:33,200 --> 00:05:39,800
scrivere, ma anche perché vogliamo queste bellissime animazioni, queste transizioni tra schermi e questo è qualcosa

60
00:05:40,250 --> 00:05:44,220
che fortunatamente possiamo aggiungere in un modo relativamente semplice.