WEBVTT 00:00:00.000 --> 00:00:02.715 >> Witam wszystkich. Jestem Olia. 00:00:02.715 --> 00:00:05.310 Jestem menedżerem programu on.NET teamem. 00:00:05.310 --> 00:00:08.355 Super podekscytowany, aby być części tego wydarzenia. 00:00:08.355 --> 00:00:10.980 Będę z wami przez cały dzień dzisiaj 00:00:10.980 --> 00:00:14.610 wprowadzenie głośników i z Jamesem. 00:00:14.610 --> 00:00:18.930 Właśnie usłyszeliśmy niesamowite keynote, bardzo inspirujące. 00:00:18.930 --> 00:00:21.585 Teraz jestem bardzo podekscytowany, aby przedstawić 00:00:21.585 --> 00:00:24.720 naszych następnych mówców, Javiera i Geralda. 00:00:24.720 --> 00:00:29.230 Będą rozmawiać na temat wizualizacji danych. 00:00:29.390 --> 00:00:32.340 >> Witam. Tak, oto jesteśmy. 00:00:32.340 --> 00:00:33.790 >> Witam. 00:00:34.070 --> 00:00:37.640 >> Dziękuję bardzo. Więc niech 00:00:37.640 --> 00:00:40.580 ja po prostu wejść bezpośrednio i udostępnij mój ekran. 00:00:40.580 --> 00:00:44.330 Proszę bardzo, aby rozpoczęto tę sesję. 00:00:44.330 --> 00:00:47.105 Więc tak, jak już wspomniano, 00:00:47.105 --> 00:00:50.060 porozmawiamy o dziś wizualizacja danych, 00:00:50.060 --> 00:00:51.965 więc porozmawiamy informacje o CollectionView, 00:00:51.965 --> 00:00:54.725 CarouselView, para innych rzeczy. 00:00:54.725 --> 00:00:57.110 Myślę, że David i Maddy 00:00:57.110 --> 00:01:00.290 podzieliły się już niektórymi dobroci, którą pokażemy. 00:01:00.290 --> 00:01:02.720 Dołożymy jednak wszelkich starań, aby daje trochę więcej 00:01:02.720 --> 00:01:05.375 głębokiego nurkowania i pokazać, co 00:01:05.375 --> 00:01:08.000 jest rzeczywiście możliwe w wszystkie te niesamowite kontrole 00:01:08.000 --> 00:01:11.195 które są w xamarin Formularze dostępne już dziś. 00:01:11.195 --> 00:01:13.055 Więc to my, 00:01:13.055 --> 00:01:17.080 wtedy przynajmniej będziesz wiedział kogo będziesz słuchać. 00:01:17.080 --> 00:01:22.085 Nazywam się Gerald Versluis z Holandii, 00:01:22.085 --> 00:01:23.840 i mój dobry przyjaciel Javier, 00:01:23.840 --> 00:01:28.280 oboje jesteśmy częścią platformy Xamarin Zespół Formularzy, Inżynierowie Oprogramowania. 00:01:28.280 --> 00:01:31.070 Więc tak, tworzymy niektóre z rzeczy 00:01:31.070 --> 00:01:34.490 że, miejmy nadzieję, cieszyć się przy użyciu. 00:01:34.490 --> 00:01:37.280 Dziś porozmawiamy o tych rzeczach w zasadzie. 00:01:37.280 --> 00:01:39.245 Mamy wiele do pokrycia. 00:01:39.245 --> 00:01:42.620 Więc będziemy mieli dużo różnych dema łączących 00:01:42.620 --> 00:01:46.495 wszystkie te niesamowite kontrole i Funkcje. Więc staraj się nadążyć. 00:01:46.495 --> 00:01:47.690 W razie jakichkolwiek pytań, 00:01:47.690 --> 00:01:49.340 skontaktuj się z nami, 00:01:49.340 --> 00:01:51.470 chętnie odpowiemy na wszelkie pytania. 00:01:51.470 --> 00:01:53.810 Javier i ja przełączymy kilka razy. 00:01:53.810 --> 00:01:55.430 Więc jeśli widzisz ekran 00:01:55.430 --> 00:01:57.470 migotanie lub cokolwiek inaczej zabawne dzieje, 00:01:57.470 --> 00:01:58.940 nie martw się, to my wszyscy, 00:01:58.940 --> 00:02:01.775 to nie ty. Zaczynajmy. 00:02:01.775 --> 00:02:04.475 Porozmawiam trochę o CollectionView pierwszy, 00:02:04.475 --> 00:02:07.025 i Javier przejmie. 00:02:07.025 --> 00:02:10.250 Tak, tak jak powiedziałem, kilka razy. 00:02:10.250 --> 00:02:13.055 Tak więc za każdym razem, gdy słyszysz piękny hiszpański akcent, 00:02:13.055 --> 00:02:15.180 następnie Javier przejął. 00:02:16.660 --> 00:02:19.265 Zacznijmy od CollectionView. 00:02:19.265 --> 00:02:20.960 CollectionView jest w zasadzie 00:02:20.960 --> 00:02:23.285 duchowego następcy z listView. 00:02:23.285 --> 00:02:29.155 ListView wszyscy wiemy lub ty wiemy i kochamy, wszyscy go wykorzystaliśmy. 00:02:29.155 --> 00:02:31.970 Ale tak, możesz kochać to, można go nienawidzić. 00:02:31.970 --> 00:02:35.105 Faktem jest, że potrzebowaliśmy w zasadzie wszystkie nasze aplikacje. 00:02:35.105 --> 00:02:36.830 Musimy pokazać dane w naszych aplikacjach, 00:02:36.830 --> 00:02:38.960 to jest w zasadzie podstawowe 00:02:38.960 --> 00:02:42.290 każdej aplikacji, której używasz. 00:02:42.290 --> 00:02:45.230 Ale tak, nie ma było kilka rzeczy z 00:02:45.230 --> 00:02:47.990 Widok listy, który można ulepszyć. 00:02:47.990 --> 00:02:50.615 Dlatego wpadliśmy na z najnowszym widokiem. 00:02:50.615 --> 00:02:52.940 Wzięliśmy wszystkie wnioski z 00:02:52.940 --> 00:02:56.390 widok listy i umieścić go do tej nowej kontroli, 00:02:56.390 --> 00:03:01.730 i można użyć tego, aby pokazać wszystkie dane w różnych układach. 00:03:01.730 --> 00:03:03.320 Masz większą elastyczność, 00:03:03.320 --> 00:03:06.545 a przede wszystkim jest to bardziej niż kiedykolwiek wcześniej. 00:03:06.545 --> 00:03:11.045 Więc można zobaczyć w dół tutaj trochę próbki, 00:03:11.045 --> 00:03:13.500 gdzie można zdefiniować widok kolekcji. 00:03:13.500 --> 00:03:15.680 To wszystko działa oczywiście w XAML i 00:03:15.680 --> 00:03:19.580 kodować tak jak jesteś z formularzy xamarin. 00:03:19.580 --> 00:03:23.150 Można określić źródło towaru podobnie jak na LiścieView. 00:03:23.150 --> 00:03:26.480 Ale teraz możesz również określić układ elementów. 00:03:26.480 --> 00:03:27.500 Więc można określić, 00:03:27.500 --> 00:03:29.900 czy chcesz go pionowo lub poziome, 00:03:29.900 --> 00:03:33.710 i można również powiedzieć, czy może chcesz mieć go w siatce. 00:03:33.710 --> 00:03:35.990 Więc tak, jest już 00:03:35.990 --> 00:03:39.020 pewną elastyczność, którą można zobaczyć dzieje się tutaj. 00:03:39.020 --> 00:03:41.180 To są wszystkie rzeczy, które możesz 00:03:41.180 --> 00:03:44.060 używać dzisiaj po wyjęciu z pudełka z CollectionView. 00:03:44.060 --> 00:03:45.470 Jeśli więc mamy powiązania danych, 00:03:45.470 --> 00:03:47.480 następnie można użyć szablonów danych, 00:03:47.480 --> 00:03:49.670 selektory szablonów oczywiście. 00:03:49.670 --> 00:03:51.275 Można użyć różnych układów. 00:03:51.275 --> 00:03:55.175 Po prawej stronie można zobaczyć na przykład układ siatki. 00:03:55.175 --> 00:03:57.170 Można użyć wyboru elementów, 00:03:57.170 --> 00:03:59.630 więc możesz kliknąć jeden element w 00:03:59.630 --> 00:04:03.840 collectionView i Collection zrób swoją magię na tym. 00:04:03.840 --> 00:04:06.290 Można przejść do szczegółowy widok stamtąd. 00:04:06.290 --> 00:04:07.715 Mamy pusty widok. 00:04:07.715 --> 00:04:09.875 Więc kiedy tylko można mieszać to z 00:04:09.875 --> 00:04:13.370 pasek wyszukiwania i nie ma wyniki akcji wyszukiwania, 00:04:13.370 --> 00:04:16.400 możesz wyskoczyć z tej pustej widok bez potu. 00:04:16.400 --> 00:04:20.840 Nie musisz wymieniać się żadnymi widoków we własnym drzewie wizualnym. 00:04:20.840 --> 00:04:23.510 Możesz to zrobić bezpośrednio z CollectionView. 00:04:23.510 --> 00:04:25.715 Poprawiliśmy również przewijanie. 00:04:25.715 --> 00:04:28.430 Więc masz teraz wydarzenie z dużą ilością informacji. 00:04:28.430 --> 00:04:30.920 Można określić, jak szybko ktoś przewija, 00:04:30.920 --> 00:04:32.390 w jaki sposób przewijają się, 00:04:32.390 --> 00:04:34.865 i będziemy również mieć , aby przewinąć do metody. 00:04:34.865 --> 00:04:36.770 Dzięki czemu można łatwo przewinąć do 00:04:36.770 --> 00:04:38.900 w pewnym momencie widok kolekcji. 00:04:38.900 --> 00:04:42.530 To tylko kilka rzeczy które wdrożyliśmy w 00:04:42.530 --> 00:04:46.730 ta niesamowita nowa kontrola, która jest Xamarin Forms w tej chwili. 00:04:46.730 --> 00:04:51.695 Więc po prostu szybko wskoczmy do Visual Studio i pokaż kilka wersji demonstracyjnych. 00:04:51.695 --> 00:04:55.450 Mam nadzieję, że idziemy. 00:04:55.450 --> 00:04:57.530 Więc tutaj mamy Visual Studio dla komputerów Mac. 00:04:57.530 --> 00:04:59.750 Jeśli nie widziałeś go wcześniej, 00:04:59.750 --> 00:05:03.155 można po prostu użyć visual Studio na Macu już teraz. 00:05:03.155 --> 00:05:06.140 Po prostu zacznijmy w jakieś wizualne demo. 00:05:06.140 --> 00:05:09.505 Więc mam iOS emulatora otwiera się tutaj. 00:05:09.505 --> 00:05:12.575 Javier i ja stworzyliśmy trochę przykładowej aplikacji. 00:05:12.575 --> 00:05:17.330 Pamiętajcie, że to dema są zaczerpnięte z naszej aplikacji galerii, 00:05:17.330 --> 00:05:19.430 który jest częścią Repozytorium formularzy xamarin, 00:05:19.430 --> 00:05:21.350 gdzie przeprowadzamy wszystkie nasze testy. 00:05:21.350 --> 00:05:25.160 Więc to może nie musi być piękna aplikacja, 00:05:25.160 --> 00:05:27.350 ale jest funkcjonalny, a my 00:05:27.350 --> 00:05:30.290 niektóre piękniejsze próbki, aby pokazać. 00:05:30.290 --> 00:05:33.620 Możesz stylizować to w dowolny sposób na koniec tej sesji. 00:05:33.620 --> 00:05:37.160 Więc nie należy mylić, jeśli nie wygląda zupełnie niesamowicie, 00:05:37.160 --> 00:05:39.920 ale skup się na tym, co funkcjonalnie dzieje się tutaj. 00:05:39.920 --> 00:05:42.320 Więc w zasadzie przyjęliśmy program, 00:05:42.320 --> 00:05:43.490 a oto wszystkie różne rzeczy, 00:05:43.490 --> 00:05:44.630 mamy CollectionView, 00:05:44.630 --> 00:05:48.185 CarouselView, IndicatorView i wszystkie rzeczy. 00:05:48.185 --> 00:05:51.445 Ale chodźmy z CollectionView już teraz. 00:05:51.445 --> 00:05:55.845 Jak już wspomniałem, możesz po prostu iść z 00:05:55.845 --> 00:05:59.600 zbiór ciągów mamy tu rację. 00:05:59.600 --> 00:06:01.310 To jest to. 00:06:01.310 --> 00:06:03.110 To tylko zbiór ciągów. 00:06:03.110 --> 00:06:05.840 Podłączyć, że aż do źródło i wysięgnik, 00:06:05.840 --> 00:06:08.505 masz CollectionView za pomocą sznurków. 00:06:08.505 --> 00:06:10.490 Jak widać, jest to również 00:06:10.490 --> 00:06:13.130 z wyborem włączonych możliwości. 00:06:13.130 --> 00:06:15.560 Więc można wybrać elementy tutaj, 00:06:15.560 --> 00:06:17.630 i na podstawie wybranego zdarzenia lub 00:06:17.630 --> 00:06:19.865 polecenie, które można podłączyć do tego, 00:06:19.865 --> 00:06:23.160 można przejść do następnego ekranu. 00:06:23.360 --> 00:06:26.990 Jak widać, istnieje wiele rzeczy tutaj, 00:06:26.990 --> 00:06:30.005 więc prawdopodobnie chcesz sprawdź to dla siebie. 00:06:30.005 --> 00:06:32.944 Wszystkie funkcje są 00:06:32.944 --> 00:06:35.630 na liście i można mieć zabawy z tym. 00:06:35.630 --> 00:06:38.990 Tak więc większość z tych rzeczy mają również różne różnice w 00:06:38.990 --> 00:06:42.800 kod w może XAML i poziome, pionowe. 00:06:42.800 --> 00:06:45.845 Tak jak powiedziałem, jest to również wykorzystywane do uruchamiania naszych testów. 00:06:45.845 --> 00:06:47.660 Jest tu wiele rzeczy. 00:06:47.660 --> 00:06:49.220 Inna sprawa, że Chcę ci pokazać 00:06:49.220 --> 00:06:51.590 tutaj, że łączy to w sobie kilka rzeczy, które 00:06:51.590 --> 00:06:55.265 Rozmawiałem wcześniej jest selektor szablonu danych. 00:06:55.265 --> 00:06:59.765 Więc ten szablon wybiera zawsze, gdy jest to dzień powszedni. 00:06:59.765 --> 00:07:02.780 Używa szablonu do plus z jakiegoś powodu. 00:07:02.780 --> 00:07:07.400 Za każdym razem, gdy jest weekend, zobacz tę inną ikonę tutaj. 00:07:07.400 --> 00:07:10.490 Powtarza się to powtarza kilka razy. 00:07:10.490 --> 00:07:12.140 Ale można łatwo filtrować to. 00:07:12.140 --> 00:07:14.660 Więc jeśli po prostu pójdę na poniedziałek, 00:07:14.660 --> 00:07:16.580 odkrycie nie jest tak naprawdę zoptymalizowane, 00:07:16.580 --> 00:07:17.970 więc to zajmuje trochę, 00:07:17.970 --> 00:07:19.670 i powinienem nacisnąć "Enter", 00:07:19.670 --> 00:07:21.320 zobaczysz wszystkie poniedziałki. 00:07:21.320 --> 00:07:24.200 Jeśli szukamy czegoś to nie jest tutaj, 00:07:24.200 --> 00:07:26.870 więc w poniedziałek, widać, że jest to 00:07:26.870 --> 00:07:29.720 pusty widok, ponieważ nie mieć żadnych wyników wyszukiwania tutaj. 00:07:29.720 --> 00:07:31.715 Więc będzie wyskoczyć pusty widok, 00:07:31.715 --> 00:07:35.180 i to jest właśnie to, co wyjdąście z pudełka 00:07:35.180 --> 00:07:40.210 za każdym razem, gdy twoja kolekcja nie posiadać jakiekolwiek przedmioty. 00:07:40.210 --> 00:07:43.170 Więc co mamy więcej? Oczywiście to wszystko 00:07:43.170 --> 00:07:45.844 współpracuje z obserwowalnymi kolekcjami. 00:07:45.844 --> 00:07:48.800 Możesz więc po prostu wziąć to i można zobaczyć 00:07:48.800 --> 00:07:52.490 tutaj mamy kilka kontroli na górze. 00:07:52.490 --> 00:07:54.380 Mamy również nagłówki i stopki. 00:07:54.380 --> 00:07:57.410 Myślę, że Javier pokaże trochę o tym. 00:07:57.410 --> 00:07:59.630 Ale tutaj mamy przedmioty, 00:07:59.630 --> 00:08:02.210 a ponieważ jest to obserwowalna kolekcja, 00:08:02.210 --> 00:08:05.300 można zaobserwować wszelkie zmiany, które w tej kolekcji. 00:08:05.300 --> 00:08:07.580 Więc możemy usunąć kilka tutaj, 00:08:07.580 --> 00:08:10.700 i widać, że aktualizuje się automatycznie. 00:08:10.700 --> 00:08:13.970 Zawsze, gdy chcemy wstawić kilka rzeczy, 00:08:13.970 --> 00:08:16.550 będzie tutaj wstawiony u góry. 00:08:16.550 --> 00:08:19.070 Mogę również określić inny indeks do 00:08:19.070 --> 00:08:22.160 włożyć go do innego pozycji, jeśli chcę. 00:08:22.160 --> 00:08:26.705 Więc tak, i mogę również przenieść kilka z tych rzeczy wokół. 00:08:26.705 --> 00:08:32.085 Więc widzicie, że to działa natychmiast. 00:08:32.085 --> 00:08:33.780 Bardzo wydajny, wygląda dobrze, 00:08:33.780 --> 00:08:37.870 ma tę animację zanikania. Wygląda niesamowicie. 00:08:38.820 --> 00:08:41.650 Więc co mamy więcej? Mamy punkty przyciągania. 00:08:41.650 --> 00:08:43.510 To jest również coś wprowadziliśmy. 00:08:43.510 --> 00:08:45.310 Więc jeśli nigdy wcześniej tego nie widziałeś, 00:08:45.310 --> 00:08:47.930 tym razem weźmy pionową listę. 00:08:48.030 --> 00:08:51.310 Punkty przyciągania w zasadzie oznaczają że za każdym razem, gdy przewijasz, 00:08:51.310 --> 00:08:52.690 To znaczy, teraz, to nic nie robi. 00:08:52.690 --> 00:08:53.800 Ale za każdym razem, gdy wybieramy 00:08:53.800 --> 00:08:57.670 punkt przyciągania tutaj i ustawiliśmy go na obowiązkowe, 00:08:57.670 --> 00:09:00.520 wtedy ty zobaczyć kiedykolwiek JA przewijanie tutaj i ustawiłem go na coś, 00:09:00.520 --> 00:09:04.150 przyciąga, aby uzyskać określonego przedmiotu i można 00:09:04.150 --> 00:09:08.275 wpływać na to zachowanie, ustawiając tutaj początek lub środek. 00:09:08.275 --> 00:09:10.240 Więc za każdym razem, gdy ustawiam go do centrum, 00:09:10.240 --> 00:09:11.755 wyśrodkowa element. 00:09:11.755 --> 00:09:14.740 Więc teraz, widzicie tu dwa przedmioty, 00:09:14.740 --> 00:09:16.015 ale teraz zaczynam przewijać, 00:09:16.015 --> 00:09:19.600 i zawsze, gdy nie mam element w środku tutaj, 00:09:19.600 --> 00:09:24.430 upewni się, że zaskoczy do pozycji środkowej. 00:09:24.430 --> 00:09:26.530 Więc to będzie wyglądać piękne w twoich projektach, 00:09:26.530 --> 00:09:28.390 i możesz to zrobić i tak, jak chcesz. 00:09:28.390 --> 00:09:30.940 Można skonfigurować kilka 00:09:30.940 --> 00:09:33.730 rzeczy tutaj, aby to pracy z projektem. 00:09:33.730 --> 00:09:35.500 Więc co mamy więcej? 00:09:35.500 --> 00:09:37.915 Musimy również przewinąć też już wspomniałem. 00:09:37.915 --> 00:09:40.480 Ponownie, wiele opcji tutaj do wyboru. 00:09:40.480 --> 00:09:43.060 Wybierzmy tylko jeden i możemy powiedzieć: "Okej, 00:09:43.060 --> 00:09:46.570 przewiń do indeksu, więc mamy liczba przedmiotów tutaj ponownie", 00:09:46.570 --> 00:09:51.175 jak już wspomniałem, niekoniecznie bardzo ładna, ale to działa. 00:09:51.175 --> 00:09:54.235 Więc jeśli powiem przewiń do i mówię 10, 00:09:54.235 --> 00:09:56.065 co nie jest tutaj widoczne, 00:09:56.065 --> 00:09:57.385 i robię to, 00:09:57.385 --> 00:09:59.845 wtedy upewni się, że przewinięcia do 10. 00:09:59.845 --> 00:10:02.470 Ponieważ ustawiłem przewijanie na pozycji, aby było widoczne, 00:10:02.470 --> 00:10:03.670 to po prostu uczynić go widocznym. 00:10:03.670 --> 00:10:05.065 Więc to będzie na końcu teraz. 00:10:05.065 --> 00:10:07.900 Ale mogę również skonfigurować to tak, aby być na środku startu lub na końcu. 00:10:07.900 --> 00:10:11.275 Więc jeśli ustawię to na start i naciśnij "Go" ponownie, 00:10:11.275 --> 00:10:14.900 upewni się, że element jest prezentowany na początku. 00:10:17.130 --> 00:10:19.450 Co mam więcej? 00:10:19.450 --> 00:10:22.090 [niesłyszalny] , jedziemy aby zobaczyć to później. 00:10:22.090 --> 00:10:23.620 Pusty widok, widzieliśmy już, że 00:10:23.620 --> 00:10:25.510 trochę i wybór, jak również. 00:10:25.510 --> 00:10:28.015 Ale po prostu szybko zanurzyć się w tym jednym. 00:10:28.015 --> 00:10:29.980 Mamy wiele trybów wyboru. 00:10:29.980 --> 00:10:33.550 Możesz więc mieć pojedyncze lub wiele wyborów tutaj lub żaden, 00:10:33.550 --> 00:10:35.320 jest również możliwe. 00:10:35.320 --> 00:10:37.600 Więc teraz mogę wybrać wszystko. 00:10:37.600 --> 00:10:39.580 Ale kiedy ustawiłem go na singiel, 00:10:39.580 --> 00:10:41.320 następnie można wybrać jeden opcji. 00:10:41.320 --> 00:10:43.990 Widać, że działa w układzie siatki, 00:10:43.990 --> 00:10:49.240 i można zobaczyć tutaj wszystkie informacje pochodzące z wydarzenia. 00:10:49.240 --> 00:10:51.520 Możemy również zrobić wiele. 00:10:51.520 --> 00:10:56.860 Więc teraz, widzicie, że mają wybór wielokrotności. 00:10:56.860 --> 00:10:59.230 Chciałbym przejść do kodu tutaj, 00:10:59.230 --> 00:11:02.380 ale widzę, że biorę już od jakiegoś czasu, 00:11:02.380 --> 00:11:06.400 więc myślę, że po prostu oddam go do Javier teraz i Javier 00:11:06.400 --> 00:11:10.360 może następnie pokazać trochę kodu i zagłębić się w to. 00:11:10.360 --> 00:11:12.475 Więc Javier, zabierz go. 00:11:12.475 --> 00:11:16.630 >> Postaram się. Więc niech kontynuować większą liczą pracowników 00:11:16.630 --> 00:11:19.330 o widoku kolekcji, ponieważ w 00:11:19.330 --> 00:11:22.405 fakt, że mamy szalony ilości próbek. 00:11:22.405 --> 00:11:28.900 Więc nie wiem dokładnie, gdzie zostawić próbkę. 00:11:28.900 --> 00:11:31.390 Pozwólcie, że w tym przypadku wykonam 00:11:31.390 --> 00:11:35.720 za pomocą androida, wszystko, co z systemem iOS. Zobaczmy. 00:11:39.360 --> 00:11:42.760 >> Po prostu porozmawiam ci się to działa. 00:11:42.760 --> 00:11:44.980 Wiedziałem, że idziesz , aby pokazać Androida. 00:11:44.980 --> 00:11:46.825 To znaczy, to wszystkie formy xamarin. 00:11:46.825 --> 00:11:49.165 Więc cokolwiek wdrożyliśmy, 00:11:49.165 --> 00:11:52.600 możesz to zrobić na Androidzie, gdy emulator działa i 00:11:52.600 --> 00:11:56.365 można to zrobić na iOS i będzie oba wykazują podobne wyniki. 00:11:56.365 --> 00:12:02.350 Więc tak, dlatego zdecydował się to zrobić na iOS. 00:12:02.350 --> 00:12:07.000 >> Czuję więc, że mam problem z symulatorem. 00:12:07.000 --> 00:12:10.150 Nie wiem, dlaczego tak jest nie działa. Nic? 00:12:10.150 --> 00:12:12.895 >> W porządku. Chcesz mnie po prostu kontynuować? 00:12:12.895 --> 00:12:16.120 >> Tak. Proszę kontynuować z demo. 00:12:16.120 --> 00:12:17.230 >> W porządku. 00:12:17.230 --> 00:12:20.245 >> Popełniłem błąd i przygotowuję się 00:12:20.245 --> 00:12:21.925 wszystkie dema, 00:12:21.925 --> 00:12:23.815 jak godzinę temu, 00:12:23.815 --> 00:12:28.555 Czuję, że może to nie był to najlepszy pomysł. 00:12:28.555 --> 00:12:33.955 >> Nie ma mowy. Po prostu wypełnię czas. 00:12:33.955 --> 00:12:35.305 Daj mi znać, gdy jesteś gotowy. 00:12:35.305 --> 00:12:38.845 Zobaczmy. 00:12:38.845 --> 00:12:40.420 Proszę bardzo. Przepraszamy za 00:12:40.420 --> 00:12:42.370 migające ekrany i wszystko, idziemy. 00:12:42.370 --> 00:12:44.530 Zobaczmy, co mamy tu więcej. 00:12:44.530 --> 00:12:49.555 Więc co można zrobić więcej z widok kolekcji, mamy wybór. 00:12:49.555 --> 00:12:51.220 Można również grupować. 00:12:51.220 --> 00:12:54.250 To jest również coś, co może wiedzieć z widoku listy. 00:12:54.250 --> 00:12:56.815 Więc tutaj mamy kilka grup 00:12:56.815 --> 00:13:00.550 i widzę, że mamy pewne superbohaterów. 00:13:00.550 --> 00:13:04.270 Ma to nagłówek i stopki na grupę. 00:13:04.270 --> 00:13:08.215 Więc tutaj mamy Avengers ze wszystkimi członkami tam 00:13:08.215 --> 00:13:10.480 i fantastyczna czwórka i obrońców 00:13:10.480 --> 00:13:13.135 i wszelkiego rodzaju innych superbohaterów. 00:13:13.135 --> 00:13:16.200 Są one w większości zgrupowane w grupie, 00:13:16.200 --> 00:13:19.350 jak można się spodziewać, co jest również coś, co można zrobić. 00:13:19.350 --> 00:13:20.835 Myślę, że pracujemy 00:13:20.835 --> 00:13:24.120 na faktycznie przyciąganie nagłówki tej grupy tutaj, 00:13:24.120 --> 00:13:27.330 tak, że coś to wciąż nadchodzi. 00:13:27.330 --> 00:13:28.860 Ale przynajmniej masz 00:13:28.860 --> 00:13:31.350 możliwość zrobienia tych grup. 00:13:31.350 --> 00:13:34.005 Można również to zrobić bez żadnych szablonów, 00:13:34.005 --> 00:13:37.990 więc to nie wygląda tak dobrze. 00:13:37.990 --> 00:13:40.150 Javier, masz to i znowu działa, ponieważ 00:13:40.150 --> 00:13:42.310 Po prostu tu pływam. 00:13:42.310 --> 00:13:45.080 Po prostu przejdę do odstępów między przedmiotami. 00:13:45.420 --> 00:13:48.250 Co jest również czymś, co które możesz zrobić. 00:13:48.250 --> 00:13:51.820 Więc użyjmy go z siatki, to zawsze jest dobre. 00:13:51.820 --> 00:13:54.460 W tym miejscu można określić 00:13:54.460 --> 00:13:57.610 ile miejsca powinno być pomiędzy różnymi pozycjami. 00:13:57.610 --> 00:14:02.470 Więc jeśli po prostu zacząć grać tutaj i mówię 10 i zaktualizować odstępy, 00:14:02.470 --> 00:14:04.750 widać, że między kolumnami, 00:14:04.750 --> 00:14:07.230 będzie 10 odstępów. 00:14:07.230 --> 00:14:13.260 Mogę to również zrobić między wierszy, ponieważ jest to widok siatki. 00:14:13.260 --> 00:14:16.775 Więc za każdym razem, gdy to robię, 00:14:16.775 --> 00:14:19.510 wówczas należy również zobacz odstępy tutaj. 00:14:19.510 --> 00:14:21.310 Więc to jest coś które również dadzą Ci 00:14:21.310 --> 00:14:23.230 większą kontrolę nad tym, jak 00:14:23.230 --> 00:14:29.030 wygląd i aby działało z twoim projektem lepiej. 00:14:30.000 --> 00:14:33.520 W porządku. Masz to? 00:14:33.520 --> 00:14:34.600 >> Mogę kontynuować, jeśli chcesz. 00:14:34.600 --> 00:14:36.680 >> W porządku. Tak. 00:14:42.270 --> 00:14:46.810 >> Pozwól mi zamienić ekran. 00:14:46.810 --> 00:14:48.850 Mówił pan o, jak sądzę, 00:14:48.850 --> 00:14:52.585 odstępach, a następnie możemy kontynuować mówić o wszystkich spożywczych, 00:14:52.585 --> 00:14:54.430 jak rozmiar przedmiotu. 00:14:54.430 --> 00:14:57.370 Istnieją różne opcje tutaj, ale ja 00:14:57.370 --> 00:15:00.310 chcesz porozmawiać o pozycji wewnątrz tej strategii, 00:15:00.310 --> 00:15:04.120 podwładna, w której można używać różnych wartości. 00:15:04.120 --> 00:15:07.630 Istnieje wartość, która jest to pierwszy element. 00:15:07.630 --> 00:15:11.290 Oznacza to, że obliczymy rozmiar pierwszego przedmiotu, 00:15:11.290 --> 00:15:15.310 i będziemy używać tego samego rozmiar wszystkich komórek. 00:15:15.310 --> 00:15:18.025 Ale oczywiście istnieją 00:15:18.025 --> 00:15:22.015 opcje obliczania rozmiaru o różnej wielkości, 00:15:22.015 --> 00:15:25.165 jak widać w tej konkretnej próbki, 00:15:25.165 --> 00:15:28.840 sprzedaży różnej wielkości. 00:15:28.840 --> 00:15:30.400 Więc jaka jest różnica? 00:15:30.400 --> 00:15:33.820 Różnica w tym sprawa dotyczy wydajności. 00:15:33.820 --> 00:15:36.985 Jeśli wszystkie komórki mają określona odległość, 00:15:36.985 --> 00:15:41.080 po prostu oblicz, jednorazowo jest coś ciekawego. 00:15:41.080 --> 00:15:43.930 Wtedy, oczywiście, rozmawiali wcześniej. 00:15:43.930 --> 00:15:45.760 Mamy możliwość 00:15:45.760 --> 00:15:48.265 nagłówek i stopka widoku kolekcji. 00:15:48.265 --> 00:15:53.740 Możemy użyć prostych strumieni ale możemy również użyć 00:15:53.740 --> 00:15:57.640 szablonów i możemy 00:15:57.640 --> 00:16:01.495 bezpośrednio łańcuch widoczność nagłówka oraz, 00:16:01.495 --> 00:16:04.190 oczywiście ze stopki. 00:16:05.790 --> 00:16:10.675 Ostatni, i myślę, że że to tylko demo, 00:16:10.675 --> 00:16:12.850 dobrze, [niesłyszalny] wyglądają bardzo, bardzo ładnie, 00:16:12.850 --> 00:16:13.975 ale to jest niesamowite. 00:16:13.975 --> 00:16:17.545 Spójrz na to niesamowita wydajność. 00:16:17.545 --> 00:16:19.990 Chcę zatrzymać się trochę w 00:16:19.990 --> 00:16:22.900 próbki, ponieważ to, co widzimy tutaj jest 00:16:22.900 --> 00:16:26.560 zagnieżdżonej kolekcji i że 00:16:26.560 --> 00:16:29.860 oznacza, że każda rzecz, która 00:16:29.860 --> 00:16:33.220 widzieliśmy wcześniej był użytkownik CollectionView, 00:16:33.220 --> 00:16:36.955 gdzie każdy element jest inny CollectionView. 00:16:36.955 --> 00:16:39.550 Więc zagnieżdżamy te wszystkie Widok kolekcji do utworzenia 00:16:39.550 --> 00:16:44.260 ten układ, w którym prawdopodobnie widziałeś. 00:16:44.260 --> 00:16:47.500 Na przykład multimedia aplikacja, aplikacja do przesyłania strumieniowego, 00:16:47.500 --> 00:16:49.720 i jest bardzo prosty do stworzenia, 00:16:49.720 --> 00:16:53.425 i, tak, to działa bardzo ładnie. 00:16:53.425 --> 00:16:58.060 Myślę, że możemy kontynuować skupić się na CollectionView, 00:16:58.060 --> 00:17:01.570 ale przejdźmy do innej kontroli. 00:17:01.570 --> 00:17:06.775 W takim przypadku CarouselView jest innym bardzo ładne kontroli. 00:17:06.775 --> 00:17:10.720 Jednym z bardzo miłych punktów, które jest 00:17:10.720 --> 00:17:14.515 udostępnianie dużo kodu z CollectionView, 00:17:14.515 --> 00:17:17.530 i domyślnie otrzymujemy wiele funkcji 00:17:17.530 --> 00:17:20.755 z KolekcjiView pracy w CarouselView. 00:17:20.755 --> 00:17:24.730 Ale dajmy trochę czasu 00:17:24.730 --> 00:17:29.965 z Geraldem rozmawiającym o CarouselView z więcej szczegółów. 00:17:29.965 --> 00:17:32.545 >> Cóż, powiedziałeś już wszystko. 00:17:32.545 --> 00:17:36.430 Zobaczymy. Przeskoczmy do CarouselView. 00:17:36.430 --> 00:17:37.960 Więc jak Javier już wspomniano, 00:17:37.960 --> 00:17:41.050 jest zbudowany na górze w zasadzie collectionView. 00:17:41.050 --> 00:17:45.280 Tak więc CarouselView jest 00:17:45.280 --> 00:17:47.334 w zasadzie to, co prawdopodobnie 00:17:47.334 --> 00:17:50.530 wiedzą z internetu i innych popularnych aplikacji. 00:17:50.530 --> 00:17:53.815 Tak więc przez większość czasu po prostu pokaż listę poziomą, która 00:17:53.815 --> 00:17:57.295 slajdy płytek lub tamtego. 00:17:57.295 --> 00:17:59.050 Więc myślę, Że Netflix, mam na myśli, 00:17:59.050 --> 00:18:03.265 wszyscy pracujemy teraz z domu więc wszyscy wiemy, Netflix już. 00:18:03.265 --> 00:18:05.725 Masz te wiersze, w których 00:18:05.725 --> 00:18:07.510 wszystko to CarouselViews gdzie można po prostu 00:18:07.510 --> 00:18:10.060 przewiń wszystkie seriali i filmów, 00:18:10.060 --> 00:18:14.260 a każdy kafelek jest serią lub filmem. 00:18:14.260 --> 00:18:19.150 To wszystko CarouselViews właśnie tam. 00:18:19.150 --> 00:18:21.220 To właśnie również tutaj. 00:18:21.220 --> 00:18:24.040 Możesz zobaczyć trochę próbki na dole. 00:18:24.040 --> 00:18:27.625 Więc to jest w zasadzie po prostu specjalistyczny widok 00:18:27.625 --> 00:18:32.680 widok kolekcji, który został bardzo konkretny przypadek użycia. 00:18:32.680 --> 00:18:34.780 Można więc użyć tego, aby pokazać 00:18:34.780 --> 00:18:37.555 twoje dane w sposób wizualny bardzo atrakcyjny sposób. 00:18:37.555 --> 00:18:41.410 Jest bardzo popularny w nowoczesnych aplikacji. 00:18:41.410 --> 00:18:44.965 Jest to bardziej odpowiednie dla danych o ograniczonej długości. 00:18:44.965 --> 00:18:47.230 Nie oznacza to, że wydajność jest 00:18:47.230 --> 00:18:49.810 coś, co nie pracy dla tej kontroli, 00:18:49.810 --> 00:18:53.515 ale jest po prostu bardziej nadaje jeszcze ograniczona liczba 00:18:53.515 --> 00:18:55.360 przedmiotów w twojej kolekcji 00:18:55.360 --> 00:18:57.880 chcesz, aby twoi użytkownicy , aby przewijać. 00:18:57.880 --> 00:19:01.810 Możesz użyć wielu rzeczy, które są również w CollectionView. 00:19:01.810 --> 00:19:03.520 Można więc również użyć orientacji, 00:19:03.520 --> 00:19:05.620 można również użyć układu, jeśli chcesz. 00:19:05.620 --> 00:19:08.575 Szablony danych będą duże również do tej kontroli. 00:19:08.575 --> 00:19:10.600 Doskonale współpracuje z 00:19:10.600 --> 00:19:13.795 IndicatorWyświetlić, że zobaczyć trochę później. 00:19:13.795 --> 00:19:16.450 Ta kontrolka jest teraz w wersji zapoznawczej. 00:19:16.450 --> 00:19:18.445 Więc jeśli chcesz użyć tego dzisiaj, 00:19:18.445 --> 00:19:22.990 można, ale trzeba włączyć z flagą eksperymentalną. 00:19:22.990 --> 00:19:26.110 Zobaczycie to w kilku 00:19:26.110 --> 00:19:30.040 slajdy więcej dla innych elementów sterujących które są w wersji zapoznawczej, jak również. 00:19:30.040 --> 00:19:33.520 Pamiętaj, że należy pamiętać, że wciąż nad tym pracujemy. 00:19:33.520 --> 00:19:34.840 Niektóre rzeczy mogą ulec zmianie, 00:19:34.840 --> 00:19:37.960 ale tak, większość rzeczy powinny po prostu działać. 00:19:37.960 --> 00:19:41.635 Więc szybko idźmy i zróbmy trochę demo, że jak również. 00:19:41.635 --> 00:19:44.390 To powinno działać. 00:19:45.480 --> 00:19:49.375 Znowu, będę po prostu pop w do tej aplikacji demo tutaj. 00:19:49.375 --> 00:19:51.610 Tutaj mamy CarouselView. 00:19:51.610 --> 00:19:52.750 Więc ten duży przycisk, 00:19:52.750 --> 00:19:55.045 nie zapomnij nacisnąć, ponieważ 00:19:55.045 --> 00:19:58.255 który umożliwia rzeczywiste eksperymentalną flagę. 00:19:58.255 --> 00:19:59.770 Tutaj mamy kilka opcji. 00:19:59.770 --> 00:20:01.225 Więc możemy to zrobić w kodzie, 00:20:01.225 --> 00:20:03.340 poziome lub pionowe, a my 00:20:03.340 --> 00:20:05.860 niektóre przystawki, a także pusty zobacz takie rzeczy. 00:20:05.860 --> 00:20:09.280 Więc zobaczmy, czy uda nam się to zdobyć. 00:20:09.280 --> 00:20:12.070 Tutaj możesz zobaczyć, jak mamy pięć pozycji. 00:20:12.070 --> 00:20:15.070 Mogę łatwo zaktualizować to do 50 i powinienem mieć 00:20:15.070 --> 00:20:18.265 wiele więcej przedmiotów karuzelowych tutaj. 00:20:18.265 --> 00:20:20.740 Mamy więc mały pasek przewijania. 00:20:20.740 --> 00:20:22.960 Widzicie więc, że wiele przedmiotów, a ty 00:20:22.960 --> 00:20:25.180 może zobaczyć wiele rzeczy dzieje tutaj, gdy przewijam. 00:20:25.180 --> 00:20:27.835 Więc to uruchamia przewijanie zdarzenia 00:20:27.835 --> 00:20:30.025 aby można było zobaczyć, który element jest widoczny, 00:20:30.025 --> 00:20:31.270 pierwszy, ostatni, 00:20:31.270 --> 00:20:33.040 również Delta i przesunięcie. 00:20:33.040 --> 00:20:35.200 O tym mówiłem wcześniej. 00:20:35.200 --> 00:20:38.365 Wiele danych z tego zdarzenia przewijania. 00:20:38.365 --> 00:20:41.110 Również tutaj odstępy między jest po prostu czymś, co 00:20:41.110 --> 00:20:43.615 można użyć, dzięki czemu otrzymasz trochę więcej odstępów, 00:20:43.615 --> 00:20:45.310 10 to nie jest tak dużo, 00:20:45.310 --> 00:20:46.690 100 to trochę dużo, 00:20:46.690 --> 00:20:51.235 ale masz pomysł, więc można się z tym bawić. 00:20:51.235 --> 00:20:57.085 Ponadto, masz coś, co my zadzwoń PeekAreaInsets, myślę. 00:20:57.085 --> 00:21:00.640 Więc możecie zobaczyć ten mały pozycji tutaj po lewej stronie i 00:21:00.640 --> 00:21:02.215 prawo i można 00:21:02.215 --> 00:21:04.660 określić, jaka część tego przedmiotu, który zobaczysz. 00:21:04.660 --> 00:21:08.575 Wygląda więc trochę zabawnie, gdy można to zmienić podczas biegu, 00:21:08.575 --> 00:21:11.440 ale widać, że może drażnić trochę 00:21:11.440 --> 00:21:14.740 pozycji, która jest wcześniej lub dalej. 00:21:14.740 --> 00:21:16.540 Możesz też zobaczyć, że się przeciąga. 00:21:16.540 --> 00:21:20.680 Tak więc to głównie, aby sprawdzić, czy użytkownik przeciąga tak lub nie, 00:21:20.680 --> 00:21:23.890 i mamy kilka innych właściwości jak możemy animować to? 00:21:23.890 --> 00:21:25.210 Czy możemy przesunąć to? 00:21:25.210 --> 00:21:27.549 Odbicie. Więc w zasadzie, 00:21:27.549 --> 00:21:29.890 za każdym razem, gdy osiągniesz początek lub na końcu wykazu, 00:21:29.890 --> 00:21:33.950 nie odbija się w ten sposób lub czy to po prostu stać w miejscu? 00:21:34.710 --> 00:21:37.075 Oczywiście również tutaj, 00:21:37.075 --> 00:21:39.445 przejdź do rzeczy, dzięki czemu można przejść do 00:21:39.445 --> 00:21:44.240 element w tym CarouselView. 00:21:46.080 --> 00:21:49.270 Więc również tutaj, widzę, że mam kartę 00:21:49.270 --> 00:21:51.850 otworzyć dla zatrzasku. Tak, przepraszam? 00:21:51.850 --> 00:21:54.490 >> Pod zwojami, jeśli 00:21:54.490 --> 00:21:57.715 bardzo szybko wrócić do wykaz próbek, 00:21:57.715 --> 00:22:00.475 wyśrodkowasz karuzela pionowaWidok, 00:22:00.475 --> 00:22:05.590 aby zauważyć, że jest to bardziej powszechne aby mieć poziomą karuzelęView. 00:22:05.590 --> 00:22:09.715 Ale oczywiście można tworzyć pionowe bez problemów. 00:22:09.715 --> 00:22:13.750 >> Tak, nie ma problemu. Chociaż w tym miejscu 00:22:13.750 --> 00:22:15.700 mechanizmu zatrzaskowego, aby 00:22:15.700 --> 00:22:18.355 nie ma to w ogóle przyciąganie. 00:22:18.355 --> 00:22:20.260 Niestety, ma przyciąganie. 00:22:20.260 --> 00:22:23.020 Więc powinienem po prostu spowolnić to w dół, a zobaczysz to. 00:22:23.020 --> 00:22:26.020 Więc za każdym razem, gdy nie ląduję na jednej konkretnej pozycji, 00:22:26.020 --> 00:22:30.070 upewni się, że przejdź do samego początku tutaj. 00:22:30.070 --> 00:22:33.550 Ale myślę, że miałem trochę kod otwarty dla tego właśnie tutaj. 00:22:33.550 --> 00:22:35.530 Więc dla wszystkich tych rzeczy 00:22:35.530 --> 00:22:37.660 zrobiliśmy to tak proste, jak możliwe do użycia. 00:22:37.660 --> 00:22:39.280 Więc tutaj, można po prostu powiedzieć, 00:22:39.280 --> 00:22:41.095 aby nowy CarouselView. 00:22:41.095 --> 00:22:43.270 Można określić, który układ ma być używany. 00:22:43.270 --> 00:22:45.520 Mamy dla Ciebie kilka predefiniowanych. 00:22:45.520 --> 00:22:49.690 Możesz utworzyć własne układy już teraz. 00:22:49.690 --> 00:22:54.020 Javier, wiesz? A może umożliwi to w przyszłości. 00:22:54.210 --> 00:22:56.890 Można użyć pozycjiPemplates, 00:22:56.890 --> 00:22:59.230 kolor tła lub PeekAreaInsets, 00:22:59.230 --> 00:23:02.510 Już o tym wspomniałem. 00:23:02.790 --> 00:23:07.000 To jest w zasadzie wszystko, czego potrzebujesz, aby aby skonfigurować nową karuzelęView 00:23:07.000 --> 00:23:11.390 i użyj tego dyskretnego funkcje tutaj. 00:23:14.340 --> 00:23:16.465 Więc IndicatorView, tak, 00:23:16.465 --> 00:23:18.580 to jest coś, co jest ściśle połączony z 00:23:18.580 --> 00:23:21.055 karuzelaWiduj jako Już wspomniałem. 00:23:21.055 --> 00:23:24.775 Więc jeśli masz CarouselView, 00:23:24.775 --> 00:23:26.710 być może wiesz również, że wiele 00:23:26.710 --> 00:23:29.410 kontrole te ta mała kropka na 00:23:29.410 --> 00:23:31.840 dno, które pokazuje 00:23:31.840 --> 00:23:35.680 ci, ile jest przedmiotów w rzeczywistym CarouselView, 00:23:35.680 --> 00:23:39.010 ale także, który indeks aktualnie wybrany. 00:23:39.010 --> 00:23:41.860 To właśnie chcemy zrobić z IndicatorView. 00:23:41.860 --> 00:23:44.200 Ponownie, również w wersji zapoznawczej, 00:23:44.200 --> 00:23:48.625 tutaj widzisz trochę kod, jak z niego korzystać. 00:23:48.625 --> 00:23:52.435 Mamy oczywiście opcje zrobić jakiś układ z tym, 00:23:52.435 --> 00:23:54.339 jak chcesz wyśrodkować go poziomo, 00:23:54.339 --> 00:23:58.510 pionowo, ale także jaki kolor czy chcesz to zaznaczyć. 00:23:58.510 --> 00:24:00.760 Jaki kolor powinien wybrany wskaźnik 00:24:00.760 --> 00:24:04.030 być i jaki kształt chcesz użyć. 00:24:04.030 --> 00:24:08.155 Więc możecie zobaczyć tutaj małą próbkę, 00:24:08.155 --> 00:24:11.080 na tym slajdzie tutaj, kolor, 00:24:11.080 --> 00:24:12.310 Już o tym wspomniałem, 00:24:12.310 --> 00:24:14.290 kształt, ale można również użyć szablonu. 00:24:14.290 --> 00:24:19.180 Możesz więc również dać własne wzór wskaźnika, 00:24:19.180 --> 00:24:20.920 i oczywiście można nadać mu rozmiar, 00:24:20.920 --> 00:24:23.305 dzięki czemu można go pomnożeć lub zmniejszyć. 00:24:23.305 --> 00:24:26.860 Więc szybko przeskoczmy również do tego. 00:24:26.860 --> 00:24:29.270 Mamy wiele dema. 00:24:30.530 --> 00:24:35.325 Więc mój wskaźnik myszy czasami znika po przełączeniu. 00:24:35.325 --> 00:24:39.540 Proszę bardzo. Więc tutaj mieć IndicatorView. 00:24:39.540 --> 00:24:41.550 Ponownie, nie zapomnij go włączyć. 00:24:41.550 --> 00:24:43.290 Jest to bardzo prosta galeria. 00:24:43.290 --> 00:24:46.020 Po prostu mamy jeden. W iOS 00:24:46.020 --> 00:24:48.270 zapominamy o użyciu zapisać rzeczy obszar tutaj. 00:24:48.270 --> 00:24:50.400 Więc to trochę na dole, 00:24:50.400 --> 00:24:52.740 ale widać, ilekroć Idę do następnego, 00:24:52.740 --> 00:24:56.255 można zobaczyć wybraną wyskakuje do następnego, 00:24:56.255 --> 00:24:59.440 i to wszystko ładnie działa z CarouselView. 00:24:59.440 --> 00:25:04.000 Możemy ustawić to na niebieski, jeśli chcesz, 00:25:04.000 --> 00:25:06.505 i widać, że jest jeszcze czarny. 00:25:06.505 --> 00:25:08.500 Możesz grać z rozmiar tutaj trochę, 00:25:08.500 --> 00:25:11.050 dzięki czemu można go pomnoć lub malutki, 00:25:11.050 --> 00:25:15.370 i można również po prostu pop go do 00:25:15.370 --> 00:25:17.380 kwadratowy lub możemy 00:25:17.380 --> 00:25:20.815 małe logo Xbox z za pomocą szablonów. 00:25:20.815 --> 00:25:25.195 To działa tylko na Androidzie widzę. 00:25:25.195 --> 00:25:27.535 Ponieważ jest to prawdopodobnie przy użyciu czcionki ikony, 00:25:27.535 --> 00:25:31.510 Javier, który nie jest dodawany do użycia. 00:25:31.510 --> 00:25:33.730 >> Ale pamiętaj, że 00:25:33.730 --> 00:25:37.450 domyślnie okrąg i prostokąt 00:25:37.450 --> 00:25:41.590 ponieważ są prawdopodobnie najczęściej spotykanych widoków wskaźników 00:25:41.590 --> 00:25:43.795 z wykorzystaniem w ogólnych zastosowaniach, 00:25:43.795 --> 00:25:47.200 powszechnego zastosowania, ale z szablon wskaźnika, 00:25:47.200 --> 00:25:49.990 można użyć innego szablonu i ustawić 00:25:49.990 --> 00:25:54.219 wszelkiego rodzaju treści wewnątrz każdego wskaźnika. 00:25:54.219 --> 00:25:58.000 >> Tak. Więc szybko się przełączyłem na Androida i tutaj możesz 00:25:58.000 --> 00:26:01.180 zobacz, że używamy tego drobiazg 00:26:01.180 --> 00:26:02.950 tutaj, aby również wyświetlić szablon. 00:26:02.950 --> 00:26:07.885 Dzięki czemu można załadować wszystko do wskaźników, co chcesz. 00:26:07.885 --> 00:26:12.325 Więc znowu, jest to bardzo po prostu zainicjować. 00:26:12.325 --> 00:26:14.800 Mamy CarouselView, 00:26:14.800 --> 00:26:17.395 masz IndicatorView, 00:26:17.395 --> 00:26:20.245 a potem po prostu mówisz CarouselView.IndicatorView 00:26:20.245 --> 00:26:21.985 jest to przypadek tutaj, 00:26:21.985 --> 00:26:23.290 i będą one ze sobą powiązane. 00:26:23.290 --> 00:26:24.340 Automatycznie będzie wiedział, że 00:26:24.340 --> 00:26:27.340 ile jest przedmiotów na podstawie źródła towaru. 00:26:27.340 --> 00:26:30.760 Ostatnia rzecz, którą chcę zwrócić uwagę szybko jest IndicatorView 00:26:30.760 --> 00:26:33.850 jest zbudowany jako oddzielny system sterowania ponieważ w przyszłości, 00:26:33.850 --> 00:26:36.025 możemy otworzyć go na innych kontroli. 00:26:36.025 --> 00:26:38.830 Już teraz możesz użyć dla CarouselView, 00:26:38.830 --> 00:26:41.155 ale kto wie, co przyszłość może przynieść? 00:26:41.155 --> 00:26:43.210 W ten sposób będziemy mieli 00:26:43.210 --> 00:26:46.315 elastyczność, aby również używać go do innych formantów. 00:26:46.315 --> 00:26:49.945 >> W porządku, Javier, chcesz aby porozmawiać o RefreshView? 00:26:49.945 --> 00:26:51.610 >> Tak, właściwie. 00:26:51.610 --> 00:26:54.265 Więc kontynuujmy więcej kontroli. 00:26:54.265 --> 00:26:58.135 W takim przypadku kontynuujmy z RefreshView. 00:26:58.135 --> 00:27:02.140 Więc zwłaszcza w wydaniu, 00:27:02.140 --> 00:27:06.595 jednym z powszechnych wzorców w UX, aby odnieść się do danych jest 00:27:06.595 --> 00:27:11.890 efekt pull-to-refresh, który zaproponować, aby pobrać dane. 00:27:11.890 --> 00:27:13.630 Paulo co to jest rzeczy, 00:27:13.630 --> 00:27:16.615 załączyliśmy nową kontrolka o nazwie RefreshView, 00:27:16.615 --> 00:27:21.070 które umieszczasz jak opakowanie w dowolnej przewijanej zawartości. 00:27:21.070 --> 00:27:23.800 To jest ważne ponieważ 00:27:23.800 --> 00:27:28.640 tylko większość odświeżeń przewijaną zawartość. 00:27:28.710 --> 00:27:30.955 W użyciu jest to dość proste. 00:27:30.955 --> 00:27:32.230 Na koniec, jak mówimy, 00:27:32.230 --> 00:27:34.750 blokujemy wszelką kontrolę. 00:27:34.750 --> 00:27:38.410 W takim przypadku stosujemy Widok listy wokół widoku RefreshView. 00:27:38.410 --> 00:27:40.960 Dwie główne właściwości w celu odświeżenia. 00:27:40.960 --> 00:27:42.205 W ten sposób jest boolean, 00:27:42.205 --> 00:27:45.250 że oczywiście możemy wiązać i 00:27:45.250 --> 00:27:49.300 używać za pomocą MVPA i wszystkich rzeczy, które prawdopodobnie kochają. 00:27:49.300 --> 00:27:52.225 Możemy również użyć polecenia, aby 00:27:52.225 --> 00:27:55.735 wskazać i wykonać logiki, aby odświeżyć listę. 00:27:55.735 --> 00:27:58.225 Oczywiście istnieją również opcje związane 00:27:58.225 --> 00:28:00.310 z dostosowaniem sterowania. 00:28:00.310 --> 00:28:05.005 Dzięki temu możesz dostosować kolor wskaźnika odświeżania, 00:28:05.005 --> 00:28:08.425 jaki jest kolor w tle refreshview. 00:28:08.425 --> 00:28:11.819 Wszystkie te rzeczy, że znowu, 00:28:11.819 --> 00:28:15.300 zobaczymy z szybkim pokazem. 00:28:15.300 --> 00:28:20.230 Więc przejść do poprzedniej próbki. 00:28:25.530 --> 00:28:31.850 Nie wiem, dlaczego przegrywam czasami dotyku. 00:28:33.150 --> 00:28:37.104 To szaleństwo. Nie wiem, czy jest to z prezentacją, 00:28:37.104 --> 00:28:43.210 ale widać w tym symulatora, reszta działa. 00:28:43.210 --> 00:28:47.180 >> Praca z butami emulatora naprawdę szybko w dzisiejszych czasach, prawda? 00:28:48.600 --> 00:28:51.400 >> Teraz to działa. Nie wiem. 00:28:51.400 --> 00:28:54.295 Cokolwiek. W takim przypadku 00:28:54.295 --> 00:28:56.965 mamy wiele próbek, ale na koniec, 00:28:56.965 --> 00:28:58.450 ważne jest to, że 00:28:58.450 --> 00:29:00.265 można używać z dowolną przewijaną zawartością, 00:29:00.265 --> 00:29:03.190 a to oznacza, że oczywiście można 00:29:03.190 --> 00:29:08.080 odświeżanie wszelkich treści, które korzysta z funkcji ScrollView. 00:29:08.080 --> 00:29:10.975 Oczywiście można użyć Widok listy, widok kolekcji, 00:29:10.975 --> 00:29:16.300 i KaruzelaView do wyzwalania odświeżania. 00:29:16.300 --> 00:29:18.910 Można go używać, oczywiście, 00:29:18.910 --> 00:29:22.030 z regulatorem, a także 00:29:22.030 --> 00:29:25.330 może bezpośrednio powoływać się na na przykład do 00:29:25.330 --> 00:29:28.420 naciśnięcie przycisku, 00:29:28.420 --> 00:29:32.305 IndicatorWyświetla i RefreshView w ten sam sposób. 00:29:32.305 --> 00:29:34.480 Oczywiście, współpracowała również z 00:29:34.480 --> 00:29:38.590 innego rodzaju formantów, takich jak WebView. 00:29:38.590 --> 00:29:43.015 Myślę, że jest to ładowanie bloku Xamarin, 00:29:43.015 --> 00:29:47.210 i możemy wyciągnąć, aby go odświeżyć. 00:29:47.730 --> 00:29:51.280 Jedną z interesujących kwestii jest to, że 00:29:51.280 --> 00:29:54.160 w wielu elementach sterujących które pokazujemy dzisiaj, 00:29:54.160 --> 00:29:56.439 jesteśmy specyficy platformy. 00:29:56.439 --> 00:29:59.800 Pamiętaj, że nasza logika jest specyficzne dla jakiejś platformy. 00:29:59.800 --> 00:30:01.420 W takim przypadku w systemie Windows 00:30:01.420 --> 00:30:03.400 można ustawić to wykrywanie bieli. 00:30:03.400 --> 00:30:05.500 Możesz przesunąć palcem od góry, 00:30:05.500 --> 00:30:07.465 na dole, w lewo lub po prawej stronie. 00:30:07.465 --> 00:30:08.575 Na innych platformach 00:30:08.575 --> 00:30:11.515 domyślnie działa tylko od góry. 00:30:11.515 --> 00:30:13.240 Kod jest bardzo prosty. 00:30:13.240 --> 00:30:20.720 Let's me just jump for sample Let's me just jump for sample Let's me just jump for sample Let' , aby ponownie użyć z ListView. 00:30:27.210 --> 00:30:29.740 Więc oto jesteśmy, 00:30:29.740 --> 00:30:33.400 listView, oczywiście, powiązane z naszą listą przedmiotów, 00:30:33.400 --> 00:30:35.290 i używamy RefreshView. 00:30:35.290 --> 00:30:37.240 Aby dostosować kontroli, używamy 00:30:37.240 --> 00:30:39.400 refreshcolor i Właściwości BackgroundColor, 00:30:39.400 --> 00:30:42.100 ale znowu, najbardziej ważne właściwości są 00:30:42.100 --> 00:30:45.610 odświeżająca właściwość i polecenia. 00:30:45.610 --> 00:30:48.490 Za pomocą przycisku, który wykonać odświeżanie, 00:30:48.490 --> 00:30:51.070 ale jedyną rzeczą, którą robią to wykonać to samo 00:30:51.070 --> 00:30:55.400 polecenie związane z RefreshView, polecenie. 00:30:55.440 --> 00:30:59.860 Kontynuując więcej kontroli, ponieważ 00:30:59.860 --> 00:31:03.985 mają kilka dem i więcej rzeczy do przeglądu, 00:31:03.985 --> 00:31:06.025 zobaczmy SwipeView. 00:31:06.025 --> 00:31:08.500 W ten sam sposób, w jaki widzieliśmy wcześniej, 00:31:08.500 --> 00:31:11.320 refreshView, które umożliwiają 00:31:11.320 --> 00:31:14.740 gest pull-to-refresh bez 00:31:14.740 --> 00:31:17.650 być związane z kontroli. 00:31:17.650 --> 00:31:18.790 Jak widzieliśmy wcześniej, 00:31:18.790 --> 00:31:21.025 współpracuje z dowolnymi [niesłyszalne] treści. 00:31:21.025 --> 00:31:27.385 Teraz mamy możliwość wykaz pozycji, na przykład, 00:31:27.385 --> 00:31:34.975 dostęp do wykonania określonego akcji w jednym z elementów. 00:31:34.975 --> 00:31:38.725 W tym celu umożliwiamy 00:31:38.725 --> 00:31:42.790 dowodzenia bez konieczności zmienić stan aplikacji. 00:31:42.790 --> 00:31:45.295 W tym celu wprowadzamy swipeview, 00:31:45.295 --> 00:31:49.135 swipeview pozwala nam przesuń palcem w dowolnym kierunku, 00:31:49.135 --> 00:31:51.745 możemy użyć, jak również przesunąć palcem w górę, w dół, 00:31:51.745 --> 00:31:53.395 od lewej, a od prawej, 00:31:53.395 --> 00:31:54.970 i mamy różne tryby. 00:31:54.970 --> 00:31:56.200 Pozwólcie, że wyjaśnię to bardzo szybko 00:31:56.200 --> 00:31:59.350 dwóch różnych trybów, ponieważ są bardzo, bardzo różne. 00:31:59.350 --> 00:32:03.055 Mamy w jednej ręce tryb Reveal, 00:32:03.055 --> 00:32:07.300 w tym trybie przesuwamy palcem , aby otworzyć swipeview. 00:32:07.300 --> 00:32:09.340 Zobaczymy różne polecenia, 00:32:09.340 --> 00:32:13.540 i wykonać to polecenie, którego potrzebujemy , aby wyraźnie dotknąć jednego z nich. 00:32:13.540 --> 00:32:17.425 W trybie wykonywania jest zupełnie inna, 00:32:17.425 --> 00:32:19.240 musimy tylko przesunąć palcem, 00:32:19.240 --> 00:32:22.510 a jeśli przekroczymy próg machnięcia 00:32:22.510 --> 00:32:27.190 skojarzone polecenie z każdym przedmiotem, 00:32:27.190 --> 00:32:28.990 z każdym poleceniem zostanie wykonana, 00:32:28.990 --> 00:32:33.490 a jeśli nie tylko SwipeView zostanie zamknięty. 00:32:33.490 --> 00:32:35.949 Podobnie jak w przypadku innych poprzednich 00:32:35.949 --> 00:32:38.740 ta kontrolka jest nadal w wersji zapoznawczej 00:32:38.740 --> 00:32:45.930 wymaga to wykorzystania flagę doświadczalna. 00:32:45.930 --> 00:32:52.330 Więc tutaj mamy podstawowe demo za pomocą SwipeView. 00:32:52.330 --> 00:32:55.045 Oczywiście, to, co widzimy tutaj, to 00:32:55.045 --> 00:32:58.690 zawartość przesuwania, która może być wszelkiego rodzaju treści. 00:32:58.690 --> 00:33:02.455 Jesteśmy tutaj, gdzie widzimy podstawowy układ z poziomem, 00:33:02.455 --> 00:33:05.290 a następnie SwipeItem jest 00:33:05.290 --> 00:33:08.755 podstawowy element, który pozwala nam ustawić tekst, 00:33:08.755 --> 00:33:10.705 ikona, kolor tła, 00:33:10.705 --> 00:33:15.865 a potem oczywiście mają komendy i metod, które należy wywołać. 00:33:15.865 --> 00:33:20.785 Jak widać w GIF-ie, zobaczymy później z demo, 00:33:20.785 --> 00:33:23.740 można przesuwać palcem w dowolnym kierunku. 00:33:23.740 --> 00:33:27.535 Mamy również BehaviorOnInvoked, który jest używany, 00:33:27.535 --> 00:33:30.970 zachowanie, które mieć SwipeView, gdy 00:33:30.970 --> 00:33:34.825 naciskamy lub stukamy którekolwiek z poleceń. 00:33:34.825 --> 00:33:37.255 Domyślnie mamy auto, 00:33:37.255 --> 00:33:40.855 oznacza to, że SwipeView domyślnie zostanie zamknięta. 00:33:40.855 --> 00:33:44.545 Oczywiście możemy to wyraźnie z opcją Zamknij, 00:33:44.545 --> 00:33:47.245 ale istnieje inna opcja, która jest RemainOpen, 00:33:47.245 --> 00:33:50.260 i z tą opcją oznacza, że jeśli stukniemy 00:33:50.260 --> 00:33:54.400 jednym z poleceń SwipeView pozostanie otwarty. 00:33:54.400 --> 00:33:59.290 Aby wykonać i wywołać dowolną akcję jest to łatwe za pomocą poleceń, 00:33:59.290 --> 00:34:02.770 lub w tym przypadku, przywoływana metoda, 00:34:02.770 --> 00:34:05.260 i używać go w kolekcji jest 00:34:05.260 --> 00:34:09.025 bardzo podobne do refreshview. 00:34:09.025 --> 00:34:10.870 Korzystamy na stronie, np. 00:34:10.870 --> 00:34:16.780 tablica datapamiętłaczowa itemTemplate z Widoku Kolekcji do wykorzystania i 00:34:16.780 --> 00:34:20.845 zezwalaj na opcje kontekstowe 00:34:20.845 --> 00:34:24.295 w każdym elemencie z kolekcji. 00:34:24.295 --> 00:34:29.170 Ostatnia rzecz, widzieliśmy SwipeItem przed są 00:34:29.170 --> 00:34:31.644 bardzo podstawowe przedmioty pozwalają 00:34:31.644 --> 00:34:34.480 , aby trochę dostosować kolor tła, 00:34:34.480 --> 00:34:35.950 można ustawić ikonę, 00:34:35.950 --> 00:34:37.000 można ustawić tekst, 00:34:37.000 --> 00:34:42.655 ale co zrobić, jeśli chcesz treści wewnątrz któregokolwiek z elementów? 00:34:42.655 --> 00:34:45.280 Cóż, wprowadzamy również inny SwipeItem, 00:34:45.280 --> 00:34:49.975 Myślę, że [niesłyszalny] SwipeItemView które pozwalają na wszelkiego rodzaju widok, 00:34:49.975 --> 00:34:52.285 więc pozwolić na wszelkiego rodzaju treści wewnątrz. 00:34:52.285 --> 00:34:58.525 Dzięki czemu można utworzyć zawartość niestandardową wewnątrz dowolnego z elementów machnięcia. 00:34:58.525 --> 00:35:03.200 Zobaczmy demo przeglądając wszystkie te rzeczy. 00:35:03.840 --> 00:35:07.060 Pozwól mi przejść ponownie do emulatora, 00:35:07.060 --> 00:35:10.100 zobaczmy, czy kontynuować pracę. 00:35:13.830 --> 00:35:19.720 Tak dobrze, można przesunąć palcem w dowolnym kierunku, 00:35:19.720 --> 00:35:24.950 można go używać również w kolekcjach, 00:35:25.740 --> 00:35:31.435 cóż, pozwól mi szybko się poruszać do niestandardowego widoku swipeview. 00:35:31.435 --> 00:35:34.420 Wydaje się, że jest to widok treści, 00:35:34.420 --> 00:35:38.035 ale jeśli przesuniesz palcem w dowolne z kierunków, 00:35:38.035 --> 00:35:41.800 dostęp do większej liczby układów, 00:35:41.800 --> 00:35:44.515 a na końcu są SwipeItems. 00:35:44.515 --> 00:35:48.295 Gerald i ja mamy kilka bardzo 00:35:48.295 --> 00:35:52.675 ładne i przystojny demo przygotowane przy użyciu tych wszystkich rzeczy. 00:35:52.675 --> 00:35:55.869 Mamy [niesłyszalny] czas aby przejrzeć wszystko, 00:35:55.869 --> 00:35:59.800 ale pozwól mi poruszać się bardzo szybko dla wszystkich tych dem, 00:35:59.800 --> 00:36:01.390 na przykład w tym 00:36:01.390 --> 00:36:03.610 Gerald, jeśli chcesz porozmawiać bardzo szybko o tym. 00:36:03.610 --> 00:36:07.030 >> Tak. Więc ten łączy wszystkie rzeczy. 00:36:07.030 --> 00:36:08.650 Więc na górze widać 00:36:08.650 --> 00:36:12.280 carouselWidok z IndicatorView tuż nad nim, 00:36:12.280 --> 00:36:15.370 i inny CarouselView aż tam. 00:36:15.370 --> 00:36:16.780 Więc widać, że możesz tworzyć 00:36:16.780 --> 00:36:19.330 piękne wzory z wszystko to razem. 00:36:19.330 --> 00:36:23.065 Na dole prawdopodobnie zobacz CollectionView. 00:36:23.065 --> 00:36:25.135 Więc tak, mam na myśli, 00:36:25.135 --> 00:36:30.265 nie pozwól, aby funkcjonalna konstrukcja nasza aplikacja demo ci z toru. 00:36:30.265 --> 00:36:34.495 Z pewnością można tworzyć bardzo niesamowite rzeczy z tym. 00:36:34.495 --> 00:36:36.460 Więc Javier, chcesz , aby szybko się popisywać 00:36:36.460 --> 00:36:43.240 niestandardowe odświeżanie widoku Teatr Animacji? 00:36:43.240 --> 00:36:45.010 >> Pokażmy to bardzo szybko, 00:36:45.010 --> 00:36:48.820 abyśmy mogli dostosować kolory refreshview, 00:36:48.820 --> 00:36:50.020 ale w tym przypadku, na przykład, 00:36:50.020 --> 00:36:51.610 co się stanie, jeśli chcesz utworzyć 00:36:51.610 --> 00:36:54.610 dostosowany efekt pull-to-refresh? 00:36:54.610 --> 00:36:57.370 Cóż, możesz to zrobić bardzo prosto. 00:36:57.370 --> 00:37:02.559 Ponownie, co robię tutaj jest po prostu za pomocą SwipeView, 00:37:02.559 --> 00:37:04.420 Używam górnego elementu do użycia 00:37:04.420 --> 00:37:06.640 bardzo piękna animacja Lottie 00:37:06.640 --> 00:37:10.465 które zrobiłem tylko na podstawie na czas pracy. 00:37:10.465 --> 00:37:13.420 Można więc mieszać wszystkie te 00:37:13.420 --> 00:37:16.540 kontroli i rzeczy do tworzenia bardzo, 00:37:16.540 --> 00:37:19.130 bardzo dobrze wyglądające interfejsy użytkownika. 00:37:21.690 --> 00:37:26.110 Mamy więcej dema, ale nie dużo czasu. 00:37:26.110 --> 00:37:28.825 Więc sięgamy do końca. 00:37:28.825 --> 00:37:33.130 Pozwólcie, że podzielę się bardzo szybko, gdzie można znaleźć wszystkie te dema, 00:37:33.130 --> 00:37:37.420 i jest o wiele więcej dema i rzeczy, które mamy 00:37:37.420 --> 00:37:41.380 nie pokazano, ponieważ mamy mniej czasu, 00:37:41.380 --> 00:37:46.090 że wszystkie te dema przejść jeden po drugim. 00:37:46.090 --> 00:37:48.850 Ale można znaleźć wszystko w tych dwóch linkach. 00:37:48.850 --> 00:37:51.190 Mam nadzieję, że jest to pomocne dla Ciebie, 00:37:51.190 --> 00:37:55.009 i nie wiem, czy mamy pytania. 00:37:55.890 --> 00:37:59.170 >> Tak, po prostu jedno szybkie pytanie 00:37:59.170 --> 00:38:01.885 zanim przekażemy do następnych mówców, 00:38:01.885 --> 00:38:05.770 i oznacza to, że jest widok kolekcji 00:38:05.770 --> 00:38:10.460 mają leniwy załadunek i nieskończona funkcja danych? 00:38:11.910 --> 00:38:15.700 >> Myślę, że mam na myśli, 00:38:15.700 --> 00:38:18.370 jesteś w stanie wdrożyć go samodzielnie. 00:38:18.370 --> 00:38:21.400 Prawdopodobnie moglibyśmy to zrobić więcej w tej dziedzinie 00:38:21.400 --> 00:38:24.670 aby wesprzeć Cię po wyjęciu z pudełka. 00:38:24.670 --> 00:38:26.800 Ale teraz możesz to zrobić z 00:38:26.800 --> 00:38:30.535 swipeevents można zobaczyć, która pozycja jest wyświetlana, 00:38:30.535 --> 00:38:33.610 i dzięki czemu można rozpocząć ładowania nowych danych. 00:38:33.610 --> 00:38:36.385 Więc tak, to na pewno możliwe. 00:38:36.385 --> 00:38:37.180 >> Doskonały. 00:38:37.180 --> 00:38:38.890 >> Tak domyślnie CollectionView mają 00:38:38.890 --> 00:38:41.575 niektóre polecenia do wykrywania po dotarciu do końca, 00:38:41.575 --> 00:38:43.810 i dużo więcej danych, i wszystkie te rzeczy. 00:38:43.810 --> 00:38:46.300 Więc wszystkie tego rodzaju rzeczy jest możliwe. 00:38:46.300 --> 00:38:47.845 >> Znacznie łatwiej niż w ListView. 00:38:47.845 --> 00:38:48.655 >> Tak. 00:38:48.655 --> 00:38:51.850 >> Brzmi świetnie. W porządku. Dziękuję bardzo za rozmowę, 00:38:51.850 --> 00:38:54.805 a teraz oddaję go Jamesowi. 00:38:54.805 --> 00:38:56.965 >> Niesamowite. Bardzo dziękuję 00:38:56.965 --> 00:38:59.605 Olia, Gerald i Javier. 00:38:59.605 --> 00:39:02.560 Super niesamowite. Kocham wszystkie niesamowite funkcje, które się dzieją. 00:39:02.560 --> 00:39:05.200 Teraz jestem bardzo podekscytowany ponieważ mieszkają z Włoch, 00:39:05.200 --> 00:39:07.870 Codrina jest tutaj, aby porozmawiać o tym, jak możemy 00:39:07.870 --> 00:39:10.630 rzeczywiście przetestować nasze Aplikacje xamarin, 00:39:10.630 --> 00:39:12.700 interfejsu użytkownika i naszego kodu źródłowego. 00:39:12.700 --> 00:39:16.625 Codrina, mam zamiar pop to i zabrać go. 00:39:16.625 --> 00:39:19.560 >> Dziękuję, James. Witam wszystkich, 00:39:19.560 --> 00:39:24.105 i mam zamiar udostępnić mój ekran, 00:39:24.105 --> 00:39:28.570 i będę gotowy do startu.