WEBVTT 00:00:00.000 --> 00:00:01.260 MUZYKI 00:00:01.260 --> 00:00:03.310 >> Awesome. Chodź. 00:00:05.270 --> 00:00:09.040 Zebrać dla słowa Xamarin. 00:00:11.690 --> 00:00:13.020 >> Amen. 00:00:13.020 --> 00:00:19.965 >> Amen. Cool. Niesamowite. Mamy odpowiedni ekran. 00:00:19.965 --> 00:00:22.995 W porządku. Czy wszyscy dobrze się bawią? 00:00:22.995 --> 00:00:23.610 >> tak. 00:00:23.610 --> 00:00:26.235 >> tak. Cieszę się, że przyszedłem. 00:00:26.235 --> 00:00:27.840 Czy sprawiły, że Twoi znajomi zazdrośni? 00:00:27.840 --> 00:00:28.440 >> Tak. 00:00:28.440 --> 00:00:30.645 >> Sprawiły, że Twoi wrogowie zazdrośni? 00:00:30.645 --> 00:00:33.990 Daj spokój. tak, to jest wielki. 00:00:33.990 --> 00:00:36.090 To było absolutnie cudownie być otoczone 00:00:36.090 --> 00:00:40.534 tak wiele rodzajów, ładne, podobnie myślących ludzi, 00:00:40.534 --> 00:00:44.280 z wyjątkiem Duane tutaj na z przodu. Nie wiem. 00:00:47.030 --> 00:00:50.010 I drażnić. Wiesz, że drażnić. 00:00:50.010 --> 00:00:52.880 Cool. Więc jesteśmy tutaj rozmawiać o podejmowaniu 00:00:52.880 --> 00:00:55.910 szalony piękny UI za pomocą formularzy platformy Xamarin. 00:00:55.910 --> 00:00:58.580 Więc wyobrażam sobie Jesteś zainteresowany 00:00:58.580 --> 00:01:00.140 wszystkie porady i wskazówki, które 00:01:00.140 --> 00:01:02.270 nadzieję, że będzie w stanie podzielić się z wami dzisiaj. 00:01:02.270 --> 00:01:06.200 Oczywiście nie są one do użytku nieodpłatne, 00:01:06.200 --> 00:01:08.105 ale możemy zrobić Niektóre naprawdę ładne rzeczy. 00:01:08.105 --> 00:01:11.790 Dostanę pytanie różnych pytania przez cały czas. 00:01:11.790 --> 00:01:14.025 Oczywiście, poprzez Twitter, poprzez e-mail, 00:01:14.025 --> 00:01:15.810 poprzez mówienie na konferencjach, 00:01:15.810 --> 00:01:19.005 o tym, jak zrobić x, y i z? 00:01:19.005 --> 00:01:23.515 Prawdopodobnie głównym jest Jak zrobić paralaksy? 00:01:23.515 --> 00:01:25.700 Czy ktoś zrobił paralaksy przed? 00:01:25.700 --> 00:01:27.335 Każdy w pokoju, kilka osób. 00:01:27.335 --> 00:01:31.220 Czy ktoś próbował zrobić paralaksy i powiedział: "Wkręć to." 00:01:31.220 --> 00:01:36.140 Masz kilka z nich. Dlatego pokaże kilka paralaksy. 00:01:36.140 --> 00:01:37.370 To rzeczywiście całkiem niesamowite, 00:01:37.370 --> 00:01:40.370 całkiem proste. Mam dostał inny krok. 00:01:40.370 --> 00:01:42.845 Miałem dużo zabawy Budowanie tych demek, 00:01:42.845 --> 00:01:46.710 ponieważ ja był przy pomocy gorący przeładować. 00:01:47.020 --> 00:01:49.835 Więc to było dużo zabawy. 00:01:49.835 --> 00:01:51.140 Złożyli kilka błędów, 00:01:51.140 --> 00:01:52.360 Niektóre z nich dostał stałe, 00:01:52.360 --> 00:01:53.590 Niektóre z nich będą się naprawiać, 00:01:53.590 --> 00:01:55.580 Niektóre z ulepszeń jeszcze nie nadejdą, 00:01:55.580 --> 00:01:58.370 ale wiedzieliśmy, że jest gotowa się tam w naturze. 00:01:58.370 --> 00:02:00.230 Więc cieszę się, że jesteś będzie coraz to w 00:02:00.230 --> 00:02:03.320 Twój brudny mały chciwy niewiele rąk wkrótce. 00:02:03.320 --> 00:02:05.150 Mam nadzieję, że weźmiemy możliwość 00:02:05.150 --> 00:02:07.175 dostarczają wielu informacji zwrotnych zespołowi. 00:02:07.175 --> 00:02:09.050 Daj nam znać, jak to działa dla Ciebie, 00:02:09.050 --> 00:02:11.470 Daj nam znać, gdzie nie jest, cool? 00:02:11.470 --> 00:02:14.490 Więc to jest mój uchwyt Twitter. 00:02:14.490 --> 00:02:17.040 Na koniec mam mój e-mail, jak również. 00:02:17.040 --> 00:02:18.790 Proszę, dotrzeć w każdej chwili. 00:02:18.790 --> 00:02:22.115 Przepraszam, jeśli nie natychmiast wrócić do Ciebie, 00:02:22.115 --> 00:02:27.705 ale czytam wszystkie e-maile i staram się odpowiedzieć na nie wszystkie. 00:02:27.705 --> 00:02:29.760 Czasami ssać w czasie zarządzania, 00:02:29.760 --> 00:02:31.520 więc wiesz, jak to jest. 00:02:31.520 --> 00:02:34.190 Cool. Więc pomyślałem, że pierwszy rzeczą, którą będziemy rozmawiać 00:02:34.190 --> 00:02:39.420 o tym, czy moja strzałka działa. 00:02:39.420 --> 00:02:42.160 Jeden z tych przycisków musi działać. 00:02:42.710 --> 00:02:46.755 To dosłownie nie chce do przodu. Tam to idzie. 00:02:46.755 --> 00:02:49.230 Cześć. Więc myślałem, że rozmawiamy najpierw 00:02:49.230 --> 00:02:51.650 temat tematów; kolory, czcionki, ikony, 00:02:51.650 --> 00:02:55.690 bo pewnie po anonsów firmy Apple, 00:02:55.690 --> 00:02:59.735 System iOS 13 ma teraz tryb ciemny. 00:02:59.735 --> 00:03:00.570 >> tak. 00:03:00.570 --> 00:03:03.435 >> tak. Więcej czasu na telefon w łóżku, 00:03:03.435 --> 00:03:07.140 to, o czym mówimy. 00:03:07.140 --> 00:03:11.160 Więc to jest ważne, a ludzie będzie Cię prosić, 00:03:11.160 --> 00:03:12.625 może jesteś już zapytać, 00:03:12.625 --> 00:03:15.280 "Jak mogę lepiej wspierać te rzeczy w 00:03:15.280 --> 00:03:18.010 aplikacji, aby upewnić się, że aplikacja 00:03:18.010 --> 00:03:20.590 czuje, że należy, jak powinien na 00:03:20.590 --> 00:03:23.695 platformy iOS oraz jak Android oczywiście. 00:03:23.695 --> 00:03:26.365 Więc jak mogę najlepiej adres tych rzeczy? " 00:03:26.365 --> 00:03:27.910 Więc mam zamiar podzielić się z wami niektóre z 00:03:27.910 --> 00:03:29.860 rzeczy, które staram się szukać. 00:03:29.860 --> 00:03:32.440 Teraz moje tło przed 00:03:32.440 --> 00:03:34.450 Dołączanie do Microsoft dwa i pół roku temu, 00:03:34.450 --> 00:03:36.275 Miałem firmę o nazwie Render, 00:03:36.275 --> 00:03:38.535 i zrobiliśmy konsultacje. 00:03:38.535 --> 00:03:43.550 To był sam partner Ben Bishop i kilku wykonawców. 00:03:43.610 --> 00:03:46.080 Więc zrobiliśmy aplikacje dla startupów, 00:03:46.080 --> 00:03:47.400 zrobiliśmy je dla przedsiębiorstw, 00:03:47.400 --> 00:03:49.680 mieliśmy wielkich klientów, miał niewiele klientów. 00:03:49.680 --> 00:03:51.705 Jednym ze wspólnych tematów było, 00:03:51.705 --> 00:03:53.415 to było bardzo twórcze, 00:03:53.415 --> 00:03:55.455 do przodu myśląc, nie było 00:03:55.455 --> 00:03:57.985 bardzo wysoki bar dla doświadczenia użytkownika. 00:03:57.985 --> 00:04:00.490 Więc ciągle robimy rzeczy, których nie mogliśmy znaleźć 00:04:00.490 --> 00:04:04.030 jakikolwiek precedens lub Just próbować wobec praca ono na zewnątrz. 00:04:04.030 --> 00:04:06.010 Więc niektóre z nich są Porady i wskazówki od 00:04:06.010 --> 00:04:08.500 przydatnych zasobów i praktyk, które mam. 00:04:08.500 --> 00:04:11.915 Jednym z pierwszych jest znalezienie takich zasobów. 00:04:11.915 --> 00:04:14.990 Jest to kolor dot Adobe dot com. 00:04:14.990 --> 00:04:17.840 Kiedyś nazywano go Kuler, K-U-L-E-R. 00:04:17.840 --> 00:04:20.960 Więc to jest strona internetowa i Istnieje również aplikacja mobilna 00:04:20.960 --> 00:04:23.760 można użyć i można robić zdjęcia kolorów, 00:04:23.760 --> 00:04:26.420 można robić zdjęcia całego zdjęcia, 00:04:26.420 --> 00:04:29.160 i powie Ci, co palety kolorów. 00:04:29.160 --> 00:04:32.620 Więc jeśli szukasz tylko zestaw pięciu, sześciu, 00:04:32.620 --> 00:04:35.310 kolory, które pasują do określonego tematu, 00:04:35.310 --> 00:04:37.150 jest to dobry zasób, aby przejść do. 00:04:37.150 --> 00:04:40.270 Jeśli masz kolor wyzwanie, to jest dobre. 00:04:40.270 --> 00:04:43.834 Teraz, co należy pamiętać z punktu widzenia dostępności, 00:04:43.834 --> 00:04:45.350 tylko dlatego, że istnieje paleta kolorów, 00:04:45.350 --> 00:04:47.890 nie oznacza, że będzie być wielki w telefonie, 00:04:47.890 --> 00:04:50.659 nie oznacza, że będzie być idealne dla ułatwienia dostępu, 00:04:50.659 --> 00:04:53.165 bo jeśli chodzi o kolor, 00:04:53.165 --> 00:04:55.115 kontrast jest bardzo ważny. 00:04:55.115 --> 00:04:56.840 Musisz wziąć pod uwagę kolor 00:04:56.840 --> 00:04:58.565 ślepota i takie rzeczy. 00:04:58.565 --> 00:05:00.230 Więc chcesz zdawać sobie z tego sprawę. 00:05:00.230 --> 00:05:02.270 Nie promowałem tego w moim pokładzie, 00:05:02.270 --> 00:05:05.345 ale wiem, w szczególności na Mac, 00:05:05.345 --> 00:05:07.160 jest wtyczka, która 00:05:07.160 --> 00:05:09.480 można zainstalować lub nawet plug-in, 00:05:09.480 --> 00:05:10.670 jest to aplikacja, którą można zainstalować, 00:05:10.670 --> 00:05:13.550 i zmieni Twój ekran w 00:05:13.550 --> 00:05:17.600 przedstawienie tego, co różne Colorblind ludzie widzą, 00:05:17.600 --> 00:05:20.690 i że naprawdę otworzy oczy 00:05:20.690 --> 00:05:22.880 do tego, co masz do czynienia 00:05:22.880 --> 00:05:25.070 i co Ci ludzie żyć z każdego dnia. 00:05:25.070 --> 00:05:28.860 Zielony niekoniecznie jest zielony jak zielone być może, że coś. 00:05:28.860 --> 00:05:30.510 Więc jest to jeden naprawdę dobry zasób. 00:05:30.510 --> 00:05:33.750 Innym jest coolers.com, jest to, że coolers.com? 00:05:33.750 --> 00:05:37.500 tak, coolers.co. Tylko Google dla tych, 00:05:37.500 --> 00:05:39.690 sprawdzić je. Znowu, naprawdę dobre. 00:05:39.690 --> 00:05:40.905 Dadzą Ci RGB, 00:05:40.905 --> 00:05:44.430 dadzą Ci kolory szesnastkowe, 00:05:44.430 --> 00:05:46.440 można zrobić mono chromatyczne, 00:05:46.440 --> 00:05:49.925 można zrobić kontrastujące, wszystkie rzeczy. 00:05:49.925 --> 00:05:52.385 To naprawdę wielki zasób i można tam zacząć. 00:05:52.385 --> 00:05:54.710 Teraz, jakie są Twoje Opcje, gdy przejdziesz do 00:05:54.710 --> 00:05:57.470 Czy motywy w formularzach Xamarin? 00:05:57.470 --> 00:05:59.720 Więc jesteś prawdopodobnie myślenie o tematach, 00:05:59.720 --> 00:06:02.870 więc przeszukiwać temat Word za pomocą formularzy platformy Xamarin 00:06:02.870 --> 00:06:04.055 i znajdziesz ten Xamarin 00:06:04.055 --> 00:06:08.140 Pakiet Forms. Theme. Czy ktoś go wykorzystał? 00:06:08.140 --> 00:06:12.480 Jeden, dwa. Czy to, że ból na Tyłek, aby uzyskać skonfigurowane? 00:06:12.480 --> 00:06:15.155 tak, tak trudniejsze niż musiał być. 00:06:15.155 --> 00:06:20.310 Więc to był Podgląd, który Zespół wyłożył wiele lat temu. 00:06:20.310 --> 00:06:23.330 Jest jeszcze Podgląd, ponieważ okazuje 00:06:23.330 --> 00:06:26.130 naprawdę nie było najlepszym podejściem, 00:06:26.130 --> 00:06:27.600 i tak wiele się nauczyłem. 00:06:27.600 --> 00:06:31.160 To wciąż siedzi tam tylko w przypadku, gdy ktoś chce go używać, 00:06:31.160 --> 00:06:33.785 ponieważ naprawdę nie zastąpiła go czegokolwiek. 00:06:33.785 --> 00:06:37.105 Nie polecam go używać, 00:06:37.105 --> 00:06:39.510 Chciałbym go zignorować, udawać, że nie istnieje. 00:06:39.510 --> 00:06:41.550 Możemy go usunąć w pewnym momencie, 00:06:41.550 --> 00:06:42.780 Zapytano mnie: "Hej, 00:06:42.780 --> 00:06:44.430 Kiedy możemy rów to coś? " 00:06:44.430 --> 00:06:46.320 Mamy zwyczaj szczególnie, 00:06:46.320 --> 00:06:48.110 teraz, że jesteśmy częścią firmy Microsoft, która 00:06:48.110 --> 00:06:49.670 nie chcemy usuwać wszystko, co ktoś 00:06:49.670 --> 00:06:52.770 może mieć zależność od bez mnóstwa ostrzeżeń, 00:06:52.770 --> 00:06:54.620 i etykiet oraz rzeczy. 00:06:54.620 --> 00:06:57.495 Tak więc masz również GrialKit. 00:06:57.495 --> 00:06:59.025 Ja to nazywam GrialKit, 00:06:59.025 --> 00:07:00.950 ale słyszałem to wymawiane kilka różnych sposobów, 00:07:00.950 --> 00:07:04.580 ale chyba będę tylko ignorantem Amerykański i nazywają go GrialKit 00:07:04.580 --> 00:07:09.510 bo to jak Święty Graal, Graal, Greil. 00:07:09.510 --> 00:07:12.530 Więc to naprawdę wielki, 00:07:12.530 --> 00:07:13.760 bardzo łatwy w użyciu. 00:07:13.760 --> 00:07:15.650 Złapałem, że ja i użyłem go. 00:07:15.650 --> 00:07:18.710 Mają naprawdę solidną silnik motywów wewnątrz 00:07:18.710 --> 00:07:22.385 Graala i można go używać. 00:07:22.385 --> 00:07:25.430 Jest komercyjny, więc zapłacić opłatę licencyjną, 00:07:25.430 --> 00:07:27.950 Nie wiem, co aktualnie układ jest i takie rzeczy, 00:07:27.950 --> 00:07:29.570 ale z mojego doświadczenia, 00:07:29.570 --> 00:07:31.400 to było warte każdego grosza. 00:07:31.400 --> 00:07:34.050 Ustawiłem zespół robotyki High-School, 00:07:34.050 --> 00:07:35.840 mój syn robi roboty rzeczy, 00:07:35.840 --> 00:07:37.790 i chcieli zbudować aplikację mobilną, aby 00:07:37.790 --> 00:07:41.900 w zasadzie śledzić inne zespoły w konkursach, 00:07:41.900 --> 00:07:44.254 i w zasadzie do Harcerstwa, 00:07:44.254 --> 00:07:45.860 ale chcieli dobrze wyglądać. 00:07:45.860 --> 00:07:48.260 Więc ustawić go z licencję i wszystko, 00:07:48.260 --> 00:07:49.730 i były po prostu zszokowana. 00:07:49.730 --> 00:07:51.260 Są jak: "to jest dokładnie to, co chcę. 00:07:51.260 --> 00:07:54.835 Chcę być cool kid i mój rzeczy wygląda awesome domyślnie. " 00:07:54.835 --> 00:07:58.250 Tak więc w drugą stronę można przejść o to pisze samemu. 00:07:58.250 --> 00:07:59.960 Oczywiście, pisząc to sam 00:07:59.960 --> 00:08:01.400 oznacza, że masz zamiar zrobić trochę pracy, 00:08:01.400 --> 00:08:03.680 ale jesteś właścicielem go, a ty wiem, że to koniec. 00:08:03.680 --> 00:08:06.080 To kolejny jeden z powody, dla których naprawdę nigdy nie 00:08:06.080 --> 00:08:08.935 rozwinęły się te platformy Xamarin Pakiet motywów formularzy, 00:08:08.935 --> 00:08:11.880 jest ze względu na style, zasoby statyczne, 00:08:11.880 --> 00:08:13.490 i dynamiczne zasoby, naprawdę 00:08:13.490 --> 00:08:15.935 mieć wszystko na palców, których potrzebujesz. 00:08:15.935 --> 00:08:20.150 Więc niekoniecznie trzeba cały pakiet, aby utrudnić, 00:08:20.150 --> 00:08:21.755 robimy to całkiem proste. 00:08:21.755 --> 00:08:23.540 Więc mam zamiar pokazać demo tutaj w 00:08:23.540 --> 00:08:26.005 nieco i to jest metodę, której używam. 00:08:26.005 --> 00:08:28.400 Dynamiczne zasoby, coś, co 00:08:28.400 --> 00:08:30.770 odebrany z naszego zespołu doradczego klienta. 00:08:30.770 --> 00:08:32.620 Szukałem przez niektóre ich kod i jestem jak, 00:08:32.620 --> 00:08:35.565 "To jest niesamowite, jestem po prostu będzie całkowicie z niego korzystać. " 00:08:35.565 --> 00:08:39.545 Więc pokażemy, że. Niektóre inne rzeczy, jeśli chodzi o czcionki, 00:08:39.545 --> 00:08:41.120 Dodaliśmy to niedawno, 00:08:41.120 --> 00:08:43.235 Myślę, że to Xamarin Forms 4.1. 00:08:43.235 --> 00:08:46.060 Dodaliśmy kilka nowych rozmiarów nazw. 00:08:46.060 --> 00:08:48.290 Warto używać nazw rozmiarów 00:08:48.290 --> 00:08:50.705 zwłaszcza gdy przychodzi do ułatwień dostępu. 00:08:50.705 --> 00:08:53.120 Więc mam rodziców, że są coraz trochę 00:08:53.120 --> 00:08:55.535 trudniejsze w oczach, aby zobaczyć rzeczy, 00:08:55.535 --> 00:08:57.755 i tak można odebrać telefonu i po prostu 00:08:57.755 --> 00:09:00.920 smack w twarz z czcionkę, ponieważ jest tak duża. 00:09:00.920 --> 00:09:03.140 Tak naprawdę widziałem niektórych z was 00:09:03.140 --> 00:09:05.810 tutaj z naprawdę dużymi czcionkami na telefonach, 00:09:05.810 --> 00:09:08.420 więc to jest dobre dla Ciebie. 00:09:08.420 --> 00:09:10.745 tak, ale dodaliśmy kilka nowych rzeczy. 00:09:10.745 --> 00:09:13.640 James Clancy jeden z nasi inżynierowie wysyłają w tym PR. 00:09:13.640 --> 00:09:16.970 Mamy kilka dodatkowych korzystne prace 00:09:16.970 --> 00:09:20.735 czcionek, a także łatwiejsze do zrobienia na wielu platformach. 00:09:20.735 --> 00:09:24.995 Mamy w Dzieo- plan zasadniczo spadnie 00:09:24.995 --> 00:09:29.350 plik czcionki do udostępnionego, your.NET standardowego projektu. 00:09:29.350 --> 00:09:31.965 Whoops, ale wiesz, co mam na myśli przez wspólne? 00:09:31.965 --> 00:09:33.830 Nie mówimy o wspólnym pod względem 00:09:33.830 --> 00:09:35.660 brudnej wspólnej rzeczy projektu, 00:09:35.660 --> 00:09:38.600 mówimy about.NET projekty standardowe, 00:09:38.600 --> 00:09:40.580 których nie ma nic złego z projektami wspólnymi, 00:09:40.580 --> 00:09:42.990 ale po prostu być jasne o tym, co mam na myśli. 00:09:43.260 --> 00:09:46.630 Upuść tę czcionkę tam i automatycznie 00:09:46.630 --> 00:09:49.690 Czy Pre-Build rzeczy niezbędne. 00:09:49.690 --> 00:09:53.470 Więc nie musisz się martwić o konfigurowaniu info. plist. 00:09:53.470 --> 00:09:57.670 Nie musisz się martwić o Łączenie nazw lub zastanawianie 00:09:57.670 --> 00:09:59.590 jak Android odniesienia 00:09:59.590 --> 00:10:02.170 tej czcionki w porównaniu z tym, jak System iOS odwołuje się do tej czcionki. 00:10:02.170 --> 00:10:06.220 Wszyscy cieszyli się, że jestem pewien, i używałeś tego ciekawostki z 00:10:06.220 --> 00:10:08.440 Twoi znajomi, aby wow im, jak 00:10:08.440 --> 00:10:10.660 można zrobić niestandardowe czcionki w systemach iOS i Android, 00:10:10.660 --> 00:10:12.250 ale możemy ułatwić. 00:10:12.250 --> 00:10:13.735 Więc to nadchodzi również. 00:10:13.735 --> 00:10:16.255 Więc używasz tych, a następnie 00:10:16.255 --> 00:10:19.360 gdy użytkownik przechodzi do ustawienia ułatwień dostępu, 00:10:19.360 --> 00:10:21.070 przełączają rozmiar czcionki, 00:10:21.070 --> 00:10:24.155 automatycznie dostają Zaletą zmiany rozmiaru, 00:10:24.155 --> 00:10:28.955 mając na uwadze, że w przypadku twardego kodu tych rozmiarów tekstu, a następnie jest ustalona. 00:10:28.955 --> 00:10:34.329 Teraz powiedziałbym, że to do korzystania z własnego uznania 00:10:34.329 --> 00:10:36.970 i pracuj z zespołem , aby dowiedzieć się, gdzie 00:10:36.970 --> 00:10:40.285 Użyj nazwanego rozmiaru czcionki i gdzie używać stałych rozmiarów czcionek. 00:10:40.285 --> 00:10:43.870 Być może wszystko nie trzeba skalować. 00:10:43.870 --> 00:10:46.510 Więc to jest coś do Państwa dyspozycji. 00:10:46.510 --> 00:10:48.400 To nie wszystko albo nic. 00:10:48.400 --> 00:10:50.545 Można go używać jako najbardziej sensowne. 00:10:50.545 --> 00:10:52.090 W porządku. Więc tutaj są 00:10:52.090 --> 00:10:54.790 składników tego, co Zamierzam pracować. 00:10:54.790 --> 00:10:57.190 Usługa tematyczna, zasadniczo Po prostu zamierzam 00:10:57.190 --> 00:11:00.070 wykorzystać istniejące zasoby aplikacji, 00:11:00.070 --> 00:11:04.060 predefiniowanych stylów, a następnie będzie stosować style dynamiczne. 00:11:04.060 --> 00:11:06.160 Spójrzmy więc na jakiś kod, czy my? 00:11:06.160 --> 00:11:09.320 To nie było bardzo długo, aby dostać się do kodu. 00:11:09.330 --> 00:11:13.570 Cool. W porządku, gdzie jest Zappy? 00:11:13.570 --> 00:11:16.610 Więc oto, co mam. 00:11:18.450 --> 00:11:22.010 Zobaczmy, co to jest klucz powiększenia? 00:11:23.400 --> 00:11:29.450 Plus-plus, komenda Plus. Spójrz na to. 00:11:30.180 --> 00:11:33.535 Więc Chodź tutaj mały kursor facet. 00:11:33.535 --> 00:11:36.620 To jest Windows, to tak ciężko dla mnie faceci. 00:11:36.960 --> 00:11:41.260 Wszystko w porządku, tak tutaj w folderze Style, 00:11:41.260 --> 00:11:44.320 Mam domyślny motyw, 00:11:44.320 --> 00:11:46.270 Mam ciemny motyw, 00:11:46.270 --> 00:11:49.990 a potem mam biały motyw co jest straszne nazewnictwo. 00:11:49.990 --> 00:11:52.090 Jeden może być czarny temat 00:11:52.090 --> 00:11:54.205 a może biały motyw powinien być lekki motyw. 00:11:54.205 --> 00:11:56.380 Dlaczego mieszane biały i ciemny, 00:11:56.380 --> 00:11:59.260 JA puszka metalowa tylko winić u brak od spać. 00:11:59.260 --> 00:12:02.845 Ale jestem pewien, że nazwa wszystko doskonale po raz pierwszy. 00:12:02.845 --> 00:12:04.930 Nazewnictwo jest dla Ciebie łatwe, 00:12:04.930 --> 00:12:07.150 to trudne dla mnie. Ja kompletnie dostać ono. 00:12:07.150 --> 00:12:10.390 Okk. Przyjrzymy się więc tych plików tylko drugi 00:12:10.390 --> 00:12:13.915 a potem mam też kilka innych rzeczy rozpadają się tutaj. 00:12:13.915 --> 00:12:17.410 Globalny XAML, który przynosi wszystko razem 00:12:17.410 --> 00:12:22.660 naprawdę, a potem mam ikony tutaj, rozmiary i tekst. 00:12:22.660 --> 00:12:25.690 Jest to praktyka, której używasz, jeśli 00:12:25.690 --> 00:12:28.180 masz dużo zasobów lub wiele zdefiniowanych stylów, 00:12:28.180 --> 00:12:31.945 rozbić je na takich kategorii? 00:12:31.945 --> 00:12:34.555 Podnieś rękę dla mnie, jeśli to jest coś, co robisz. 00:12:34.555 --> 00:12:39.160 Cool. Więc to nie jest szalony po wszystkim. 00:12:39.160 --> 00:12:41.620 Pobierz mnie stąd, nie pójdziemy. 00:12:41.620 --> 00:12:46.000 Więc tutaj jest mój globalny plik XAML i tak mam wszystkie moje kolory się 00:12:46.000 --> 00:12:50.155 tu i być może, że może być refactored w osobnym pliku. 00:12:50.155 --> 00:12:53.230 Nawiasem mówiąc, szukamy w aplikacji Zappy, 00:12:53.230 --> 00:12:56.980 może powinienem wyciągnąć, że Edge. 00:12:56.980 --> 00:12:58.690 Będziemy używać krawędzi teraz, prawo.? 00:12:58.690 --> 00:13:00.100 Edge w systemie Windows. 00:13:00.100 --> 00:13:03.670 Robi się świetnie, lubię to. Jestem na Wyspach Kanaryjskich. 00:13:03.670 --> 00:13:07.750 Zaktualizowałem wszystkie moje rzeczy ostatniej nocy nie tylko moja krawędź, 00:13:07.750 --> 00:13:09.160 wszystkie moje Visual Studio's, 00:13:09.160 --> 00:13:10.780 wszystkie moje Xamarin, ponieważ jestem jak, "Hej, 00:13:10.780 --> 00:13:11.980 Mam jutro dwa rozmowy. 00:13:11.980 --> 00:13:13.720 Jaka jest najlepsza rzecz do zrobienia? " 00:13:13.720 --> 00:13:15.820 Aktualizuj wszystko. 00:13:15.820 --> 00:13:18.520 Nie żałuję. 00:13:18.520 --> 00:13:21.504 Więc Zappy to się na moim GitHub, 00:13:21.504 --> 00:13:23.305 to jest jak drzewo czy cokolwiek innego. 00:13:23.305 --> 00:13:26.815 Więc ta aplikacja jest naprawdę, 00:13:26.815 --> 00:13:29.080 Zrobiłem plac zabaw dla małych rzeczy 00:13:29.080 --> 00:13:31.810 aplikacji podczas serii 3,0 i naprawdę cieszył się 00:13:31.810 --> 00:13:34.150 jest w stanie walczyć 00:13:34.150 --> 00:13:36.550 przetestować niektóre z tych rzeczy, jak zostały one zwolnione. 00:13:36.550 --> 00:13:40.210 To również stworzył miły mały odniesienie, ale to był brzydki tyłek. 00:13:40.210 --> 00:13:42.310 Jestem jak możemy zrobić lepiej niż to. 00:13:42.310 --> 00:13:44.320 Więc jak o budowie aplikacji referencyjnej. 00:13:44.320 --> 00:13:48.160 Więc Zappy jest to, że aplikacja odniesienia dla serii 4,0, gdzie jestem po prostu 00:13:48.160 --> 00:13:52.660 Dodawanie funkcji pokazujących, jak robić rzeczy, dodając scenariusze. 00:13:52.660 --> 00:13:54.100 Kiedy Twitch Stream, 00:13:54.100 --> 00:13:57.160 zwykle dodajemy ekran lub coś do tego, aby pokazać 00:13:57.160 --> 00:14:00.490 wyłączyć jakąś technikę i cieszyć się sobą. 00:14:00.490 --> 00:14:01.690 Więc to, co ta aplikacja jest. 00:14:01.690 --> 00:14:05.290 Można go sklonować, można wysłać APRs. 00:14:05.290 --> 00:14:08.979 Jeśli chcesz zobaczyć rzeczy z serii, 00:14:08.979 --> 00:14:11.995 Wyślij problem, który pracować nad nim i być cool. 00:14:11.995 --> 00:14:14.185 Więc to, co pracujemy, 00:14:14.185 --> 00:14:17.770 i tak mam typowy słownik zasobów 00:14:17.770 --> 00:14:21.625 Tutaj. Zobaczmy tutaj. 00:14:21.625 --> 00:14:24.580 Mam kilka kolory gradientów fly-out 00:14:24.580 --> 00:14:26.425 bo Zappy ma gradient. 00:14:26.425 --> 00:14:28.210 Oczywiście wszystko ma gradienty. 00:14:28.210 --> 00:14:30.010 W ten sposób widzisz w więcej gradientów, 00:14:30.010 --> 00:14:32.695 prośby o gradienty tak, to z powrotem. 00:14:32.695 --> 00:14:35.725 Następną rzeczą, którą będziemy mieć ściętych krawędziach, a następnie. 00:14:35.725 --> 00:14:37.750 Czy można zrobić, że wyglądać jak skóra? 00:14:37.750 --> 00:14:39.950 Chciałbym, aby być skórą. 00:14:40.650 --> 00:14:43.675 To wspólne-wszystko, to jest powszechne. 00:14:43.675 --> 00:14:45.100 Mam na myśli naprawdę WebAssembly 00:14:45.100 --> 00:14:48.655 jest jak drugie przyjście Silverlight, prawda? 00:14:48.655 --> 00:14:51.610 Trochę tak. 00:14:51.610 --> 00:14:56.995 Wtedy oczywiście, wskazałem to w mojej ostatniej sesji. 00:14:56.995 --> 00:14:58.660 Kiedy masz styl i 00:14:58.660 --> 00:15:01.060 mają typy, które wynikają z innych typów, 00:15:01.060 --> 00:15:04.405 można użyć tej właściwości Tutaj stosuje się do wyprowadzenia typów. 00:15:04.405 --> 00:15:06.940 Jest to szczególnie użyteczne w przypadku 00:15:06.940 --> 00:15:09.730 sposób, w jaki zrobiliśmy Wygładzanie na powłokę. 00:15:09.730 --> 00:15:11.800 Więc w powłoce jest to element powłoki, 00:15:11.800 --> 00:15:14.740 Przekrój skorupy i powłoka zawartość, to jest hierarchia. 00:15:14.740 --> 00:15:17.140 Ale to sprawia, że cały dużo więcej sensu być 00:15:17.140 --> 00:15:19.390 w stanie powiedzieć, że chcę wylatać przedmiotu. 00:15:19.390 --> 00:15:20.740 Chcę zakładkę. 00:15:20.740 --> 00:15:23.080 Ja potrzeba ono zostać pewien patka zagrodzić z wieloma kartami. 00:15:23.080 --> 00:15:25.405 Są to nazwy aliasów do tych rzeczy, 00:15:25.405 --> 00:15:28.120 więc można użyć tej właściwości, aby upewnić się, 00:15:28.120 --> 00:15:30.970 Twoje style dostać się gdzie spodziewasz się ich. 00:15:30.970 --> 00:15:34.210 Cool. Więc to jest coś być świadomi, a następnie 00:15:34.210 --> 00:15:35.740 Mam kilka konwerterów w dół 00:15:35.740 --> 00:15:37.675 tutaj, który prawdopodobnie mógłby być jego własny plik. 00:15:37.675 --> 00:15:40.930 Tak więc sposób działania motywów jest to, że 00:15:40.930 --> 00:15:44.170 mój domyślny motyw przynosi wszystkie te bity razem. 00:15:44.170 --> 00:15:48.250 Czy to wystarczająco duże? Wiem jak to zrobić. Nie, nie to. 00:15:48.250 --> 00:15:51.520 Powiedziałem, że nie. Nie idziemy. 00:15:51.520 --> 00:15:53.380 Teraz mam pytanie. 00:15:53.380 --> 00:15:56.575 Nie idziemy. To wystarczająco duże. tak, można to zobaczyć. 00:15:56.575 --> 00:15:59.980 Więc to jest mój domyślny, 00:15:59.980 --> 00:16:02.770 jest używany w MergedDictionaries który jest tym, co wysyłamy, 00:16:02.770 --> 00:16:06.325 trzy coś lub był to jak 25, 26 rzeczą? 00:16:06.325 --> 00:16:08.890 To było tak wiele lat. 00:16:08.890 --> 00:16:12.730 Platforma utrzymuje dojrzewanie i wschodzących, to niesamowite. 00:16:12.730 --> 00:16:15.490 Więc to przynosi wszystko razem, a potem 00:16:15.490 --> 00:16:18.340 Mam ciemny motyw i mój biały temat. 00:16:18.340 --> 00:16:22.540 Więc mój biały motyw opiera się motywu domyślnego. 00:16:22.540 --> 00:16:26.020 Więc ma źródło bazowe tego motywu domyślnego, 00:16:26.020 --> 00:16:30.415 ale potem przychodzi i to dostosowuje te konkretne kolory. 00:16:30.415 --> 00:16:33.070 Teraz tutaj, gdzie dynamiczny zasobów, co przychodzi. 00:16:33.070 --> 00:16:35.410 Musisz dać tych facetów klucz tak 00:16:35.410 --> 00:16:37.855 że mogę odwołać się te kolory gdzie indziej, 00:16:37.855 --> 00:16:38.980 i tak Przyjrzyjmy się, gdzie 00:16:38.980 --> 00:16:42.040 kolor tła jest wykorzystywane w moim globalnym. 00:16:42.040 --> 00:16:46.345 Więc kolor tła, 00:16:46.345 --> 00:16:50.270 nie ten kolor tła, drugi. 00:16:50.400 --> 00:16:54.565 "Szukaj", tutaj idziemy. 00:16:54.565 --> 00:16:58.030 Więc dla mojego elementu wizualnego styl tła I'm 00:16:58.030 --> 00:17:02.020 używać go tutaj, używa DynamicResource. 00:17:02.020 --> 00:17:04.630 Więc co dynamiczny zasób ma zamiar zrobić dla Ciebie, 00:17:04.630 --> 00:17:07.795 ma świadomość zasadniczo na zmianę właściwości. 00:17:07.795 --> 00:17:11.934 Więc kiedy ten kolor lub cokolwiek wykorzystujący te zmiany koloru, 00:17:11.934 --> 00:17:15.175 to będzie upewnić się, że zmiany zostaną natychmiast odzwierciedlone. 00:17:15.175 --> 00:17:20.620 Podobnie, tutaj w środku Wierzę, że jest to tekst. 00:17:20.620 --> 00:17:23.290 Więc dla mojego tekstu nagłówek kolor 00:17:23.290 --> 00:17:25.930 używany jest mój tekst podstawowy kolor. 00:17:25.930 --> 00:17:29.259 Więc wszystko w mój biały temat jest za pomocą 00:17:29.259 --> 00:17:31.270 zasadniczo ciemny tekst na 00:17:31.270 --> 00:17:35.800 białym tle i Jak można się spodziewać, 00:17:35.800 --> 00:17:38.275 mój ciemny temat jest zasadniczo odwrotnej, 00:17:38.275 --> 00:17:41.830 ciemnym tłem i jasnym tekstem. 00:17:41.830 --> 00:17:46.630 Więc Przyjrzyjmy się, jak to wygląda. 00:17:46.630 --> 00:17:50.845 Nie wiem, myślę, że prawdopodobnie trzeba ponownie wdrożyć ten facet. 00:17:50.845 --> 00:17:55.240 Będziemy iść do przodu i zrobić budować i wdrożyć, a następnie będziemy 00:17:55.240 --> 00:17:57.070 Hot reload iść dalej, a następnie Mam kilka 00:17:57.070 --> 00:17:59.590 inne fajne rzeczy do akcji z Tobą później. 00:17:59.590 --> 00:18:00.670 Ale nie zrobiłem żadnych zmian, 00:18:00.670 --> 00:18:04.555 więc Ta kompilacja nie powinna trwać do jutra. 00:18:04.555 --> 00:18:10.550 Zauważyłem, że testowałem Niektóre gorące kompilacje wewnętrzne. 00:18:10.890 --> 00:18:13.210 Ale można by nienawidzić, że kiedy trafisz 00:18:13.210 --> 00:18:15.595 przycisk "Home" na nim po prostu jak zaczyna się uruchamiać, 00:18:15.595 --> 00:18:17.935 że po prostu zabił rzecz ja jestem rozmieszczanie. 00:18:17.935 --> 00:18:19.810 Tylko ja, nie. 00:18:19.810 --> 00:18:21.760 Co mam zrobić? 00:18:21.760 --> 00:18:23.620 Nie jest to rzeczy Maddie wpadł 00:18:23.620 --> 00:18:26.275 wczoraj, gdzie wszystko działa? 00:18:26.275 --> 00:18:41.560 Co? 00:18:41.560 --> 00:18:44.030 To kłamstwo. 00:18:46.980 --> 00:18:50.320 To mówi zwyczaj renderer, to jest tak dziwne. 00:18:50.320 --> 00:18:52.945 Dosłownie nie zrobił nic. 00:18:52.945 --> 00:18:55.255 Dosłownie nic. 00:18:55.255 --> 00:18:58.570 Więc co robisz, gdy tak się dzieje? 00:18:58.570 --> 00:19:00.685 >> Aktualizacja. 00:19:00.685 --> 00:19:04.490 >> Aktualizacja. Jak o robimy czyste? 00:19:05.010 --> 00:19:11.275 Co byłoby interesujące. Zajmiemy się. 00:19:11.275 --> 00:19:18.380 Nie, że jeden ten. Co się zmieniło? 00:19:20.400 --> 00:19:25.090 Zobaczmy tutaj projekt Projektant, aplikacja XAML. 00:19:25.090 --> 00:19:28.000 Masz zamiar wkręcić coś w aplikacji XAML. 00:19:28.000 --> 00:19:31.395 Spójrzmy na to naprawdę szybko i 00:19:31.395 --> 00:19:32.810 następnie spróbujemy Odbuduj jeszcze raz 00:19:32.810 --> 00:19:34.680 a jeśli to nie pracy, przejmiemy się. 00:19:34.680 --> 00:19:38.225 Bo mam kilka innych naprawdę słodkie dema, które są jeszcze lepsze. 00:19:38.225 --> 00:19:41.700 Co było ostatnią rzeczą, którą zrobił tutaj? 00:19:41.800 --> 00:19:45.150 Nie widzę żadnych problemów. 00:19:48.090 --> 00:19:52.370 Pewnie, Twój krok pójdzie gładko za każdym razem, prawda? 00:19:57.750 --> 00:20:00.460 Tak więc jest to zasadniczo będzie mi dać 00:20:00.460 --> 00:20:03.985 możliwość wymiany motywów. 00:20:03.985 --> 00:20:06.940 Zamierzam być w stanie , aby przejść do ustawień 00:20:06.940 --> 00:20:10.375 Panel i zobacz moje różne motywy, 00:20:10.375 --> 00:20:14.300 zmienić je i zobaczyć natychmiast zaktualizować ekran. 00:20:14.370 --> 00:20:18.290 Można to zrobić trochę Android. 00:20:19.800 --> 00:20:23.725 Teraz, to jest długi czas budować, prawda? 00:20:23.725 --> 00:20:25.345 Po wykonaniu tej, czyste. 00:20:25.345 --> 00:20:28.100 Co się z tym? 00:20:28.260 --> 00:20:31.255 Cóż, to się dzieje, bo zawsze może wrócić do niego, 00:20:31.255 --> 00:20:33.280 Chodzi mi o to, że demo będzie trzeba pracować, ponieważ 00:20:33.280 --> 00:20:36.190 naprawdę ma jak wszystkie najlepsze dema w nim. 00:20:36.190 --> 00:20:38.680 Porozmawiajmy więc o minutę na temat gradientów 00:20:38.680 --> 00:20:41.455 i kształty, a to się dzieje. 00:20:41.455 --> 00:20:45.310 Ponieważ gradienty stają się tak smród i popularny, 00:20:45.310 --> 00:20:49.495 Jak można to zrobić? Dobrze masz kilka opcji. 00:20:49.495 --> 00:20:52.630 Oh Look, jest mój mały emulator. 00:20:52.630 --> 00:20:54.910 Nie widzisz mojego emulatora, ponieważ to na innym ekranie, 00:20:54.910 --> 00:20:56.140 ale to jest tak małe. 00:20:56.140 --> 00:20:59.420 W porządku, jesteśmy z powrotem. Tutaj idziemy. 00:20:59.850 --> 00:21:04.330 Wyjdź z pokazu slajdów. Możesz to zrobić. 00:21:04.330 --> 00:21:07.060 Widzisz, że? Możesz to zobaczyć. 00:21:07.060 --> 00:21:10.240 Wracajmy do kodu, aby widać, że jest uruchomiony. W porządku. 00:21:10.240 --> 00:21:14.035 Więc stworzyłem stronę w Zappy nazywa Przewodnik stylu. 00:21:14.035 --> 00:21:16.390 Więc złapałem wszystkie moje kolory i 00:21:16.390 --> 00:21:18.955 wrzucać je do tego widoku kolekcji. 00:21:18.955 --> 00:21:21.520 Więc mam widok kolekcji, która jest 00:21:21.520 --> 00:21:25.930 cztery rzędy obejmujące i to idzie w poprzek. 00:21:25.930 --> 00:21:31.930 Widok kolekcji jest nadal w Podgląd, ale jest w 4,1 stabilny, 00:21:31.930 --> 00:21:33.175 więc jeśli zdecydujesz się go używać, 00:21:33.175 --> 00:21:35.140 jest on dostępny dla Ciebie. 00:21:35.140 --> 00:21:36.430 Chciałbym wiedzieć jak się czujesz 00:21:36.430 --> 00:21:37.720 nas robi takie funkcje. 00:21:37.720 --> 00:21:39.130 Zasadniczo, ich pieczenia i 00:21:39.130 --> 00:21:41.080 pracy nad nimi i Dodawanie do nich funkcji 00:21:41.080 --> 00:21:44.875 gdy są one w stabilnych wydaniach ale umieszczenie ich za flagami. 00:21:44.875 --> 00:21:48.610 Więc szukamy, aby Powiedz nam, jak to się dzieje. 00:21:48.610 --> 00:21:50.230 Więc nie w tej chwili, 00:21:50.230 --> 00:21:53.005 nie każdy wstać i przejdź do mikrofonu. 00:21:53.005 --> 00:21:55.750 Dobrze, więc w tej aplikacji, 00:21:55.750 --> 00:21:56.980 widzisz mam gradient, który jesteśmy 00:21:56.980 --> 00:21:58.450 będzie mówić w ciągu zaledwie sekundy. 00:21:58.450 --> 00:22:01.215 Ale potem mam tutaj ustawienia wizualne, 00:22:01.215 --> 00:22:04.770 a więc mam Ten jasny i ciemny przełącznik. 00:22:04.770 --> 00:22:06.150 Więc to jest rzeczywiście, 00:22:06.150 --> 00:22:08.460 i zamierzam dodać również inne tematy. 00:22:08.460 --> 00:22:12.120 Fuksja została zalecana jako styl motywu. 00:22:12.120 --> 00:22:13.740 Nie wiem dlaczego. 00:22:13.740 --> 00:22:16.050 Ale Squeaky naprawdę lubi, 00:22:16.050 --> 00:22:17.610 ma ktoś poszedł do Squeaky sesje 00:22:17.610 --> 00:22:19.360 w tym tygodniu słyszę, że tam jest. 00:22:19.360 --> 00:22:21.010 Ona jest Wielka, prawda? 00:22:21.010 --> 00:22:23.815 Więc kocha Fuchsia. 00:22:23.815 --> 00:22:27.355 W porządku. Więc jest mój ciemny. 00:22:27.355 --> 00:22:32.200 Jest moje światło. Lekki, jasny. 00:22:32.200 --> 00:22:34.045 Tak, więc idę ciemno. 00:22:34.045 --> 00:22:36.310 I zamknąć ten facet 00:22:36.310 --> 00:22:39.970 i widzisz, że mój ekran tu jest teraz ciemno, jak również. 00:22:39.970 --> 00:22:43.690 Tak więc sposób, w jaki występujące zmiany, 00:22:43.690 --> 00:22:46.690 Jeśli pójdziemy do 00:22:46.690 --> 00:22:56.180 Moje ustawienia ViewModel tutaj. 00:22:56.400 --> 00:23:01.705 Więc mam polecenie zmiany motywu, to będzie wymyślić. 00:23:01.705 --> 00:23:09.640 Wybrany motyw jest związany do wybranego elementu. 00:23:09.640 --> 00:23:11.395 Widzisz mój kursor? Tutaj znowu. 00:23:11.395 --> 00:23:12.925 Więc światło i ciemne, 00:23:12.925 --> 00:23:14.200 w rzeczywistości jest to widok kolekcji, 00:23:14.200 --> 00:23:16.900 to poziome widoku kolekcji przesuwnych. 00:23:16.900 --> 00:23:20.630 Kwestia faktu, dobrze i zrobię to dalej. 00:23:20.790 --> 00:23:26.305 tak, więc słucham wybrany motyw jako wybrany element, 00:23:26.305 --> 00:23:27.805 a następnie na podstawie tego, 00:23:27.805 --> 00:23:29.890 Idę do nowego się mój ciemny temat lub 00:23:29.890 --> 00:23:33.445 mój biały temat i stosować go do mojej aplikacji bieżących zasobów. 00:23:33.445 --> 00:23:35.155 Widzisz, jak szybko, że pracował, 00:23:35.155 --> 00:23:36.430 i widzisz, że nie mam 00:23:36.430 --> 00:23:38.590 niewielką ilość zasobów, 00:23:38.590 --> 00:23:40.075 to dość trochę rzeczy. 00:23:40.075 --> 00:23:42.220 Tak, że działa się naprawdę dobrze. 00:23:42.220 --> 00:23:44.590 Teraz, to jeden ze sposobów, w którym można to zrobić. 00:23:44.590 --> 00:23:47.005 Z pewnością można spróbować i wiele innych sposobów, aby to zrobić. 00:23:47.005 --> 00:23:49.360 Cały ten kod jest na moim GitHub, 00:23:49.360 --> 00:23:52.315 wypróbować, chciałbym wiedzieć, co myślisz. 00:23:52.315 --> 00:23:54.760 Tak. Więc pomyślałem, to było bardzo proste. 00:23:54.760 --> 00:23:56.650 To było o wiele łatwiejsze niż ja myślał, że to będzie, 00:23:56.650 --> 00:23:59.305 i czuję się jak teraz Jestem [niesłyszalny] Pro. 00:23:59.305 --> 00:24:00.745 Czuję się jak ja mam to, 00:24:00.745 --> 00:24:02.320 nikt nie może mnie powstrzymać teraz. 00:24:02.320 --> 00:24:05.590 Fuksja nadchodzi. Fuksja jest teraz. 00:24:05.590 --> 00:24:11.020 Och chłopiec. W porządku 00:24:11.020 --> 00:24:12.880 więc Porozmawiajmy o tym gradiencie. 00:24:12.880 --> 00:24:16.435 Więc jak możemy zrobić gradienty? 00:24:16.435 --> 00:24:18.310 Oczywiście kod macierzysty. 00:24:18.310 --> 00:24:20.140 SkiaSharp, masz płótno, 00:24:20.140 --> 00:24:23.560 można rysować gradienty na tym lub w widoku naleśnik. 00:24:23.560 --> 00:24:25.315 Każdy, kto zna Widoku Pancake? 00:24:25.315 --> 00:24:27.400 Czyni mnie głodnym każdym czas o tym mówię. 00:24:27.400 --> 00:24:30.760 Tak Stephen [niesłyszalny] z Holandii, 00:24:30.760 --> 00:24:33.580 kto nie jest tutaj, jak mamy wspomniano kilka razy, 00:24:33.580 --> 00:24:36.025 nie wstydź się Stephen nie jest tutaj. 00:24:36.025 --> 00:24:38.440 Niech wszyscy mają infomercial dla Stephena już teraz. 00:24:38.440 --> 00:24:41.260 Stephen, wiem, że jesteś płacz w domu prawo 00:24:41.260 --> 00:24:44.485 teraz, że nie były w stanie do szczytu ZAM dev, 00:24:44.485 --> 00:24:49.100 ale wiesz, co zrobiłeś źle. 00:24:51.060 --> 00:24:54.235 Myślę, że na rodzinne wakacje czy jakoś tak. 00:24:54.235 --> 00:24:56.485 Dobra, zobacz? 00:24:56.485 --> 00:24:59.950 Jestem równe szanse Selektor na ludzi. 00:24:59.950 --> 00:25:02.530 Więc są to opcje których można użyć. 00:25:02.530 --> 00:25:06.205 Pancake View jest naprawdę niemal gloryfikowana ramka. 00:25:06.205 --> 00:25:07.390 Zasadniczo, to jak ramka na 00:25:07.390 --> 00:25:09.205 sterydy, jeśli pojawi się to dobry wygląd. 00:25:09.205 --> 00:25:12.385 Ale bardzo przydatna i może być coś, czego chcesz użyć. 00:25:12.385 --> 00:25:15.590 Ale jak byś to zrobił, jeśli chciałeś to zrobić samemu? 00:25:16.100 --> 00:25:20.760 Och, Przykro mi, nie mówimy temat gradientu, ale kształtów. 00:25:20.760 --> 00:25:22.170 Masz wiele opcji dla kształtów. 00:25:22.170 --> 00:25:24.090 Nie zamierzamy wydać dużo czasu na kształty. 00:25:24.090 --> 00:25:26.610 Naprawdę, SkiaSharp do rysowania jest miły 00:25:26.610 --> 00:25:29.285 najlepiej przejść do wieloplatformowy do tego. 00:25:29.285 --> 00:25:31.555 Bardzo mocny, dość wykonawca. 00:25:31.555 --> 00:25:36.160 Widziałem kilka przykładów od Ciebie które są dość umysł dmuchanie. 00:25:36.160 --> 00:25:39.700 Nie wiem, co to bardziej płaski biznesu. 00:25:39.700 --> 00:25:41.815 Można to zrobić w języku C#. 00:25:41.815 --> 00:25:43.885 Można to zrobić z SkiaSharp. To wspaniałe. 00:25:43.885 --> 00:25:46.180 Animacja jest bardzo prosta. 00:25:46.180 --> 00:25:47.890 Ale można użyć Bitmap. 00:25:47.890 --> 00:25:50.095 To jest coś, co dostaje przeoczyłem dużo, prawda? 00:25:50.095 --> 00:25:51.850 Jeśli masz projekt i ma jak 00:25:51.850 --> 00:25:53.590 to naprawdę ciekawy kształt, 00:25:53.590 --> 00:25:55.540 Jeśli pójdziesz spojrzeć na wyzwanie wizualne, 00:25:55.540 --> 00:25:58.015 Spójrz, co zrobił Ryan Davis w aplikacji Quantize, 00:25:58.015 --> 00:26:01.840 się na nagłówku to ma ten mały wycięcie z miłą krzywą do niego. 00:26:01.840 --> 00:26:03.925 To naprawdę tylko obraz w tle. 00:26:03.925 --> 00:26:07.060 Więc czasami, gdy patrzeć na wizualną rzecz, 00:26:07.060 --> 00:26:08.830 Jesteś jak ja zamierzam to osiągnąć? 00:26:08.830 --> 00:26:10.870 Wpływa to na 00:26:10.870 --> 00:26:14.275 układ lub nie mam kontroli to robi dokładnie to. 00:26:14.275 --> 00:26:16.270 Może to nie jest tak trudne, jak myślisz. 00:26:16.270 --> 00:26:18.490 Może druga myśl w jaki sposób można 00:26:18.490 --> 00:26:21.100 Robię to za prawdziwe, ale Jak mogę go sfałszować? 00:26:21.100 --> 00:26:24.640 Jak gdybym miał zamiar go sfałszować i po prostu sprawiają, że wyglądają jak to jest, 00:26:24.640 --> 00:26:26.665 to w jaki sposób mogę to zrobić, 00:26:26.665 --> 00:26:29.875 i czasami jest to tak proste, jak tylko osadzanie obrazu. 00:26:29.875 --> 00:26:31.585 Myśląc, że jest w porządku. 00:26:31.585 --> 00:26:33.160 Użytkownicy nie wiedzą. 00:26:33.160 --> 00:26:35.305 Jak Oh, zrobił on naprawdę wyciągnąć, że? 00:26:35.305 --> 00:26:37.165 Jeśli deweloper nie narysowanie, 00:26:37.165 --> 00:26:39.235 Ta aplikacja jest bzdura. 00:26:39.235 --> 00:26:40.990 To nie jest jak to idzie. 00:26:40.990 --> 00:26:42.415 Nie wiem. W porządku. 00:26:42.415 --> 00:26:44.530 Obrazy wektorowe oczywiście, SVGs, 00:26:44.530 --> 00:26:47.305 Istnieją różne kontrolery Możesz załadować swoje SVGs. 00:26:47.305 --> 00:26:49.090 Myślę, że już wspomniałem 00:26:49.090 --> 00:26:51.115 Rysowanie na SkiaSharp lub kodu macierzystego. 00:26:51.115 --> 00:26:52.780 Można rysować na kod macierzysty. 00:26:52.780 --> 00:27:02.500 Więc gradienty i pokazy, fajne. 00:27:02.500 --> 00:27:04.960 Cóż, pokażę ci najpierw, jak Robię gradient w tym 00:27:04.960 --> 00:27:07.630 Niektóre wylecieć, w porządku. 00:27:07.630 --> 00:27:10.135 Więc to jest powłoka Render. 00:27:10.135 --> 00:27:11.680 Więc jeśli pójdziemy tutaj, 00:27:11.680 --> 00:27:13.825 Robię Android. 00:27:13.825 --> 00:27:16.645 Spójrzmy więc na projekt Android, 00:27:16.645 --> 00:27:19.705 dostał mój renderers i Ive ' got my Zappy powłoki renderowania. 00:27:19.705 --> 00:27:28.970 W porządku. Więc tutaj, gdy dostam renderowania zawartości układu półki. 00:27:29.970 --> 00:27:33.580 Dobrze, możemy to zobaczyć, cool. 00:27:33.580 --> 00:27:37.840 Więc go zdobyć, tworzę Gradient [niesłyszalny], 00:27:37.840 --> 00:27:40.960 Chwycić, zauważyć, złapałem 00:27:40.960 --> 00:27:44.170 moje kolory, bo już dostał mój temat aplikacji się tutaj. 00:27:44.170 --> 00:27:46.179 Jest to wstrzyknięcie zależności, 00:27:46.179 --> 00:27:48.890 to pochodzi z moich zasobów. 00:27:48.890 --> 00:27:50.550 Pokazałem Ci w moich zasobach, 00:27:50.550 --> 00:27:53.580 mój globalny plik, że miałem Początek gradientu i zakończyć kolor. 00:27:53.580 --> 00:27:56.255 Właśnie wspomniałem o tym w przejściu. 00:27:56.255 --> 00:27:59.920 Więc dostałam moją zależność od mojej usługi 00:27:59.920 --> 00:28:03.055 tak, że tutaj, kiedy to ustawić, 00:28:03.055 --> 00:28:05.155 Mogę ustawić go na kolory, które zostały 00:28:05.155 --> 00:28:08.170 w moim wspólnym kodzie. 00:28:08.170 --> 00:28:13.405 Wtedy właśnie rozmawiałem komuś o tym, 00:28:13.405 --> 00:28:16.390 Używamy widoku koordynatora, który jest 00:28:16.390 --> 00:28:19.480 w widoku, który pozwala nam kilka naprawdę ciekawych animacji, 00:28:19.480 --> 00:28:22.030 Jeśli widziałeś jakieś animacje bohaterów lub 00:28:22.030 --> 00:28:24.760 Niektóre z bardziej zaawansowanych animacji opartych na materiałach projektowych. 00:28:24.760 --> 00:28:27.400 Wiele z nich opiera się na w widoku koordynatora, 00:28:27.400 --> 00:28:31.120 i Shell używa go do sporo pracy. 00:28:31.120 --> 00:28:34.525 Dlatego zachęcanie ludzi do korzystania z Shell 00:28:34.525 --> 00:28:36.340 ponieważ jest to podstawa dla nas 00:28:36.340 --> 00:28:38.575 możliwość łatwiejszego dodawania tych rzeczy, 00:28:38.575 --> 00:28:42.475 Wiem, że przejścia mogą być ogromny ból zrobić inaczej. 00:28:42.475 --> 00:28:44.860 Więc na pewno nie należy użyć powłoki. 00:28:44.860 --> 00:28:46.900 Nie chcę Cię wysyłać komunikat, że jeśli nie 00:28:46.900 --> 00:28:49.150 Użyj Shell jesteś jakoś w ciemnych wieków. 00:28:49.150 --> 00:28:51.910 Jesteś dobry, kochasz strony nawigacyjne, 00:28:51.910 --> 00:28:53.785 strony karty, Główne strony szczegółów, 00:28:53.785 --> 00:28:55.030 wszystko, co jest nadal dobre, 00:28:55.030 --> 00:28:57.010 oni ' nie chodzenie gdziekolwiek, 00:28:57.010 --> 00:28:59.380 to nie zabawka opowieść które nie są przesyłane do 00:28:59.380 --> 00:29:03.610 sierocić lub cokolwiek. 00:29:03.610 --> 00:29:05.935 To nie był sierocić, to jest jak rzeczy przedszkola. 00:29:05.935 --> 00:29:07.300 Nie, nie w nowym filmie, 00:29:07.300 --> 00:29:10.525 to jest jak trzy, naprawdę smutny. 00:29:10.525 --> 00:29:12.760 tak, nowe jak ma być 00:29:12.760 --> 00:29:14.920 Dobry i jestem pewien, że nadal smutny, słyszałem ludzi płakać. 00:29:14.920 --> 00:29:16.840 Nie będę płakać. Nie będzie 00:29:16.840 --> 00:29:20.665 nie łzy pochodzące z oczy tak daleko, jak wiecie. 00:29:20.665 --> 00:29:27.700 W porządku, to jest banany. 00:29:27.700 --> 00:29:30.745 Więc dostałam układ koordynatora, 00:29:30.745 --> 00:29:33.670 I ustawić tło do niego tutaj, 00:29:33.670 --> 00:29:37.090 i tu ustawiłem to na przezroczyste 00:29:37.090 --> 00:29:38.560 ponieważ nie ma kilka innych rzeczy, układanie 00:29:38.560 --> 00:29:40.285 na górze z paskiem aplikacji. 00:29:40.285 --> 00:29:42.600 Więc chcę zrobić pewność, że mój gradient 00:29:42.600 --> 00:29:44.985 idzie aż z dołu do góry, 00:29:44.985 --> 00:29:49.680 bo tu na górze jakis to jest rzeczywiście pasek aplikacji. 00:29:49.680 --> 00:29:51.600 tak, więc to dość dużo, 00:29:51.600 --> 00:29:52.770 i tak jestem coraz mój gradient. 00:29:52.770 --> 00:29:55.060 Więc używam kodu macierzystego tam to zrobić. 00:29:55.060 --> 00:29:58.000 Przyjrzyjmy się teraz innemu przykładu, 00:29:58.000 --> 00:30:01.195 i ten jest z Ciro. 00:30:01.195 --> 00:30:02.920 Ciro jest we Francji, 00:30:02.920 --> 00:30:04.990 Paris zrobił Live Stream ze mną na 00:30:04.990 --> 00:30:07.440 Twitch, gdzie zbudował ekran logowania. 00:30:07.440 --> 00:30:11.345 Więc mam inną wersję zap otwarte tutaj, 00:30:11.345 --> 00:30:15.550 gdzie stworzył Widok przycisku gradientu 00:30:15.550 --> 00:30:18.175 lub gradient tła widoku i przycisk gradientu. 00:30:18.175 --> 00:30:21.740 Więc jeśli spojrzymy na to, co zrobił tutaj, 00:30:22.200 --> 00:30:25.015 a ja uruchomię to demo krótko. 00:30:25.015 --> 00:30:26.830 Więc w tle siatki on 00:30:26.830 --> 00:30:29.530 ma ten formant niestandardowy widoku gradientu. 00:30:29.530 --> 00:30:31.330 On chwyta, że Start w 00:30:31.330 --> 00:30:34.555 że styl końca tak jak wspomniałem z zasobów statycznych, 00:30:34.555 --> 00:30:36.385 i umieszczenie go tutaj. 00:30:36.385 --> 00:30:38.860 Więc jeśli spojrzymy na to, co tego widoku gradientu 00:30:38.860 --> 00:30:42.145 jest tak, jak byś oczekiwać niestandardowego renderowania. 00:30:42.145 --> 00:30:46.180 Więc kiedy zejdź do kod systemu Android lub kod iOS, 00:30:46.180 --> 00:30:49.495 wszystko, co robi, to rysuje gradientu i wysyła go z powrotem. 00:30:49.495 --> 00:30:52.360 Więc Oto kod Android dla widoku gradientu. 00:30:52.360 --> 00:30:56.664 W tym przypadku jest renderowania elementów wizualnych, 00:30:56.664 --> 00:30:59.455 i to będzie tworzyć gradient liniowy, 00:30:59.455 --> 00:31:03.115 zrobić obraz, a następnie narysować go na płótnie. 00:31:03.115 --> 00:31:06.610 Następnie można wykonać ten sam rzecz w pewien guzik tutaj. 00:31:06.610 --> 00:31:09.415 Więc mogę mieć przycisk to przyzwyczajony przycisk, 00:31:09.415 --> 00:31:11.350 nie jest to prawdziwy przycisk, 00:31:11.350 --> 00:31:12.715 jest to fałszywy przycisk. 00:31:12.715 --> 00:31:14.770 Jedyna różnica między fałszywy przycisk i prawdziwy przycisk 00:31:14.770 --> 00:31:17.770 jest to, co nazywasz, nadal przyciski. 00:31:17.770 --> 00:31:20.530 Można zadeklarować je wszystkie jako 00:31:20.530 --> 00:31:22.240 Elementy interaktywne, a następnie otrzymasz wszystkie 00:31:22.240 --> 00:31:24.475 korzyści dla ułatwienia dostępu że powinieneś, 00:31:24.475 --> 00:31:27.505 więc można go używać tutaj, jak również. 00:31:27.505 --> 00:31:29.545 Więc jeśli to uruchomić, 00:31:29.545 --> 00:31:31.900 Oglądasz to Zgłoś błąd jak ostatni. 00:31:31.900 --> 00:31:34.400 Ośmielę się rzucić błąd, 00:31:34.500 --> 00:31:39.415 kiedykolwiek rozmawiać z kodem tak, ośmielę się. 00:31:39.415 --> 00:31:41.620 To jest jak osoba, która jest 00:31:41.620 --> 00:31:47.960 oznaczają same osoby po prostu przegubowe ich ekrany. 00:31:48.330 --> 00:31:51.650 Wiesz, co to jest gest? 00:31:55.590 --> 00:31:58.790 W porządku, więc tu przyjść. 00:32:01.530 --> 00:32:05.620 Więc jedną z rzeczy byłem mówić, Oh jest błąd. 00:32:05.620 --> 00:32:06.880 Jest to ten sam błąd, 00:32:06.880 --> 00:32:13.120 patrzeć na to, niewiarygodne. 00:32:13.120 --> 00:32:15.415 Więc jak można plik błąd do tego? 00:32:15.415 --> 00:32:17.515 Chodzi mi o to, że Bug w zasadzie powiedzieć, 00:32:17.515 --> 00:32:20.455 Pobiegłem go w moim pokoju hotelowym, 00:32:20.455 --> 00:32:24.925 Zamykam pokrywę, "poszedłem na dół, 00:32:24.925 --> 00:32:27.609 Czekałem około dwóch godzin, 00:32:27.609 --> 00:32:30.490 Ponownie podłączyłem maszynę do 00:32:30.490 --> 00:32:36.145 a potem nie zadziałało "i to dosłownie to, co się stało. 00:32:36.145 --> 00:32:41.725 Nie wiem. Czyszczę, 00:32:41.725 --> 00:32:44.260 to nie to, co zrobiłem po raz ostatni, JA just oczyszczony i odnawiać zapas towarów ono. 00:32:44.260 --> 00:32:46.285 Nie Uruchamiałem ponownie identyfikatora. 00:32:46.285 --> 00:32:47.380 Nie zrobiłem pełnego tańca, 00:32:47.380 --> 00:32:53.320 JA just zrobił podobny pewien-przepraszam. 00:32:53.320 --> 00:32:55.585 Miałem zamiar zrobić jak żart taneczny, 00:32:55.585 --> 00:32:57.055 jak ja nie zrobił pełnego ruchu, 00:32:57.055 --> 00:33:02.500 I nie złamać coś tańczyć. 00:33:02.500 --> 00:33:06.610 Czy ktoś pamięta z lat 80-tych. 00:33:06.610 --> 00:33:08.620 >> [niesłyszalny]. 00:33:08.620 --> 00:33:11.095 . >> Wszystkie z nich człowiek, wszystkie z nich. 00:33:11.095 --> 00:33:13.730 Czy to, jak boli stopę? 00:33:14.520 --> 00:33:16.360 >> Cóż, tak. 00:33:16.360 --> 00:33:18.145 >> To, co twierdzą, 00:33:18.145 --> 00:33:21.680 ale być może próbujesz odzyskać dni chwały. 00:33:21.750 --> 00:33:27.475 W porządku, wciąż jesteśmy w ruchu nie złamał jeszcze, jesteśmy dobrzy. 00:33:27.475 --> 00:33:28.990 To tylko daje nam więcej czasu na 00:33:28.990 --> 00:33:31.330 rozmawiać o tych rzeczach, jest to pomocne do tej pory? 00:33:31.330 --> 00:33:32.680 Czy te ciekawe rzeczy? 00:33:32.680 --> 00:33:34.510 Rzeczy, które wyzwania że może być 00:33:34.510 --> 00:33:37.404 Niedawno lub w przyszłości, 00:33:37.404 --> 00:33:39.505 będziemy musieli stawić czoła w przyszłości. 00:33:39.505 --> 00:33:44.680 Mówiąc o przyszłości ma ktoś ciemny, ciemny na Netflix? 00:33:44.680 --> 00:33:47.350 Wiem, że wygląda jak ja rzecz uprowadzenia dziecka na podstawie 00:33:47.350 --> 00:33:50.750 na podobnych-to nie o co chodzi. 00:33:50.970 --> 00:33:54.865 To jak Sci-Fi rzecz, to wszystko w języku niemieckim. 00:33:54.865 --> 00:33:56.575 Możesz pracować na swoim niemieckim. 00:33:56.575 --> 00:34:02.065 W porządku, nie pójdziemy. 00:34:02.065 --> 00:34:05.200 Chodź, daj go dla programu Visual Studio, 00:34:05.200 --> 00:34:09.710 Program Visual Studio zarabianie pieniędzy. 00:34:10.710 --> 00:34:14.440 Więc jest kilka fajnych rzeczy 00:34:14.440 --> 00:34:17.260 dzieje się tu oczywiście widać gradienty, które wspomniałem, 00:34:17.260 --> 00:34:19.345 trochę gradientu w przycisku. 00:34:19.345 --> 00:34:23.500 Potem masz ten miły animacji przejście dzieje się tutaj. 00:34:23.500 --> 00:34:26.350 Więc to nie jest prawdziwa segmentu do kontroli, 00:34:26.350 --> 00:34:29.080 to fałszywy segment do kontroli. 00:34:29.080 --> 00:34:32.260 Jedyna różnica między rzeczywisty segment do kontroli i 00:34:32.260 --> 00:34:36.265 segment figowy do sterowania Jest? To, co nazywasz. 00:34:36.265 --> 00:34:40.340 Kiedy szef mówi, zawsze ma segment może pokazać, powiedzmy tak. 00:34:41.250 --> 00:34:45.850 To jest to, co to wygląda, tak. 00:34:45.850 --> 00:34:48.100 Więc niektóre fajne tranzystory mają tam i zauważyłeś 00:34:48.100 --> 00:34:55.870 ogon Octocats machając, to jest Lottie. 00:34:55.870 --> 00:34:58.540 Więc Lottie to biblioteka z 00:34:58.540 --> 00:35:02.830 Airbnb, które otwierają i można użyć, co to jest, 00:35:02.830 --> 00:35:07.390 Adobe po efektach, 00:35:07.390 --> 00:35:10.014 i z małym rozszerzeniem , które można zainstalować, 00:35:10.014 --> 00:35:12.505 i można wyprowadzania animacji. 00:35:12.505 --> 00:35:15.490 Jestem bardzo smutny, że faktycznie nie pozwól, aby to zrobić 00:35:15.490 --> 00:35:18.640 z Adobe Flash lub animować lub cokolwiek nazywają to teraz, 00:35:18.640 --> 00:35:22.150 bo byłbym sposób, że po skutkach, ale cokolwiek. 00:35:22.150 --> 00:35:27.220 Tak. Więc Martin Van Dyke, który biegł tutaj, 00:35:27.220 --> 00:35:29.200 nadal może być tutaj, 00:35:29.200 --> 00:35:31.450 czy implementacja C-Sharp 00:35:31.450 --> 00:35:32.920 i utrzymuje pakiet do tego. 00:35:32.920 --> 00:35:38.605 Więc go podziękować za Octocat, cool. 00:35:38.605 --> 00:35:41.410 Więc gradienty fajne, 00:35:41.410 --> 00:35:43.450 i widzisz, że mam materiał 00:35:43.450 --> 00:35:45.445 pracy i wszystko inne, jak również, 00:35:45.445 --> 00:35:47.950 Dam Ci szybki wygląd w jaki sposób działa ta animacja. 00:35:47.950 --> 00:35:49.750 Jest to również na moim GitHub, 00:35:49.750 --> 00:35:51.370 ale wyłaniają się jako PR, 00:35:51.370 --> 00:35:54.640 Dlatego jest to oddzielny projekt już teraz, bo tylko 00:35:54.640 --> 00:35:59.150 dostał to dziś rano, który jest nadal w porządku. 00:35:59.280 --> 00:36:01.960 Tak więc Strona logowania jest 00:36:01.960 --> 00:36:04.600 tylko Twój prosty XAML, jak można oczekiwać, 00:36:04.600 --> 00:36:06.340 Mogę sprawić, że trochę większe, 00:36:06.340 --> 00:36:10.640 Mogę dać jej Czy to zrobić, a nie to. 00:36:10.640 --> 00:36:14.620 Ktoś kiedykolwiek przypadkowo uderzyć ten guzik prawy tam? 00:36:15.120 --> 00:36:20.995 Nie uderzyć. tak, więc naprawdę nic nie dzieje się tutaj. 00:36:20.995 --> 00:36:22.840 Widzisz, że nie są te animacje 00:36:22.840 --> 00:36:24.625 ale te nie są wykonywane w języku XAML. 00:36:24.625 --> 00:36:28.105 Zamierzam pokazać, jak zrobić je w języku XAML w ciągu minuty. 00:36:28.105 --> 00:36:34.555 Więc jeśli spojrzymy na plecy i stuknięć opcji selektora, 00:36:34.555 --> 00:36:37.720 to jest zdarzenie TAP na ten facet tutaj. 00:36:37.720 --> 00:36:40.240 To jest to, co jest wyzwalanie animacji. 00:36:40.240 --> 00:36:41.740 Robi kilka tłumaczeń, 00:36:41.740 --> 00:36:45.520 tak tłumaczyć jest tylko metody animacji pomocnika. 00:36:45.520 --> 00:36:48.880 Nadal używa Interfejsy API animacji w wewnętrznej bazie danych. 00:36:48.880 --> 00:36:52.570 Masz też zanikać i takie rzeczy. 00:36:52.570 --> 00:36:56.440 Następnie można zrobić kilka czekają zadania i Grupuj niektóre animacje. 00:36:56.440 --> 00:37:00.580 Tak więc zarówno tłumaczenie i zanikanie w tym samym czasie. 00:37:00.580 --> 00:37:04.480 Oczywiście, można zarządzać w widoczność i takie rzeczy. 00:37:04.480 --> 00:37:06.715 Więc możesz zrobić animacji w ten sposób. 00:37:06.715 --> 00:37:08.830 Z pewnością nic złego, 00:37:08.830 --> 00:37:11.005 ale ja też zamierzam pokazać Ci, jak możesz to zrobić 00:37:11.005 --> 00:37:14.830 w języku XAML. Wszystko w porządku, zimno. 00:37:14.830 --> 00:37:20.665 Więc to gradienty i kształty, paralaksy. 00:37:20.665 --> 00:37:24.445 Myślę, że to jest mój ostatni lub od drugiego do ostatniego demo. 00:37:24.445 --> 00:37:28.525 I rzeczywiście dodatkowe demo, więc zobaczymy. 00:37:28.525 --> 00:37:30.550 Wszystkie prawa tak Parallax. 00:37:30.550 --> 00:37:32.485 Więc oto, co dzieje się z Parallax. 00:37:32.485 --> 00:37:36.535 Zrobiłem eksplodował pogląd, co Zamierzam wam pokazać. 00:37:36.535 --> 00:37:39.745 W istocie, nie, to już tutaj. 00:37:39.745 --> 00:37:41.920 Przejdźmy do przodu i zbudować go i uruchomić, 00:37:41.920 --> 00:37:45.220 tak, że nie wpadamy w ten sam problem mieliśmy wcześniej. 00:37:45.220 --> 00:37:46.630 Jest to przykład strony logowania. 00:37:46.630 --> 00:37:48.800 Nie potrzebuję tego, zamykajmy go. 00:37:49.080 --> 00:37:52.180 Jeśli tu przyjść, 00:37:52.180 --> 00:37:55.345 budować biegać iść, wszystko w porządku. 00:37:55.345 --> 00:37:58.750 Ale nie widzisz żadnych tego. To jest w porządku. 00:37:58.750 --> 00:38:01.120 Tylko na budowie, budynku i biegu. 00:38:01.120 --> 00:38:04.900 Więc co masz to ty mają różne warstwy 00:38:04.900 --> 00:38:08.830 rzeczy i siatka jest naprawdę wielki sposób, aby mieć różne warstwy. 00:38:08.830 --> 00:38:13.375 Następnie, jak rzeczy muszą Span wierszy lub kolumn zakresu, 00:38:13.375 --> 00:38:14.710 korzystania z zakresu. 00:38:14.710 --> 00:38:18.280 Tak więc zakres kolumny zakresu wierszy, tego rodzaju rzeczy. 00:38:18.280 --> 00:38:22.315 I ustawić źle przepraszam. 00:38:22.315 --> 00:38:27.805 Dlaczego więc uruchomiłeś ten kod? 00:38:27.805 --> 00:38:31.835 To nie jest odpowiedni kod, tak dziwne. 00:38:31.835 --> 00:38:33.900 Chodzi mi o ten sam projekt, 00:38:33.900 --> 00:38:35.340 ale działa w dwóch różnych katalogów. 00:38:35.340 --> 00:38:37.860 Ale myślę, że nie wygenerować ten sam plik binarny. 00:38:37.860 --> 00:38:41.340 Więc to naprawdę dziwne. W porządku. 00:38:41.340 --> 00:38:43.470 Więc pozwól mi oczyścić ten prawdziwy szybki. 00:38:43.470 --> 00:38:49.120 Budować czyste, budować czyste, 00:38:49.120 --> 00:38:51.040 oczyścić wszystko, oczyścić wszystko. 00:38:51.040 --> 00:38:54.130 Teraz jak moje dzieci, nie tylko wpakować rzeczy w szafie, 00:38:54.130 --> 00:38:59.110 czyste. Cool. W porządku. 00:38:59.110 --> 00:39:01.750 Więc co się wydarzy, 00:39:01.750 --> 00:39:07.150 zamierzamy przenieść Lista treści w górę, 00:39:07.150 --> 00:39:09.190 ale mamy zamiar przesunąć nagłówek, 00:39:09.190 --> 00:39:12.475 obraz tła w inną stawkę od 00:39:12.475 --> 00:39:14.530 treści, które użytkownik jest 00:39:14.530 --> 00:39:17.575 interakcję z tym tworzy efekt paralaksy. 00:39:17.575 --> 00:39:19.060 Więc w tym celu, 00:39:19.060 --> 00:39:20.650 Musimy być w stanie słuchać 00:39:20.650 --> 00:39:25.300 danych przewijania z rzeczy jestem interakcji z. 00:39:25.300 --> 00:39:29.710 Tak tradycyjnie, to co ma wywołał problemy dla deweloperów. 00:39:29.710 --> 00:39:32.800 W formularzach platformy Xamarin jest że nie wszystkie rzeczy 00:39:32.800 --> 00:39:36.100 przewijania w formularzach Xamarin powiedzieć, że są przewijanie. 00:39:36.100 --> 00:39:38.320 Teraz ScrollView ma 00:39:38.320 --> 00:39:39.910 Metody OnScroll lub 00:39:39.910 --> 00:39:42.880 zdarzenie, które wyśle jak użytkownik przewija, 00:39:42.880 --> 00:39:45.085 dzięki czemu można obsługiwać to i kod za. 00:39:45.085 --> 00:39:47.530 Ale nie chcę robić że i kod z tyłu, 00:39:47.530 --> 00:39:50.590 Ponieważ XAML Hot reload jest ponowne załadowanie XAML, 00:39:50.590 --> 00:39:52.165 nie jest ponowne załadowanie kodu za. 00:39:52.165 --> 00:39:54.925 Chcę pozostać w języku XAML możliwie jak najwięcej. 00:39:54.925 --> 00:39:58.420 Aby uzyskać pełną korzyści z przeładunku. 00:39:58.420 --> 00:40:03.790 Więc co się tu dzieje, będzie to robić. 00:40:03.790 --> 00:40:06.580 Teraz, że mały bar 00:40:06.580 --> 00:40:09.655 Istnieje przedstawiciel paska nawigacyjnego. 00:40:09.655 --> 00:40:13.060 Wtedy również zamierzamy zrobić fałszywy pasek nawigacyjny, 00:40:13.060 --> 00:40:15.430 i gdy zobaczysz animację wiesz dlaczego. 00:40:15.430 --> 00:40:18.745 Więc tutaj są składniki Aby tak się stało. 00:40:18.745 --> 00:40:21.280 Muszę mieć jakieś przewijania pozycji lub przewijania 00:40:21.280 --> 00:40:25.210 odsetek, z których mogę wyzwalać moje inne animacje. 00:40:25.210 --> 00:40:27.265 Muszę mieć powiązania, 00:40:27.265 --> 00:40:31.510 tak, że mogę to wszystko zrobić i reagować odpowiednio w języku XAML. 00:40:31.510 --> 00:40:35.319 Potem używam liberalnie Konwertery wartości, 00:40:35.319 --> 00:40:38.965 tak, że mogę zastosować różne efekty, które chcę. 00:40:38.965 --> 00:40:41.530 Naprawdę matematyka jest całkiem łatwo na te rzeczy. 00:40:41.530 --> 00:40:43.180 Dostać coś do zrobienia czegoś 00:40:43.180 --> 00:40:45.280 w innym tempie niż coś innego, 00:40:45.280 --> 00:40:47.560 należy wziąć udział procentowy czasu przewijania 00:40:47.560 --> 00:40:50.710 Maksymalna odległość przewijania, współczynnik czasu. 00:40:50.710 --> 00:40:53.485 Wszyscy o tym wiedzieli. To tylko 00:40:53.485 --> 00:40:55.870 pomnożyć kilka rzeczy razem i zobacz, co się dzieje. 00:40:55.870 --> 00:40:57.715 To naprawdę to, co wszystko sprowadza się do. 00:40:57.715 --> 00:40:59.290 Twoi szefowie lubią: "jak używać 00:40:59.290 --> 00:41:02.215 prawdziwy algorytm paralaksy do tego, 00:41:02.215 --> 00:41:06.175 lub fałszywy algorytm? " Zależy od tego, co nazywasz. 00:41:06.175 --> 00:41:09.250 Więc można poeksperymentować z te wszystko, co chcesz, 00:41:09.250 --> 00:41:11.830 ale tak naprawdę to jest tak proste, jak się robi. 00:41:11.830 --> 00:41:15.279 Więc Porozmawiajmy przez minutę o przejściach, 00:41:15.279 --> 00:41:17.470 bo chcę zrobić tych demek całkowicie. 00:41:17.470 --> 00:41:20.800 Więc nie mówię szczególnie o przejściach 00:41:20.800 --> 00:41:25.345 z jednej strony na inną stronę, 00:41:25.345 --> 00:41:27.805 ale mówię o od stanu. 00:41:27.805 --> 00:41:32.200 Więc znowu jest ładna Biblioteka z Stephen do S w Stephen, 00:41:32.200 --> 00:41:35.185 Nie wiem, co zrobiłeś że nie możesz być tutaj, 00:41:35.185 --> 00:41:38.845 ale człowiek, on jest tutaj w duchu. 00:41:38.845 --> 00:41:42.519 Ale widzisz to, kiedy wczytywania zawartości strony, 00:41:42.519 --> 00:41:44.080 Wskaźnik ładowania. 00:41:44.080 --> 00:41:45.745 Powiedz użytkownikowi, że coś robisz. 00:41:45.745 --> 00:41:48.204 Nawet lepiej niż tylko o Spinner, 00:41:48.204 --> 00:41:50.890 Dlaczego nie dać im doświadczenie widzenia 00:41:50.890 --> 00:41:54.955 treści w stanie fałszywego a następnie wymień go. 00:41:54.955 --> 00:41:57.430 To jest coś, co widzisz wiele aplikacji w tych dniach. 00:41:57.430 --> 00:41:59.080 Powiedziano mi, że Facebook to robi. 00:41:59.080 --> 00:42:02.560 JA dont ' rzeczywiście używać Facebook bardzo dużo, ale widziałem to się stało. 00:42:02.560 --> 00:42:05.080 Tak to mówi ludziom coś się dzieje, 00:42:05.080 --> 00:42:07.105 komunikuje się, co się dzieje. 00:42:07.105 --> 00:42:09.115 Animacje komunikują się z innymi. 00:42:09.115 --> 00:42:11.230 Po wykonaniu animacji Willy-Nilly lub 00:42:11.230 --> 00:42:14.515 przejście Willy-Nilly tylko bo to może wyglądać fajnie, 00:42:14.515 --> 00:42:16.780 może być wysłanie błędny komunikat do 00:42:16.780 --> 00:42:18.670 kogoś i może być frustrujące. 00:42:18.670 --> 00:42:20.260 Ponieważ może to trwać zbyt długo i 00:42:20.260 --> 00:42:22.940 po prostu chcą uzyskać od punktu A do punktu B. 00:42:23.340 --> 00:42:25.405 Więc kiedy należy go używać? 00:42:25.405 --> 00:42:30.025 Myślę, że zmiana stanu jest czas na aktualizację danych. 00:42:30.025 --> 00:42:31.450 Daj ludziom znać coś się dzieje, 00:42:31.450 --> 00:42:32.680 ale nie dają im pusty ekran, 00:42:32.680 --> 00:42:34.510 nigdy nie dają im pustego ekranu. 00:42:34.510 --> 00:42:36.340 Jeśli masz zamiar mają pusty widok, 00:42:36.340 --> 00:42:39.130 która kolekcja obsługuje pusty widok jako szablon? 00:42:39.130 --> 00:42:42.130 Więc to jest niesamowite, ListView nie ma tego. 00:42:42.130 --> 00:42:44.590 To Świetne miejsce, aby umieścić 00:42:44.590 --> 00:42:47.635 wskazanie użytkownikowi tego, co się dzieje, 00:42:47.635 --> 00:42:49.630 lub instrukcje dotyczące 00:42:49.630 --> 00:42:52.375 muszą zrobić, aby wypełnić tę zawartość. 00:42:52.375 --> 00:42:56.380 Krótkie procesy pracy są naprawdę Dobry wobec używać pod kątem przejścia. 00:42:56.380 --> 00:42:57.730 Jeśli masz długotrwały proces, 00:42:57.730 --> 00:43:01.210 może chcesz myśleć uważnie o sposobie obchodzenia się z tym, 00:43:01.210 --> 00:43:04.495 a następnie walidację i go formularza sprawdzania poprawności. 00:43:04.495 --> 00:43:08.875 To świetny czas, aby ćwiczyć umiejętności transformacji animacji. 00:43:08.875 --> 00:43:11.140 Więc kilka zrobić i zakazów. 00:43:11.140 --> 00:43:14.425 Niektóre z nich mówią to samo, 00:43:14.425 --> 00:43:17.830 ale myślałem, że może to być dobrym sposobem na wyrażenie tego. 00:43:17.830 --> 00:43:19.645 Nie bądź nieodpłatne. 00:43:19.645 --> 00:43:21.475 Nie należy animacji przeszkodą. 00:43:21.475 --> 00:43:22.960 Jeśli muszę czekać na animację 00:43:22.960 --> 00:43:24.685 kompletne, aby dostać się tam, gdzie idę, 00:43:24.685 --> 00:43:27.505 to chyba nie najlepsze miejsce dla niego. 00:43:27.505 --> 00:43:30.970 W przypadku próby przejścia więcej niż jedną rzecz na raz, 00:43:30.970 --> 00:43:33.745 ryzyko wystąpienia przytłaczające urządzenia, 00:43:33.745 --> 00:43:35.770 a potem po prostu się bardzo niepewny. 00:43:35.770 --> 00:43:37.570 Jeśli kiedykolwiek użyto menu wysuwany, 00:43:37.570 --> 00:43:39.190 i zauważyłeś a może na Androidzie 00:43:39.190 --> 00:43:40.900 w szczególności, że otwieranie i 00:43:40.900 --> 00:43:42.340 Zamknięcie wysuwany menu, gdy jesteś 00:43:42.340 --> 00:43:44.440 Zmiana treści czyni go posiekać, 00:43:44.440 --> 00:43:46.089 i nie pójdzie gładko, 00:43:46.089 --> 00:43:48.220 to dlatego, że robi zbyt wiele rzeczy w tym samym czasie. 00:43:48.220 --> 00:43:49.630 Więc co możesz zrobić, to 00:43:49.630 --> 00:43:51.835 można ustawić opóźnienie jedną z tych rzeczy. 00:43:51.835 --> 00:43:54.835 Może niech menu zamknąć pierwszy, 00:43:54.835 --> 00:43:56.785 następnie załadować zawartość strony, 00:43:56.785 --> 00:43:59.980 lub odwrotnie, to sposób, aby ominąć to. 00:43:59.980 --> 00:44:03.310 Ale uważaj na próbę zrobić zbyt wiele naraz. 00:44:03.310 --> 00:44:07.210 Sprawiają, że odwracalny spust w odpowiedzi na akcję użytkownika. 00:44:07.210 --> 00:44:08.950 Te rzeczy sprawiają, że zachwycający. 00:44:08.950 --> 00:44:11.110 Gdy użytkownik czuje się jak to 00:44:11.110 --> 00:44:14.455 prawdziwa rzecz w ich rękach Odpowiadając na ich dotyk, 00:44:14.455 --> 00:44:17.560 to bardzo zachwycające, lub Odpowiadając na ich głos, 00:44:17.560 --> 00:44:20.260 lub odpowiadanie na ich lokalizację. 00:44:20.260 --> 00:44:23.440 Wie, że jest świadomy, gdzie są i co robią. 00:44:23.440 --> 00:44:26.095 To naprawdę zachwycające dla ludzi. W porządku. 00:44:26.095 --> 00:44:29.920 Spójrzmy więc na demo. 00:44:29.920 --> 00:44:32.710 Cool, jesteśmy z powrotem w odpowiedniej aplikacji. 00:44:32.710 --> 00:44:35.230 Więc co nie widzisz Ostatni raz był, kiedy 00:44:35.230 --> 00:44:37.990 zbudował go i prowadził go było nadal, że ekran logowania, 00:44:37.990 --> 00:44:39.820 co było super dziwne, ponieważ nie było to 00:44:39.820 --> 00:44:42.190 nawet kod, który budynku. 00:44:42.190 --> 00:44:45.190 Więc mam stronę tutaj w 00:44:45.190 --> 00:44:50.360 Moje scenariusze zwane produktem Szczegóły, proszę nie upaść. 00:44:50.460 --> 00:44:54.430 Więc widzisz, że mam Moja animacja załadunku, 00:44:54.430 --> 00:44:55.990 i miejmy nadzieję, że jeśli Internet jest 00:44:55.990 --> 00:44:57.970 zachowuje się mam zamiar uzyskać obraz. 00:44:57.970 --> 00:45:00.770 Och, chodź, możesz to zrobić. 00:45:03.230 --> 00:45:08.290 Weź do, to stara się załadować z Internets. 00:45:08.290 --> 00:45:10.705 Czy mamy Internets? 00:45:10.705 --> 00:45:13.780 Chodź możesz to zrobić. 00:45:13.780 --> 00:45:20.120 Wygląda o wiele lepiej-Hi MOM. 00:45:24.030 --> 00:45:28.870 To było niesamowite. Czułem, że 00:45:28.870 --> 00:45:33.265 podnoszona, ponieważ muzyka dzieje, nie? 00:45:33.265 --> 00:45:36.130 Cóż, nie wiem dlaczego Moja gitara nie ładuje. 00:45:36.130 --> 00:45:37.810 Spójrzmy na XAML wyposażone. 00:45:37.810 --> 00:45:39.790 Mamy Hot reload iść dalej i możemy zająć chwilę, aby spojrzeć na 00:45:39.790 --> 00:45:43.090 XAML. W porządku. 00:45:43.090 --> 00:45:46.105 Więc mam dużo XAML tutaj ty-wszystko, bo jak powiedziałem, 00:45:46.105 --> 00:45:48.640 Starałem się pozostać w języku XAML, jak 00:45:48.640 --> 00:45:52.465 można korzystać z gorących Załaduj ponownie i nie idź do innych miejsc. 00:45:52.465 --> 00:45:56.200 Więc pierwszą rzeczą, którą będziesz prawdopodobnie zawiadomienie jako Święty bzdura. 00:45:56.200 --> 00:45:58.235 Istnieje wiele XML ins. 00:45:58.235 --> 00:46:01.185 To wszystkie przestrzenie nazw. 00:46:01.185 --> 00:46:03.000 Mam wiele plików w każdym miejscu. 00:46:03.000 --> 00:46:06.060 Jak powiedziałem, używam to łatwe ładowanie rzeczy. 00:46:06.060 --> 00:46:09.030 To jest moja strona, dla której muszę 00:46:09.030 --> 00:46:10.470 bind na coś z jakiegoś powodu 00:46:10.470 --> 00:46:11.640 Nie pamiętam, dlaczego mam to, 00:46:11.640 --> 00:46:13.730 ale to musi być naprawdę ważne. 00:46:13.730 --> 00:46:15.700 W tym konkretnym przypadku 00:46:15.700 --> 00:46:18.280 Ukrywam kilka rzeczy powłoki, bo 00:46:18.280 --> 00:46:21.565 just dont ' potrzeba ono tutaj pod kątem celów tego demo, 00:46:21.565 --> 00:46:24.220 i wtedy oczywiście zmuszam 00:46:24.220 --> 00:46:26.935 kilka stylów tutaj dla również w celach demonstracyjnych. 00:46:26.935 --> 00:46:29.965 Jestem ustawienie kontekstu powiązania tutaj w języku XAML. 00:46:29.965 --> 00:46:31.765 Nie wiem, czy to jest dla Ciebie powszechną praktyką. 00:46:31.765 --> 00:46:34.330 Im ' czysty ten prace na zewnątrz całkiem dobrze z Shell, 00:46:34.330 --> 00:46:38.680 i Shell został zaprojektowany z Ten wzór na uwadze, że można umieścić, 00:46:38.680 --> 00:46:40.390 Uważam, że nie powinien rozmawiać o Shell zbyt wiele. 00:46:40.390 --> 00:46:42.295 Shane ma sesję później dzisiaj na Shell. 00:46:42.295 --> 00:46:44.150 Idź zobaczyć dyskusja Shane na skorupce. 00:46:44.150 --> 00:46:46.710 To będzie wielki każdy splajn Idę do ręki Shane prawo. 00:46:46.710 --> 00:46:49.360 Myślę, że to tutaj, to powinno być tutaj. 00:46:50.210 --> 00:46:53.250 Tak więc oczywiście w moich zasobach, 00:46:53.250 --> 00:46:55.920 Mam w zasadzie nic ustawić dla niektórych animacji. 00:46:55.920 --> 00:46:57.200 Zadeklarowałem. 00:46:57.200 --> 00:47:01.825 Używam ZAM animacji od Javier Suarez Ruiz. 00:47:01.825 --> 00:47:05.230 On jest na Via smack zespołu i jest w Hiszpanii. 00:47:05.230 --> 00:47:07.720 Więc robi kilka naprawdę ładne przykłady online. 00:47:07.720 --> 00:47:10.090 Jeśli kiedykolwiek go spojrzeć go Myślę, że ma 00:47:10.090 --> 00:47:13.015 Xamarin awesome lub Niektórzy GitHub tak. 00:47:13.015 --> 00:47:15.070 Wiem, że mamy parę dzisiejszych czasów. 00:47:15.070 --> 00:47:17.350 Więc sprawdzić, że obecnie kilka naprawdę dobrych przykładów. 00:47:17.350 --> 00:47:20.440 Mam więc kilka wstępnie zbudowane animacje tutaj. 00:47:20.440 --> 00:47:22.585 Ten jeden jest CarouselFadeOut. 00:47:22.585 --> 00:47:25.960 Jest to NavBarFadeOut, CarouselFadeIn, 00:47:25.960 --> 00:47:29.230 FakeNavBar, chyba nie powinienem nazwać FakeNavBar. 00:47:29.230 --> 00:47:34.370 Powinienem być jak Dave'sNavBar i jak to nie jest fałszywy to prawdziwe. 00:47:34.860 --> 00:47:38.065 Więc oczywiście mam moją siatkę, 00:47:38.065 --> 00:47:40.750 a następnie obraz u góry jest 00:47:40.750 --> 00:47:44.050 Ten facet tutaj, tym CarouselView. 00:47:44.050 --> 00:47:47.425 Więc gdzie są moje obrazy? 00:47:47.425 --> 00:47:51.430 Oni są tutaj. Co to jest źle z Tobą obraz? 00:47:51.430 --> 00:47:54.860 Spójrz na ten niesamowity URL. 00:47:55.020 --> 00:47:57.640 Wiem, że po prostu patrzę, 00:47:57.640 --> 00:47:59.995 Jestem zakochany w gitar teraz. 00:47:59.995 --> 00:48:02.185 Mogę sterować moją klawiaturą. 00:48:02.185 --> 00:48:04.045 Widziałem to zdjęcie Ta gitara kopalni, 00:48:04.045 --> 00:48:06.430 to, co idę do wykorzystania w moim demo. 00:48:06.430 --> 00:48:08.950 Upewnijmy się tylko, że obraz nawet istnieje. 00:48:08.950 --> 00:48:11.780 To istnieje, jaki jest Twój problem? 00:48:12.000 --> 00:48:15.950 Zobaczmy, czy mogę go bump. 00:48:19.470 --> 00:48:30.025 Tak. Człowiek, Android bajtów znowu zrobimy to. 00:48:30.025 --> 00:48:38.605 Nie boję. Zaktualizujmy Visual Studio już teraz. W porządku. 00:48:38.605 --> 00:48:40.990 Nie, nie zamierzam tego robić. 00:48:40.990 --> 00:48:42.640 Mam trochę glitch gdzie 00:48:42.640 --> 00:48:44.290 nie lubi zaczynać Emulator z 00:48:44.290 --> 00:48:48.160 Visual Studio już teraz. Nie chcę wiedzieć. 00:48:48.160 --> 00:48:51.400 Mam też naprawdę dziwne glitch 00:48:51.400 --> 00:48:53.770 gdzie funkcja Hyper-V jest faktycznie wolniej niż HAXM. 00:48:53.770 --> 00:48:55.720 Czy ktoś ma to się dzieje? 00:48:55.720 --> 00:48:58.370 Czy to Twoje doświadczenie? 00:48:59.160 --> 00:49:01.960 Cool. W porządku. 00:49:01.960 --> 00:49:05.065 Ponowne uruchomienie emulatora. 00:49:05.065 --> 00:49:06.940 Dlatego lubię wykonywania transmisji strumieniowej na żywo. 00:49:06.940 --> 00:49:10.090 Jest o wiele bardziej niski klucz i jesteś jak praca przez te rzeczy. 00:49:10.090 --> 00:49:12.130 To wszystko jest dobre. Ja nie 00:49:12.130 --> 00:49:14.780 muszą być tutaj wszystko ładnie dla Ciebie. 00:49:15.690 --> 00:49:19.760 W porządku. To się zaczęło. To było bardzo szybko. 00:49:19.800 --> 00:49:23.590 Czy rzeczywiście żyje lub jest to mrożone cool jest na żywo. 00:49:23.590 --> 00:49:25.465 Wszystkie prawa, ponowne rozmieszczanie. 00:49:25.465 --> 00:49:27.160 Więc teraz mówisz że mam zamiar dostać 00:49:27.160 --> 00:49:30.835 mój obraz, który mówi, że jestem zamiar uzyskać obraz. 00:49:30.835 --> 00:49:35.365 Para ludzie wahliwie mówiąc tak jedna bardzo kompetentna osoba. 00:49:35.365 --> 00:49:40.765 Większość z was jest jak sądzę być może, to było zbyt szybko. 00:49:40.765 --> 00:49:44.240 I nie jestem zwykle to będzie o wiele wolniej. 00:49:52.170 --> 00:49:55.390 Również dlatego lubię robić strumieniowanie na żywo 00:49:55.390 --> 00:49:59.470 kodowanie na żywo, ponieważ y'all dostać mi pomóc. 00:49:59.470 --> 00:50:01.870 W porządku. Cool. Więc Oto co się dzieje. 00:50:01.870 --> 00:50:03.460 Będę trochę wolniej przewijać. 00:50:03.460 --> 00:50:07.720 Widzisz paralaksy będzie tam z, tak. 00:50:07.720 --> 00:50:11.080 Wtedy widzisz, że mam NavBar i NavBar. 00:50:11.080 --> 00:50:14.470 Jak wstać tutaj do góry obraz zanika 00:50:14.470 --> 00:50:18.580 Boom, a następnie mój NavBar zanika. 00:50:18.580 --> 00:50:24.340 Więc oto here's Hard sposób do tego przejścia NavBar. 00:50:24.340 --> 00:50:26.515 Trudno jest powiedzieć, 00:50:26.515 --> 00:50:28.480 "Zamierzam zrobić wszystko, co działa. 00:50:28.480 --> 00:50:30.190 Zamierzam tylko jeden przycisk Wstecz. 00:50:30.190 --> 00:50:31.480 Mam zamiar mieć jeden przycisk zoom. 00:50:31.480 --> 00:50:33.175 Zamierzam mieć jeden przycisk koszyka zakupów. 00:50:33.175 --> 00:50:34.300 Mam zamiar mieć jedno tło, 00:50:34.300 --> 00:50:36.070 i mam zamiar zrobić wszystkie te tłumaczenia 00:50:36.070 --> 00:50:37.840 się ". To jest trudna droga. 00:50:37.840 --> 00:50:39.715 Łatwym sposobem jest powiedzieć, 00:50:39.715 --> 00:50:42.580 "Zamierzam mieć pierwszy stan, a następnie jestem po prostu 00:50:42.580 --> 00:50:46.045 zamiar utworzyć inny NavBar i wyblakłe i na wierzchu, 00:50:46.045 --> 00:50:48.565 i wszyscy idą zrobić to samo. 00:50:48.565 --> 00:50:51.490 Zaufaj mi znacznie łatwiej. 00:50:51.490 --> 00:50:53.320 Tak to rzeczywiście co się tam dzieje, 00:50:53.320 --> 00:50:55.135 i w zasadzie jak przewijać się, 00:50:55.135 --> 00:50:58.135 Dostałam się do pewnego punktu i wyzwala tę animację. 00:50:58.135 --> 00:51:00.700 Więc używam zdarzenia wyzwalaczy i używam 00:51:00.700 --> 00:51:03.760 wyzwalaczy danych i również za pomocą powiązań. 00:51:03.760 --> 00:51:07.255 Więc do przewijania paralaksy 00:51:07.255 --> 00:51:09.655 ponieważ to, co jestem ma być mówienie, 00:51:09.655 --> 00:51:13.045 Mam wszystko w środku ScrollerView. 00:51:13.045 --> 00:51:16.165 Widać, że ScrollerView jest widokiem niestandardowym. 00:51:16.165 --> 00:51:18.940 To tylko widok przewijania, na którym 00:51:18.940 --> 00:51:21.790 mają odsłonięte właściwości przewijania, 00:51:21.790 --> 00:51:28.580 bo tu na karuzeli który jest gitara, 00:51:28.830 --> 00:51:35.725 widzisz, że nie mam danych wyzwalania tłumaczenia. 00:51:35.725 --> 00:51:37.375 Mam ten kod tutaj. 00:51:37.375 --> 00:51:40.810 Tłumaczę pozycję Y karuzeli. 00:51:40.810 --> 00:51:42.850 Tak jak ja zwitek w górze, 00:51:42.850 --> 00:51:44.350 mój karuzela porusza. 00:51:44.350 --> 00:51:46.045 Moje ruchy gitarowe. 00:51:46.045 --> 00:51:49.420 Więc jestem wiążący dla procent przewijania, który jest 00:51:49.420 --> 00:51:53.080 tylko nieruchomość I narażone wyłączyć ScrollerView. 00:51:53.080 --> 00:51:55.555 Potem znowu mam konwerter tutaj, 00:51:55.555 --> 00:51:57.010 i używam tego. 00:51:57.010 --> 00:51:59.950 Jest to miły mały trick że Stephen pokazał mi. 00:51:59.950 --> 00:52:02.650 Może to nie jest trick. Jestem tylko przy użyciu parametrów. 00:52:02.650 --> 00:52:04.300 Mam możliwość, ponieważ 00:52:04.300 --> 00:52:07.030 Czasami chcesz przejść więcej niż jeden parametr. 00:52:07.030 --> 00:52:12.820 Więc jestem po prostu przekazując ciąg z ogranicznikiem średnika, 00:52:12.820 --> 00:52:15.610 i mogę przejść tyle, ile chcę. 00:52:15.610 --> 00:52:20.095 Więc przechodzę czynnik tego, co chciałem zrobić, 00:52:20.095 --> 00:52:23.215 wartość minimalną, wartość maksymalną. 00:52:23.215 --> 00:52:25.420 Czy to prawda czy fałsz. 00:52:25.420 --> 00:52:27.580 Nie pamiętam, co tego mienia, 00:52:27.580 --> 00:52:30.730 i wtedy nawet nie pamiętam co, że jeden był dla. 00:52:30.730 --> 00:52:34.915 Tak, ale rzeczą jest to, że bo to wszystko tam teraz, 00:52:34.915 --> 00:52:37.855 Nie muszę wracać i dalej C# zmienić cokolwiek. 00:52:37.855 --> 00:52:39.775 Nie muszę wracać do kod za karą. 00:52:39.775 --> 00:52:43.030 Mogę po prostu dostosować te wartości i Załaduj ponownie i Załaduj ponownie. 00:52:43.030 --> 00:52:45.790 Więc mogę wziąć to i mogę powiedzieć: "OK. 00:52:45.790 --> 00:52:51.040 Mamy zamiar zrobić tylko jeden i uratować ów, 00:52:51.040 --> 00:52:55.375 Załaduj ponownie stronę i teraz to idzie w złym kierunku. " 00:52:55.375 --> 00:52:57.160 Tak to jest jak Oh Dave jesteś 00:52:57.160 --> 00:52:59.230 Moron masz zamiar mieć odbudować to wszystko. 00:52:59.230 --> 00:53:01.960 Nr. Nie odbudowujemy. 00:53:01.960 --> 00:53:03.970 To Twój cel, a cały cel jest 00:53:03.970 --> 00:53:06.460 Deweloper jest teraz do zatrzymania przebudowy. 00:53:06.460 --> 00:53:07.990 Więc co mogę ewentualnie 00:53:07.990 --> 00:53:10.390 czynić wobec zrobić ten rzecz zrobić coś innego? 00:53:10.390 --> 00:53:14.995 Więc teraz przeładować Reload. 00:53:14.995 --> 00:53:16.525 Czasami nie nawet wiedzieć o przeładować. 00:53:16.525 --> 00:53:19.675 Spójrz na to, że teraz jest mysz-jak jestem gonić go, 00:53:19.675 --> 00:53:21.895 a to nie efekt chcesz albo to jest. 00:53:21.895 --> 00:53:24.790 Więc po prostu trzyma szczypanie to i okazało się, że 00:53:24.790 --> 00:53:28.465 negatywny czynnik 10 wydaje się do pracy całkiem dobrze, 00:53:28.465 --> 00:53:30.880 a teraz dostałam moją miłą transformację. 00:53:30.880 --> 00:53:35.275 Teraz jeszcze jedno zauważysz, że 00:53:35.275 --> 00:53:39.370 Nie wiem, czy można to zobaczyć ale widzisz, jak to poszło na biało. 00:53:39.370 --> 00:53:43.540 Ale moje tło jest rzeczywiście jak szary kolor. 00:53:43.540 --> 00:53:45.790 Ja rzeczywiście mieć pewien inny pudło pod kątem 00:53:45.790 --> 00:53:47.665 siedząc za CarouselView. 00:53:47.665 --> 00:53:49.510 Więc mogę zanikać CarouselView, 00:53:49.510 --> 00:53:52.000 ale trzymaj go na białym tle. 00:53:52.000 --> 00:53:54.385 Więc to robi kilka fajnych rzeczy tam. 00:53:54.385 --> 00:53:56.410 Więc sporo rzeczy dzieje się tutaj. 00:53:56.410 --> 00:53:59.560 Teraz, tak naprawdę nie pokazać, jak łatwo 00:53:59.560 --> 00:54:02.755 ładowania ekranu. 00:54:02.755 --> 00:54:08.485 Tak, aby wrócić prawdziwy szybki produkt Szczegóły tej części prawa. 00:54:08.485 --> 00:54:11.065 Pokażę Ci, jak to działa naprawdę szybko. 00:54:11.065 --> 00:54:13.555 tak człowiek, nie jestem rzucenie. 00:54:13.555 --> 00:54:15.205 Idziemy na to. 00:54:15.205 --> 00:54:17.245 Jedziemy za to. Czy ty, 00:54:17.245 --> 00:54:18.790 Mam na myśli, jestem Kramer pojawiają się człowiek. 00:54:18.790 --> 00:54:21.100 Jedziemy do końca linii. 00:54:21.100 --> 00:54:23.845 Nie jestem tylko żartuję. Jestem do pakowania. Jestem zawijania. 00:54:23.845 --> 00:54:26.650 To jest Ostatnia Demonstracja demo bonus. 00:54:26.650 --> 00:54:29.560 To wszystko jest dobre. Po prostu daj każdemu inne przytulić i być w porządku. 00:54:29.560 --> 00:54:36.235 Więc to w Brandon, 00:54:36.235 --> 00:54:40.265 jesteście ty trudny wobec Boo mi poza sceną przychodzą na ludzi, 00:54:40.265 --> 00:54:42.310 teraz tylko żartuję, jestem prawie zrobione. 00:54:42.310 --> 00:54:46.270 Tak naprawdę wszystko, co robisz, to robisz. 00:54:46.270 --> 00:54:48.010 Podaj szablon ładowania. 00:54:48.010 --> 00:54:50.350 Teraz nie wiem wpływ na wydajność. 00:54:50.350 --> 00:54:52.060 Więc przebieg może się różnić, 00:54:52.060 --> 00:54:53.605 ale dość dużo tylko fałszywe 00:54:53.605 --> 00:54:57.780 zawartość, którą jesteś będzie wyświetlana. 00:54:57.780 --> 00:54:59.805 Następnie należy powiązać 00:54:59.805 --> 00:55:02.520 Ta dołączona właściwość ładuje się do czegoś. 00:55:02.520 --> 00:55:04.250 Więc nie jest zajęty, 00:55:04.250 --> 00:55:07.480 i pewnie wszyscy macie w jego zajęty w modelach widoku. 00:55:07.480 --> 00:55:08.980 To jest dość dużo. 00:55:08.980 --> 00:55:10.885 Ten kod jest wszystko w górze u mój GitHub. 00:55:10.885 --> 00:55:12.250 Jest jeszcze jedna rzecz. 00:55:12.250 --> 00:55:15.430 Będę cię wskazać, to w moje slajdy, bo myślę 00:55:15.430 --> 00:55:18.985 że jest to naprawdę wielki zasób, aby wyewidencjonować. 00:55:18.985 --> 00:55:23.150 W tym celu należy wyświetlić tę akcję. 00:55:24.240 --> 00:55:28.510 Więc Kym Phillpotts, którzy działa na MS uczyć, 00:55:28.510 --> 00:55:30.910 formerly Xamarin University ma 00:55:30.910 --> 00:55:33.280 był Twitch Streaming jego przykładów. 00:55:33.280 --> 00:55:34.705 To jest taki, który zrobił. 00:55:34.705 --> 00:55:37.075 Myślę, że to szalony dobry. 00:55:37.075 --> 00:55:39.090 I może, robisz tego rodzaju rzeczy, 00:55:39.090 --> 00:55:41.345 twój szef będzie Aby dać Ci podbicie. 00:55:41.345 --> 00:55:44.155 Poważnie, spójrz na to. 00:55:44.155 --> 00:55:46.270 Więc sprawdzić jego rzeczy się. 00:55:46.270 --> 00:55:51.265 To demo jest na jego GitHub jak również kilka innych. 00:55:51.265 --> 00:55:55.180 Animacja może być naprawdę miły dotyk na szczycie wszystkiego. 00:55:55.180 --> 00:55:57.340 Ale jest wiele inne podstawowe rzeczy 00:55:57.340 --> 00:55:58.795 można dbać o. Tak i tak. 00:55:58.795 --> 00:56:01.750 Dziękuję bardzo za poświęcony czas do słuchania moich żartów. 00:56:01.750 --> 00:56:04.040 Mam nadzieję, że czegoś nauczyłeś. 00:56:06.000 --> 00:56:08.200 Każdy pobyt. 00:56:08.200 --> 00:56:10.000 MUZYKI