1 00:00:02,770 --> 00:00:07,410 Jaki rodzaj aplikacji będziemy tutaj budować? 2 00:00:07,450 --> 00:00:15,580 Zbudujemy aplikację posiłków, aplikację, w której możemy przeglądać niektóre przepisy kulinarne, ulubione niektóre przepisy kulinarne, a także filtrować 3 00:00:15,820 --> 00:00:19,370 przepisy kulinarne. W tym celu potrzebujemy nawigacji. 4 00:00:19,390 --> 00:00:25,810 Będziemy tam mieć nagłówek z tytułem na środku i przyciskiem menu po lewej stronie, który 5 00:00:25,810 --> 00:00:29,210 pozwala nam otworzyć boczną szufladę, do której wrócę 6 00:00:29,470 --> 00:00:33,610 za chwilę, a na dole tej strony tutaj Będę 7 00:00:33,610 --> 00:00:42,700 miał zakładki, będziemy mieli dwie zakładki - jedną na wszystkie posiłki, wszystkie przepisy i jedną na nasze ulubione, które oczywiście będziemy 8 00:00:42,700 --> 00:00:45,310 mogli dodać w tej aplikacji. 9 00:00:45,310 --> 00:00:49,800 Teraz na tej całej stronie będziemy mieli siatkę 10 00:00:49,810 --> 00:00:59,310 kategorii, więc w zasadzie coś takiego jak włoskie, egzotyczne, może niemieckie jedzenie, tak zasadniczo różne kategorie żywności, a 11 00:00:59,470 --> 00:01:02,100 kiedy klikniemy jedną z 12 00:01:02,200 --> 00:01:09,490 tych kategorii, przejdziemy na drugi ekran gdzie u góry będziemy mieli przycisk Wstecz, 13 00:01:09,490 --> 00:01:13,660 aby wrócić z innym tytułem, tytułem kategorii i 14 00:01:13,660 --> 00:01:17,110 na tym ekranie, będziemy mieć przepisy. 15 00:01:17,110 --> 00:01:24,910 Tak więc będziemy mieli wiele takich kart z, powiedzmy, obrazem, tytułem, dodatkowymi informacjami na temat przepisu, 16 00:01:24,910 --> 00:01:29,250 takimi jak czas potrzebny na jego utworzenie itd., Więc 17 00:01:29,260 --> 00:01:33,220 kiedy klikamy przycisk Wstecz, jesteśmy oczywiście zabrane tutaj. 18 00:01:33,250 --> 00:01:37,300 Teraz jest to jedna część i to wszystko, gdzie jesteśmy na 19 00:01:37,300 --> 00:01:44,470 karcie Wszystkie, więc kiedy jest to aktywna karta. Teraz jednak nie skończyliśmy w tym przepływie, oczywiście możemy dotknąć 20 00:01:44,890 --> 00:01:50,590 jednego przepisu, co przeniesie nas na kolejną stronę, na której możemy zobaczyć szczegóły dotyczące tego przepisu. 21 00:01:50,650 --> 00:01:56,530 Więc tam, gdzie mamy również nagłówek i obraz tego przepisu, a także przycisk Wstecz, który 22 00:01:56,530 --> 00:02:02,950 przenosi nas z powrotem na tę stronę, gdzie mamy również więcej informacji na temat przepisu, takich 23 00:02:02,950 --> 00:02:11,740 jak na przykład składniki, które są taką listą i następnie kroki, jakie należy wykonać, aby stworzyć ten przepis, takie jak pokrojona cebula i 24 00:02:11,800 --> 00:02:12,860 tak dalej. 25 00:02:13,390 --> 00:02:17,370 To jest informacja o przepisie, który mamy tutaj i możemy wrócić. 26 00:02:17,710 --> 00:02:26,050 Ważne, będziemy mieli również funkcję oznaczania przepisu jako ulubionego, na przykład tutaj w nagłówku, moglibyśmy mieć ikonę gwiazdki, która 27 00:02:26,050 --> 00:02:31,710 pozwala nam to zrobić, cóż, to brzydka gwiazda, ale to coś, co możemy 28 00:02:31,720 --> 00:02:32,850 mieć tutaj 29 00:02:32,880 --> 00:02:39,790 aby oznaczyć przepis jako ulubiony, a my dodamy go do tej listy ulubionych, ponieważ jest 30 00:02:39,790 --> 00:02:43,210 to druga zakładka, którą tu mamy, prawda? 31 00:02:43,220 --> 00:02:50,980 To druga zakładka, którą tu mamy. Kiedy naciśniemy tę kartę tutaj, zasadniczo przełączamy kartę na tym 32 00:02:51,040 --> 00:02:53,540 ekranie startowym, na którym mamy 33 00:02:53,740 --> 00:02:58,500 ten przycisk menu, nadal mamy tutaj nasze karty ze wszystkimi i ulubionymi, 34 00:02:58,510 --> 00:03:01,750 ale teraz powiedzmy, że ulubione to aktywna karta. 35 00:03:02,050 --> 00:03:10,660 Cóż, w tym przypadku, jeśli ulubione jest aktywną kartą, tutaj zasadniczo widzimy listę przepisów, 36 00:03:10,660 --> 00:03:15,700 która wygląda tak jak ta lista przepisów tutaj, 37 00:03:15,700 --> 00:03:24,790 gdy klikamy kategorię, ale teraz tylko z listą przepisów z przepisami, które oznaczyliśmy jako ulubiony. 38 00:03:24,790 --> 00:03:30,890 Teraz możemy jeszcze zrobić jeden przepis i przejdziemy na tę stronę ze szczegółami przepisu. Gdybyśmy teraz 39 00:03:30,970 --> 00:03:35,050 nacisnęli przycisk Wstecz, oczywiście wrócilibyśmy na tę stronę, więc 40 00:03:35,080 --> 00:03:40,130 przycisk Wstecz prowadzi nas do innej strony w zależności od tego, skąd pochodzimy. 41 00:03:40,180 --> 00:03:47,980 Co się teraz stanie, gdy naciśniemy tę szufladę tutaj, gdy klikniemy ten przycisk menu? Co dzieje się w tym 42 00:03:47,980 --> 00:03:49,110 przypadku? 43 00:03:49,120 --> 00:03:56,860 Cóż, w tym przypadku otwieramy boczną szufladę, która pozwala nam przejść do aplikacji posiłków, która w końcu to ta aplikacja, 44 00:03:56,860 --> 00:04:05,830 od której zaczynamy, gdzie mamy wszystkie ulubione, a także ekran filtrów. Teraz filtry to nowy ekran, który mamy 45 00:04:05,860 --> 00:04:12,730 w tej aplikacji, gdzie mamy również przycisk menu, aby przejść do tego samego 46 00:04:12,850 --> 00:04:22,150 menu tutaj i ewentualnie wrócić do strony posiłków, a na filtrach możemy ustawić filtry takie jak bezglutenowe lub 47 00:04:22,490 --> 00:04:30,740 wegańskie, a my Będę miał kilka przełączników, które pozwalają nam włączać i wyłączać te opcje, 48 00:04:31,160 --> 00:04:38,690 a także mamy tutaj przycisk zapisu na górze, który pozwala nam następnie zapisać nasz 49 00:04:38,720 --> 00:04:48,430 wybór, a następnie możemy wrócić i przepisy, które tu widzimy, będą: filtrowane według naszego wyboru na ekranie filtra. 50 00:04:49,070 --> 00:04:54,270 To jest aplikacja, którą tworzymy, a teraz ten szkic pokazuje dwie rzeczy - po 51 00:04:54,290 --> 00:05:00,500 pierwsze, moje umiejętności rysowania nie są takie niesamowite. Nie powinno to jednak mieć większego znaczenia, ponieważ na szczęście 52 00:05:00,590 --> 00:05:02,360 nie jest to klasa rysunkowa. 53 00:05:02,390 --> 00:05:07,330 Ważniejszą rzeczą, którą pokazuje ten szkic, jest to, że będziemy mieli dużo nawigacji, mamy 54 00:05:07,370 --> 00:05:08,170 zakładki, 55 00:05:08,180 --> 00:05:15,760 mamy boczną szufladę i mamy nawigację do przodu i do tyłu, więc będziemy przechodzić między stronami, będziemy mieli aby zmienić tytuł 56 00:05:15,800 --> 00:05:21,080 w nagłówku w zależności od tego, dokąd idziemy, będziemy musieli zmienić zawartość ekranu w zależności 57 00:05:21,080 --> 00:05:26,510 od tego, dokąd idziemy, dlatego potrzebujemy potężnego rozwiązania nawigacyjnego, w którym nie korzystamy tylko, jeśli 58 00:05:26,510 --> 00:05:33,200 sprawdza, jak to zrobiliśmy do tej pory w trakcie. Nie tylko dlatego, że pisanie tego byłoby 59 00:05:33,200 --> 00:05:39,800 bardzo kłopotliwe, ale także dlatego, że chcemy tych pięknych animacji, tych przejść między ekranami i 60 00:05:40,250 --> 00:05:44,220 to na szczęście możemy dodać w stosunkowo łatwy sposób.