WEBVTT

00:00:00.000 --> 00:00:02.715
"Zdravím všechny. Já jsem Olia.

00:00:02.715 --> 00:00:05.310
Jsem manažer programu on.NET týmu.

00:00:05.310 --> 00:00:08.355
Super nadšeni, že je
součástí této akce.

00:00:08.355 --> 00:00:10.980
Dnes k vám budu celý den.

00:00:10.980 --> 00:00:14.610
zavedení reproduktorů a
projíždět otázky s Jamesem.

00:00:14.610 --> 00:00:18.930
Právě jsme slyšeli úžasné
hlavní, velmi inspirující.

00:00:18.930 --> 00:00:21.585
Teď jsem super nadšená, že vám představím

00:00:21.585 --> 00:00:24.720
Naši další řečníci, Javier a Gerald.

00:00:24.720 --> 00:00:29.230
Budou mluvit o
vizualizaci dat.

00:00:29.390 --> 00:00:32.340
"Dobrý den. Ano, jsme tady.

00:00:32.340 --> 00:00:33.790
"Dobrý den.

00:00:34.070 --> 00:00:37.640
"Mockrát vám děkuji. Tak ať

00:00:37.640 --> 00:00:40.580
mě prostě jít přímo
a sdílet obrazovku.

00:00:40.580 --> 00:00:44.330
Jdeme na to, a dostat
tato relace byla zahájena.

00:00:44.330 --> 00:00:47.105
Takže ano, jak již bylo zmíněno,

00:00:47.105 --> 00:00:50.060
Budeme mluvit o
dnes vizualizaci vašich dat,

00:00:50.060 --> 00:00:51.965
Takže si promluvíme.
o CollectionView,

00:00:51.965 --> 00:00:54.725
CarouselView, pár
dalších dalších věcí.

00:00:54.725 --> 00:00:57.110
Myslím, že David a Maddy

00:00:57.110 --> 00:01:00.290
již sdíleli některé
Dobrota, kterou ukážeme.

00:01:00.290 --> 00:01:02.720
Ale uděláme, co bude v našich silách, abychom
vám trochu víc

00:01:02.720 --> 00:01:05.375
hlubokého ponoru a ukázat vám, co

00:01:05.375 --> 00:01:08.000
je skutečně možné s
všechny tyto úžasné ovládací prvky

00:01:08.000 --> 00:01:11.195
které jsou v Xamarin
Formuláře jsou k dispozici dnes.

00:01:11.195 --> 00:01:13.055
Takže tohle jsme my,

00:01:13.055 --> 00:01:17.080
pak alespoň budete vědět,
kterého budete poslouchat.

00:01:17.080 --> 00:01:22.085
Jmenuji se Gerald Versluis.
z Nizozemska,

00:01:22.085 --> 00:01:23.840
a můj dobrý přítel Javier,

00:01:23.840 --> 00:01:28.280
oba jsme součástí Xamarin
Formulářový tým, softwaroví inženýři.

00:01:28.280 --> 00:01:31.070
Takže ano, vytváříme
některé věci

00:01:31.070 --> 00:01:34.490
že si, doufejme, užíváte používání.

00:01:34.490 --> 00:01:37.280
Dnes si promluvíme.
o těchto věcech v podstatě.

00:01:37.280 --> 00:01:39.245
Máme toho hodně na pokrytí.

00:01:39.245 --> 00:01:42.620
Takže budeme mít hodně
různých demkombinujích

00:01:42.620 --> 00:01:46.495
všechny tyto úžasné ovládací prvky a
Funkce. Tak se snaž držet krok.

00:01:46.495 --> 00:01:47.690
Máte-li jakékoli dotazy,

00:01:47.690 --> 00:01:49.340
prosím, oslovte každého z nás,

00:01:49.340 --> 00:01:51.470
Rádi zodpovíme všechny otázky.

00:01:51.470 --> 00:01:53.810
Javier a já si prohodíme
několikrát.

00:01:53.810 --> 00:01:55.430
Takže pokud vidíte obrazovku

00:01:55.430 --> 00:01:57.470
blikání nebo cokoli jiného
jinak legrační děje,

00:01:57.470 --> 00:01:58.940
Nebojte se, jsme to my všichni.

00:01:58.940 --> 00:02:01.775
To nejsi ty. Začneme.

00:02:01.775 --> 00:02:04.475
Trochu si promluvím.
o CollectionView jako první,

00:02:04.475 --> 00:02:07.025
A Javier to převezme.

00:02:07.025 --> 00:02:10.250
Jo, jak jsem řekl, budeme
několikrát přepněte.

00:02:10.250 --> 00:02:13.055
Takže vždy, když uslyšíte
krásný španělský přízvuk,

00:02:13.055 --> 00:02:15.180
pak to převzal Javier.

00:02:16.660 --> 00:02:19.265
Začněme s CollectionView.

00:02:19.265 --> 00:02:20.960
CollectionView je v podstatě

00:02:20.960 --> 00:02:23.285
duchovní nástupce
listView.

00:02:23.285 --> 00:02:29.155
ListView všichni víme, nebo vy
Vím a milujeme, všichni jsme ji použili.

00:02:29.155 --> 00:02:31.970
Ale ano, můžete milovat
To, můžeš to nenávidět.

00:02:31.970 --> 00:02:35.105
Faktem je, že jsme potřebovali
v podstatě všechny naše aplikace.

00:02:35.105 --> 00:02:36.830
Potřebujeme zobrazit data v našich aplikacích,

00:02:36.830 --> 00:02:38.960
to je v podstatě základ

00:02:38.960 --> 00:02:42.290
každou aplikaci, kterou používáte.

00:02:42.290 --> 00:02:45.230
Ale ano, tam má
byly některé věci s

00:02:45.230 --> 00:02:47.990
ListView, které by mohly být vylepšeny.

00:02:47.990 --> 00:02:50.615
Tak proto jsme přišli.
s nejnovějším pohledem.

00:02:50.615 --> 00:02:52.940
Vzali jsme všechny poznatky z

00:02:52.940 --> 00:02:56.390
ListView a dát ji
do této nové kontroly,

00:02:56.390 --> 00:03:01.730
a můžete ji použít k zobrazení
všechna data v různých rozvrženích.

00:03:01.730 --> 00:03:03.320
Máte větší flexibilitu,

00:03:03.320 --> 00:03:06.545
a především je to víc
než kdy předtím.

00:03:06.545 --> 00:03:11.045
Takže můžete vidět dolů
zde malý vzorek,

00:03:11.045 --> 00:03:13.500
kde můžete definovat
CollectionView.

00:03:13.500 --> 00:03:15.680
To vše samozřejmě funguje v XAML a

00:03:15.680 --> 00:03:19.580
zakódovat, stejně jako jste
používá z Xamarin Forms.

00:03:19.580 --> 00:03:23.150
Můžete zadat zdroj položky.
stejně jako na ListView.

00:03:23.150 --> 00:03:26.480
Ale nyní můžete také
určit rozložení položek.

00:03:26.480 --> 00:03:27.500
Takže můžete specifikovat,

00:03:27.500 --> 00:03:29.900
chcete to vertikální
nebo horizontální,

00:03:29.900 --> 00:03:33.710
a můžete také říci, že
Možná to chceš mít v mřížce.

00:03:33.710 --> 00:03:35.990
Takže ano, už je tu

00:03:35.990 --> 00:03:39.020
určitou flexibilitu, kterou můžete
vidět děje tady.

00:03:39.020 --> 00:03:41.180
To je všechno, co můžete

00:03:41.180 --> 00:03:44.060
použití dnes po vybalení z krabice
s CollectionView.

00:03:44.060 --> 00:03:45.470
Takže pokud máme datové vazby,

00:03:45.470 --> 00:03:47.480
pak můžete použít šablony dat,

00:03:47.480 --> 00:03:49.670
šablony voliče samozřejmě.

00:03:49.670 --> 00:03:51.275
Můžete použít různá rozložení.

00:03:51.275 --> 00:03:55.175
Na pravé straně, můžete vidět
rozložení mřížky.

00:03:55.175 --> 00:03:57.170
Můžete použít výběr položek,

00:03:57.170 --> 00:03:59.630
takže můžete kliknout na jednu položku v

00:03:59.630 --> 00:04:03.840
CollectionView a
Udělej na tom svou magii.

00:04:03.840 --> 00:04:06.290
Můžete přejít k podrobnostem
odtud podrobný pohled.

00:04:06.290 --> 00:04:07.715
Máme prázdný výhled.

00:04:07.715 --> 00:04:09.875
Takže kdykoli to můžete smíchat s

00:04:09.875 --> 00:04:13.370
vyhledávacího panelu a není
výsledky pro akci vyhledávání,

00:04:13.370 --> 00:04:16.400
můžete vyskakovat tento prázdný
pohled bez potu.

00:04:16.400 --> 00:04:20.840
Nemusíte vyměňovat žádné
ve vlastním vizuálním stromu.

00:04:20.840 --> 00:04:23.510
Můžete to udělat přímo
z CollectionView.

00:04:23.510 --> 00:04:25.715
Také jsme vylepšili posouvání.

00:04:25.715 --> 00:04:28.430
Takže nyní máte událost
se spoustou informací.

00:04:28.430 --> 00:04:30.920
Můžete určit, jak rychle
někdo se posouvá,

00:04:30.920 --> 00:04:32.390
jakým směrem se posouvají,

00:04:32.390 --> 00:04:34.865
a budeme mít také
přejděte k metodě.

00:04:34.865 --> 00:04:36.770
Takže se můžete snadno posouvat na

00:04:36.770 --> 00:04:38.900
určitého bodu
zobrazení CollectionView.

00:04:38.900 --> 00:04:42.530
To je jen pár věcí.
které jsme zavedli v

00:04:42.530 --> 00:04:46.730
tento úžasný nový ovládací prvek, který
je Xamarin Forms právě teď.

00:04:46.730 --> 00:04:51.695
Takže pojďme jen rychle skočit do
Visual Studio a zobrazit některé ukázky.

00:04:51.695 --> 00:04:55.450
Doufejme, že to máme za č.

00:04:55.450 --> 00:04:57.530
Takže tady máme Vizuální
Studio pro Mac.

00:04:57.530 --> 00:04:59.750
Pokud jste to ještě neviděli,

00:04:59.750 --> 00:05:03.155
stačí použít Vizuální
Studio na Mac u mase právě teď.

00:05:03.155 --> 00:05:06.140
Pojďme první
do nějaké vizuální demo.

00:05:06.140 --> 00:05:09.505
Takže mám iOS
emulátor otevřít přímo zde.

00:05:09.505 --> 00:05:12.575
Javier a já jsme vytvořili
malý vzorek aplikace.

00:05:12.575 --> 00:05:17.330
Nyní, nezapomínejme, že tato dema jsou
převzato z naší galerijní aplikace,

00:05:17.330 --> 00:05:19.430
která je součástí
Úložiště Xamarin Forms,

00:05:19.430 --> 00:05:21.350
kde jsme spustit všechny naše testy.

00:05:21.350 --> 00:05:25.160
Takže to nemusí nutně
být krásná aplikace,

00:05:25.160 --> 00:05:27.350
ale je to funkční, a my jsme

00:05:27.350 --> 00:05:30.290
některé krásnější
vzorky, které vám ukážou.

00:05:30.290 --> 00:05:33.620
Můžete styl to jakýmkoli způsobem
chcete na konci tohoto zasedání.

00:05:33.620 --> 00:05:37.160
Takže nenechte se zmást, pokud
nevypadá úplně úžasně,

00:05:37.160 --> 00:05:39.920
ale zaměřit se na to, co je
funkčně děje zde.

00:05:39.920 --> 00:05:42.320
Takže jsme v podstatě vzali program,

00:05:42.320 --> 00:05:43.490
a tady jsou všechny různé věci,

00:05:43.490 --> 00:05:44.630
máme CollectionView,

00:05:44.630 --> 00:05:48.185
CarouselView, IndicatorView
a všechny ty věci.

00:05:48.185 --> 00:05:51.445
Ale pojďme s
CollectionView právě teď.

00:05:51.445 --> 00:05:55.845
Jak jsem se zmínil,
můžete prostě jít s

00:05:55.845 --> 00:05:59.600
kolekce řetězců
Máme přímo tady.

00:05:59.600 --> 00:06:01.310
To je ono.

00:06:01.310 --> 00:06:03.110
Toto je jen kolekce řetězců.

00:06:03.110 --> 00:06:05.840
Připojíte to k
zdroj a výložník položky,

00:06:05.840 --> 00:06:08.505
máte CollectionView
s řetězci.

00:06:08.505 --> 00:06:10.490
Jak můžete vidět, je to také

00:06:10.490 --> 00:06:13.130
s výběrem
možnosti povoleny.

00:06:13.130 --> 00:06:15.560
Takže si můžete vybrat položky přímo zde,

00:06:15.560 --> 00:06:17.630
a na základě vybrané události nebo

00:06:17.630 --> 00:06:19.865
příkaz, který jste připojit k tomuto,

00:06:19.865 --> 00:06:23.160
můžete jít do
další obrazovku odtud.

00:06:23.360 --> 00:06:26.990
Jak můžete vidět, je tu
Je tu spousta věcí.

00:06:26.990 --> 00:06:30.005
takže budete pravděpodobně chtít
podívejte se na to sami.

00:06:30.005 --> 00:06:32.944
Všechny funkce jsou

00:06:32.944 --> 00:06:35.630
a můžete
si s tím zahrajte.

00:06:35.630 --> 00:06:38.990
Takže většina z těchto věcí bude
mají také různé odchylky

00:06:38.990 --> 00:06:42.800
kód v možná XAML a
horizontální, vertikální.

00:06:42.800 --> 00:06:45.845
Jak jsem řekl, je to také
používá k spuštění našich testů.

00:06:45.845 --> 00:06:47.660
Takže je tu spousta věcí.

00:06:47.660 --> 00:06:49.220
Další věc, která
Chci ti to ukázat.

00:06:49.220 --> 00:06:51.590
zde, že to kombinuje
pár věcí, které

00:06:51.590 --> 00:06:55.265
Mluvil jsem předtím, než je
voliče šablony dat.

00:06:55.265 --> 00:06:59.765
Takže tato šablona vybere
kdykoliv je všední den.

00:06:59.765 --> 00:07:02.780
Používá šablonu pro
plus z nějakého důvodu.

00:07:02.780 --> 00:07:07.400
Kdykoliv je víkend,
viz tato další ikona zde.

00:07:07.400 --> 00:07:10.490
Takže se to opakuje
několikrát.

00:07:10.490 --> 00:07:12.140
Ale můžete snadno filtrovat.

00:07:12.140 --> 00:07:14.660
Takže když půjdu na pondělí,

00:07:14.660 --> 00:07:16.580
objev není opravdu optimalizován,

00:07:16.580 --> 00:07:17.970
takže to trvá trochu,

00:07:17.970 --> 00:07:19.670
a měl bych stisknout "Enter",

00:07:19.670 --> 00:07:21.320
uvidíte všechny pondělí.

00:07:21.320 --> 00:07:24.200
Pokud něco hledáme
to tady není,

00:07:24.200 --> 00:07:26.870
takže v pondělí den, můžete vidět, že je to

00:07:26.870 --> 00:07:29.720
prázdné zobrazení, protože nemáme
mít nějaké výsledky vyhledávání zde.

00:07:29.720 --> 00:07:31.715
Takže to vyskočí prázdný pohled,

00:07:31.715 --> 00:07:35.180
a to je právě to, co
dostaneš se z krabice.

00:07:35.180 --> 00:07:40.210
kdykoli vaše sbírka není
mít nějaké položky tam.

00:07:40.210 --> 00:07:43.170
Tak co máme víc?
Samozřejmě, že to vše

00:07:43.170 --> 00:07:45.844
pracuje s pozorovatelnými sbírkami.

00:07:45.844 --> 00:07:48.800
Takže si můžete jen vzít
to a můžete vidět

00:07:48.800 --> 00:07:52.490
zde máme pár
ovládací prvky zde nahoře.

00:07:52.490 --> 00:07:54.380
Máme také záhlaví a zápatí.

00:07:54.380 --> 00:07:57.410
Myslím, že Javier ukáže
trochu o tom.

00:07:57.410 --> 00:07:59.630
Ale tady máme věci,

00:07:59.630 --> 00:08:02.210
a protože je to
pozorovatelný sběr,

00:08:02.210 --> 00:08:05.300
můžete pozorovat jakékoli změny, které
se stane v této kolekci.

00:08:05.300 --> 00:08:07.580
Takže můžeme odstranit pár tady,

00:08:07.580 --> 00:08:10.700
a vidíte, že to
automaticky aktualizuje.

00:08:10.700 --> 00:08:13.970
Kdykoli vkládáme
pár věcí,

00:08:13.970 --> 00:08:16.550
bude zde vložen v horní části.

00:08:16.550 --> 00:08:19.070
Umím také určit
jiný index, aby

00:08:19.070 --> 00:08:22.160
vložte jej do jiného
pokud chci.

00:08:22.160 --> 00:08:26.705
Takže ano, a mohu také přesunout
pár těchto věcí kolem.

00:08:26.705 --> 00:08:32.085
Takže vidíte, že to prostě funguje okamžitě.

00:08:32.085 --> 00:08:33.780
Velmi výkonný, vypadá to dobře,

00:08:33.780 --> 00:08:37.870
má tuto animaci fade.
Vypadá to úžasně.

00:08:38.820 --> 00:08:41.650
Tak co máme víc?
Máme body.

00:08:41.650 --> 00:08:43.510
To je také něco
jsme představili.

00:08:43.510 --> 00:08:45.310
Takže pokud jste to nikdy předtím neviděli,

00:08:45.310 --> 00:08:47.930
Tentokrát si vezmeme svislý seznam.

00:08:48.030 --> 00:08:51.310
Přichycení bodů v podstatě znamená
že kdykoli vysení,

00:08:51.310 --> 00:08:52.690
Chci říct, že to nic nedělá.

00:08:52.690 --> 00:08:53.800
Ale vždy, když vybereme

00:08:53.800 --> 00:08:57.670
bod přichycení zde a
nastavili jsme ji na povinnou,

00:08:57.670 --> 00:09:00.520
pak vidíte, kdykoli jsem se posouvat
tady a já jsem nastavit na něco,

00:09:00.520 --> 00:09:04.150
zaskočí, aby získal
určitou položku a můžete

00:09:04.150 --> 00:09:08.275
ovlivnit toto chování nastavením
zde začátek nebo střed.

00:09:08.275 --> 00:09:10.240
Takže kdykoliv jsem to nastavil do středu,

00:09:10.240 --> 00:09:11.755
vystředí položku.

00:09:11.755 --> 00:09:14.740
Takže právě teď, vidíte dvě položky zde,

00:09:14.740 --> 00:09:16.015
ale teď začnu rolovat,

00:09:16.015 --> 00:09:19.600
a kdykoli nemám
položka ve středu zde,

00:09:19.600 --> 00:09:24.430
zajistí, že se zaskočí
na středovou položku přímo zde.

00:09:24.430 --> 00:09:26.530
Takže to bude vypadat
krásné ve vašich návrzích,

00:09:26.530 --> 00:09:28.390
a můžete to udělat
práce tak jako tak, jak chcete.

00:09:28.390 --> 00:09:30.940
Můžete nakonfigurovat několik

00:09:30.940 --> 00:09:33.730
věcí, které zde, aby to
pracovat s vaším návrhem.

00:09:33.730 --> 00:09:35.500
Tak co máme víc?

00:09:35.500 --> 00:09:37.915
Musíme také posouvat
také jsem se již zmínil.

00:09:37.915 --> 00:09:40.480
Opět platí, že více možností
zde z čeho vybírat.

00:09:40.480 --> 00:09:43.060
Vyberme si jednu.
a můžeme říct: "Dobře,

00:09:43.060 --> 00:09:46.570
přejděte na index, takže máme
počet položek zde znovu,"

00:09:46.570 --> 00:09:51.175
jak jsem se zmínil, ne nutně
velmi pěkné, ale funguje to.

00:09:51.175 --> 00:09:54.235
Takže když řeknu přejděte na
index a říkám 10,

00:09:54.235 --> 00:09:56.065
který není v pohledu přímo tady,

00:09:56.065 --> 00:09:57.385
a já to dělám,

00:09:57.385 --> 00:09:59.845
pak se ujistí, že
že se posune na 10.

00:09:59.845 --> 00:10:02.470
Protože jsem nastavil svitek na
pozice pro zviditelnění,

00:10:02.470 --> 00:10:03.670
to bude jen, aby bylo viditelné.

00:10:03.670 --> 00:10:05.065
Takže to bude na konci teď.

00:10:05.065 --> 00:10:07.900
Ale mohu také nastavit toto
být na počátečním středu nebo na konci.

00:10:07.900 --> 00:10:11.275
Takže když jsem nastavit to, aby se na
start a stisknu tlačítko "Go" znovu,

00:10:11.275 --> 00:10:14.900
zajistí, aby tato
položka je uvedena na začátku.

00:10:17.130 --> 00:10:19.450
Co mám víc?

00:10:19.450 --> 00:10:22.090
[neslyšitelné] , jdeme
vidět, že později.

00:10:22.090 --> 00:10:23.620
Prázdný pohled, to už jsme viděli.

00:10:23.620 --> 00:10:25.510
trochu a výběr stejně.

00:10:25.510 --> 00:10:28.015
Ale pojďme jen rychle
ponořte se do tohoto.

00:10:28.015 --> 00:10:29.980
Máme několik režimů výběru.

00:10:29.980 --> 00:10:33.550
Takže můžete mít jednu nebo
více výběrů zde nebo žádný,

00:10:33.550 --> 00:10:35.320
což je také možnost.

00:10:35.320 --> 00:10:37.600
Takže teď můžu vybrat cokoliv.

00:10:37.600 --> 00:10:39.580
Ale když jsem to nastavil na svobodný,

00:10:39.580 --> 00:10:41.320
pak můžete vybrat jednu
možností zde.

00:10:41.320 --> 00:10:43.990
Můžete vidět, že také
pracuje v rozvržení mřížky,

00:10:43.990 --> 00:10:49.240
a můžete zde vidět všechny
informace přicházející z akce.

00:10:49.240 --> 00:10:51.520
Můžeme také udělat více.

00:10:51.520 --> 00:10:56.860
Takže právě teď, vidíte, že jsem
mají výběr násobků.

00:10:56.860 --> 00:10:59.230
Šel bych do kódu přímo tady,

00:10:59.230 --> 00:11:02.380
ale vidím, že beru
již nějakou dobu,

00:11:02.380 --> 00:11:06.400
takže myslím, že to prostě předám.
Na Javiera právě teď a Javier

00:11:06.400 --> 00:11:10.360
pak může ukázat trochu
kódu a ponořit se do toho.

00:11:10.360 --> 00:11:12.475
Javiere, ožeň to pryč.

00:11:12.475 --> 00:11:16.630
"Pokusím se. Takže pojďme
pokračovat s větším počtu zaměstnanců

00:11:16.630 --> 00:11:19.330
o zobrazení kolekce, protože v

00:11:19.330 --> 00:11:22.405
skutečnost, že máme šílený
množství vzorků.

00:11:22.405 --> 00:11:28.900
Takže nevím přesně, kde
Necháte vzorek.

00:11:28.900 --> 00:11:31.390
Nech mě popravit, v tomto případě,

00:11:31.390 --> 00:11:35.720
pomocí android, cokoliv, co
používáte s iOS. Tak se podívejme.

00:11:39.360 --> 00:11:42.760
"" Budu jen mluvit, zatímco
dostanete to běží.

00:11:42.760 --> 00:11:44.980
Věděl jsem, že půjdeš.
zobrazíte android.

00:11:44.980 --> 00:11:46.825
Chci říct, je to všechno Xamarin Forms.

00:11:46.825 --> 00:11:49.165
Takže ať jsme implementovali cokoliv,

00:11:49.165 --> 00:11:52.600
můžete to udělat na Android kdykoliv
emulátor funguje a vy

00:11:52.600 --> 00:11:56.365
může to udělat na iOS a bude
oba vykazují podobné výsledky.

00:11:56.365 --> 00:12:02.350
Takže ano, to je důvod, proč jsem
se rozhodli to udělat v iOS.

00:12:02.350 --> 00:12:07.000
"" Takže mám pocit, že mám
problém se simulátorem.

00:12:07.000 --> 00:12:10.150
Nevím, proč je to
nefunguje. Nic?

00:12:10.150 --> 00:12:12.895
"Dobře. Chceš
mě jen pokračovat?

00:12:12.895 --> 00:12:16.120
"Ano. Pokračujte, prosím.
s demo.

00:12:16.120 --> 00:12:17.230
"Dobře.

00:12:17.230 --> 00:12:20.245
"Udělal jsem chybu a připravuji se

00:12:20.245 --> 00:12:21.925
všechny dema,

00:12:21.925 --> 00:12:23.815
Asi před hodinou,

00:12:23.815 --> 00:12:28.555
Mám pocit, že možná
Nebyl to nejlepší nápad.

00:12:28.555 --> 00:12:33.955
"V žádném případě. Jen naplním čas.

00:12:33.955 --> 00:12:35.305
Dejte mi vědět, až budete připraveni.

00:12:35.305 --> 00:12:38.845
Tak se podívejme.

00:12:38.845 --> 00:12:40.420
Tak jdeme na to. Omlouváme se za

00:12:40.420 --> 00:12:42.370
blikající obrazovky a
všechno, jdeme na to.

00:12:42.370 --> 00:12:44.530
Podíváme se na cokoliv.
Máme tu víc.

00:12:44.530 --> 00:12:49.555
Takže to, co můžete udělat více s
zobrazení kolekce, máme výběr.

00:12:49.555 --> 00:12:51.220
Můžete také provést seskupování.

00:12:51.220 --> 00:12:54.250
Takže to je také něco, co jste
může vědět ze zobrazení seznamu.

00:12:54.250 --> 00:12:56.815
Takže tady máme nějaké seskupení

00:12:56.815 --> 00:13:00.550
a vidím, že máme nějaké
superhrdinové tady.

00:13:00.550 --> 00:13:04.270
To má záhlaví a
zápatí pro skupinu.

00:13:04.270 --> 00:13:08.215
Takže tady máme Avengers.
se všemi členy tam

00:13:08.215 --> 00:13:10.480
a Fantastická čtyřka
a obránci

00:13:10.480 --> 00:13:13.135
a všechny druhy jiných superhrdinů.

00:13:13.135 --> 00:13:16.200
Většinou jsou seskupeny do skupiny,

00:13:16.200 --> 00:13:19.350
jak byste očekávali, což je
také něco, co byste mohli udělat.

00:13:19.350 --> 00:13:20.835
Myslím, že pracujeme.

00:13:20.835 --> 00:13:24.120
na skutečně přichycení
tato skupina záhlaví zde,

00:13:24.120 --> 00:13:27.330
tak, že něco
to se ještě blíží.

00:13:27.330 --> 00:13:28.860
Ale alespoň jste

00:13:28.860 --> 00:13:31.350
možnost dělat
tyto skupiny právě teď.

00:13:31.350 --> 00:13:34.005
Můžete to také provést
bez jakýchkoli šablon,

00:13:34.005 --> 00:13:37.990
Takže to nevypadá moc dobře.

00:13:37.990 --> 00:13:40.150
Javiere, máš to vyskakuješ.
a běží znovu, protože

00:13:40.150 --> 00:13:42.310
Jen si tu zaplavu.

00:13:42.310 --> 00:13:45.080
Půjdu jen na rozestupy položek.

00:13:45.420 --> 00:13:48.250
Což je také něco
které můžete udělat.

00:13:48.250 --> 00:13:51.820
Tak ji použijeme s
grid, to je vždy dobré.

00:13:51.820 --> 00:13:54.460
Zde můžete zadat

00:13:54.460 --> 00:13:57.610
kolik místa by mělo být
mezi různými položkami.

00:13:57.610 --> 00:14:02.470
Takže když začnu hrát tady
a já říkám 10 a aktualizovat mezery,

00:14:02.470 --> 00:14:04.750
můžete vidět, že mezi sloupci,

00:14:04.750 --> 00:14:07.230
bude 10 mezer.

00:14:07.230 --> 00:14:13.260
Mohu to také udělat mezi
řádky, protože se jedná o zobrazení mřížky.

00:14:13.260 --> 00:14:16.775
Takže kdykoliv to udělám,

00:14:16.775 --> 00:14:19.510
pak byste měli také
viz mezery zde.

00:14:19.510 --> 00:14:21.310
Tak to je něco
který vám také poskytne

00:14:21.310 --> 00:14:23.230
větší kontrolu nad tím, jak věci

00:14:23.230 --> 00:14:29.030
vzhled a aby to fungovalo
s vaším designem lépe.

00:14:30.000 --> 00:14:33.520
Dobře. Máš to?

00:14:33.520 --> 00:14:34.600
Můžu pokračovat, jestli chceš.

00:14:34.600 --> 00:14:36.680
"Dobře. Ano.

00:14:42.270 --> 00:14:46.810
"" Dovolte mi vyměnit obrazovku.

00:14:46.810 --> 00:14:48.850
Mluvil jsi o tom, myslím,

00:14:48.850 --> 00:14:52.585
a pak můžeme pokračovat
mluvit o všech směsí,

00:14:52.585 --> 00:14:54.430
jako velikost položky.

00:14:54.430 --> 00:14:57.370
Existují různé
možnosti zde, ale já

00:14:57.370 --> 00:15:00.310
chcete mluvit o
položku uvnitř této strategie,

00:15:00.310 --> 00:15:04.120
sub vlastnost, kde jste
můžete použít různé hodnoty.

00:15:04.120 --> 00:15:07.630
Existuje hodnota, která
toto je první položka.

00:15:07.630 --> 00:15:11.290
To znamená, že vypočítáme
velikost první položky,

00:15:11.290 --> 00:15:15.310
a budeme používat stejné
velikost pro všechny buňky.

00:15:15.310 --> 00:15:18.025
Ale samozřejmě, tam jsou

00:15:18.025 --> 00:15:22.015
možnosti pro výpočet velikosti
všech různých velikostí,

00:15:22.015 --> 00:15:25.165
jak můžete vidět v
tento specifický vzorek,

00:15:25.165 --> 00:15:28.840
všechny prodeje různé velikosti.

00:15:28.840 --> 00:15:30.400
Tak jaký je v tom rozdíl?

00:15:30.400 --> 00:15:33.820
Rozdíl v tomto
případ je o výkonu.

00:15:33.820 --> 00:15:36.985
Pokud mají všechny buňky
určitou vzdálenost,

00:15:36.985 --> 00:15:41.080
stačí vypočítat, jednou
je něco zajímavého.

00:15:41.080 --> 00:15:43.930
Pak samozřejmě
již dříve hovořili.

00:15:43.930 --> 00:15:45.760
Máme možnost nastavit

00:15:45.760 --> 00:15:48.265
záhlaví a zápatí
zobrazení kolekce.

00:15:48.265 --> 00:15:53.740
Můžeme použít jednoduché proudy
ale můžeme také použít

00:15:53.740 --> 00:15:57.640
šablony a můžeme

00:15:57.640 --> 00:16:01.495
přímo zřetězit viditelnost
záhlaví a

00:16:01.495 --> 00:16:04.190
Samozřejmě, ze zápatí.

00:16:05.790 --> 00:16:10.675
Poslední, a myslím, že
že je to jen demo,

00:16:10.675 --> 00:16:12.850
no, [neslyšitelné]
Vypadají velmi, velmi pěkné,

00:16:12.850 --> 00:16:13.975
ale to je úžasné.

00:16:13.975 --> 00:16:17.545
Podívejte se na to
úžasný výkon.

00:16:17.545 --> 00:16:19.990
Chci se trochu zastavit.

00:16:19.990 --> 00:16:22.900
vzorek, protože to, co
vidíme zde je

00:16:22.900 --> 00:16:26.560
vnořené CollectionView a že

00:16:26.560 --> 00:16:29.860
znamená, že každá věc, která

00:16:29.860 --> 00:16:33.220
viděli jsme předtím
byl uživatel CollectionView,

00:16:33.220 --> 00:16:36.955
kde je každá položka
jiné ho View CollectionView.

00:16:36.955 --> 00:16:39.550
Takže jsme hnízdili všechny tyto
CollectionViews vytvořit

00:16:39.550 --> 00:16:44.260
toto rozložení, kde
pravděpodobně jste viděli.

00:16:44.260 --> 00:16:47.500
Například multimediální
aplikace, aplikace pro streamování,

00:16:47.500 --> 00:16:49.720
a je velmi jednoduché vytvořit,

00:16:49.720 --> 00:16:53.425
a ano, funguje to velmi dobře.

00:16:53.425 --> 00:16:58.060
Myslím, že můžeme pokračovat
zaměřit se na CollectionView,

00:16:58.060 --> 00:17:01.570
ale přeskočíme na jinou kontrolu.

00:17:01.570 --> 00:17:06.775
V tomto případě je CarouselView
další velmi pěkná kontrola.

00:17:06.775 --> 00:17:10.720
Jedním z velmi pěkných bodů, které je

00:17:10.720 --> 00:17:14.515
sdílení velkého množství kódu
s CollectionView,

00:17:14.515 --> 00:17:17.530
a ve výchozím nastavení získáme
mnoho funkcí

00:17:17.530 --> 00:17:20.755
z CollectionView
práce v CarouselView.

00:17:20.755 --> 00:17:24.730
Ale pojďme si trochu času

00:17:24.730 --> 00:17:29.965
s Gerald mluví o
CarouselView s více podrobnostmi.

00:17:29.965 --> 00:17:32.545
No, už jsi všechno řekl.

00:17:32.545 --> 00:17:36.430
Tak se na to podíváme. Pojďme skočit.
do zobrazení CarouselView.

00:17:36.430 --> 00:17:37.960
Takže jak javier již zmínil,

00:17:37.960 --> 00:17:41.050
je postaven na vrcholu v podstatě
CollectionView.

00:17:41.050 --> 00:17:45.280
Takže CarouselView je

00:17:45.280 --> 00:17:47.334
v podstatě to, co jste pravděpodobně

00:17:47.334 --> 00:17:50.530
vědět z webu a
další chození do oblíbených aplikací.

00:17:50.530 --> 00:17:53.815
Takže většinu času se prostě
zobrazit vodorovný seznam, který

00:17:53.815 --> 00:17:57.295
posune dlaždice nebo tak.

00:17:57.295 --> 00:17:59.050
Takže myslím, že Netflix, myslím,

00:17:59.050 --> 00:18:03.265
Všichni teď pracujeme z domova.
takže všichni víme, Netflix teď.

00:18:03.265 --> 00:18:05.725
Máte tyto řádky, kde máte

00:18:05.725 --> 00:18:07.510
to vše KolotočViews
kde můžete jen

00:18:07.510 --> 00:18:10.060
procházet všechny vaše
seriály a filmy,

00:18:10.060 --> 00:18:14.260
a každá dlaždice je série nebo film.

00:18:14.260 --> 00:18:19.150
Takže to je v podstatě všechno
CarouselViews přímo tam.

00:18:19.150 --> 00:18:21.220
To je to, co jsme
i zde.

00:18:21.220 --> 00:18:24.040
Můžete vidět trochu
vzorek zde na dně.

00:18:24.040 --> 00:18:27.625
Takže je to v podstatě jen
specializovaný pohled na

00:18:27.625 --> 00:18:32.680
CollectionView, který má
velmi specifický případ použití.

00:18:32.680 --> 00:18:34.780
Takže to můžeš použít k zobrazení

00:18:34.780 --> 00:18:37.555
vaše data ve vizuálně
velmi přitažlivým způsobem.

00:18:37.555 --> 00:18:41.410
Je to velmi populární v
moderní aplikace.

00:18:41.410 --> 00:18:44.965
Je vhodnější pro
omezené délky.

00:18:44.965 --> 00:18:47.230
To neznamená, že výkon je

00:18:47.230 --> 00:18:49.810
něco, co nebude
práce pro tuto kontrolu,

00:18:49.810 --> 00:18:53.515
ale je to jen vhodnější
pro zatím omezený počet

00:18:53.515 --> 00:18:55.360
položek ve vaší sbírce

00:18:55.360 --> 00:18:57.880
že chcete, aby vaši uživatelé
procházet.

00:18:57.880 --> 00:19:01.810
Můžete použít spoustu věcí, které
jsou také v CollectionView.

00:19:01.810 --> 00:19:03.520
Takže můžete také použít orientaci,

00:19:03.520 --> 00:19:05.620
můžete také použít
rozložení, pokud chcete.

00:19:05.620 --> 00:19:08.575
Šablony dat budou velké
i pro tuto kontrolu.

00:19:08.575 --> 00:19:10.600
Funguje perfektně společně s

00:19:10.600 --> 00:19:13.795
IndicatorView, že budeme
vidět trochu později.

00:19:13.795 --> 00:19:16.450
Tento ovládací prvek je právě teď ve verzi Preview.

00:19:16.450 --> 00:19:18.445
Takže jestli to chceš použít dnes,

00:19:18.445 --> 00:19:22.990
můžete, ale musíte povolit
s experimentální vlajkou.

00:19:22.990 --> 00:19:26.110
Takže to uvidíte v několika

00:19:26.110 --> 00:19:30.040
snímky více pro jiné ovládací prvky
které jsou také ve verzi Preview.

00:19:30.040 --> 00:19:33.520
Tak si to jen pamatuj.
Pořád na tom pracujeme.

00:19:33.520 --> 00:19:34.840
Některé věci se mohou změnit,

00:19:34.840 --> 00:19:37.960
ale ano, většina
věci by měly prostě fungovat.

00:19:37.960 --> 00:19:41.635
Takže pojďme rychle a udělat
trochu demo, že stejně.

00:19:41.635 --> 00:19:44.390
Tohle by mělo fungovat.

00:19:45.480 --> 00:19:49.375
Znovu, budu jen pop v
na tuto demo aplikaci zde.

00:19:49.375 --> 00:19:51.610
Zde máme CarouselView.

00:19:51.610 --> 00:19:52.750
Takže tohle velké tlačítko,

00:19:52.750 --> 00:19:55.045
nezapomeňte stisknout, že protože

00:19:55.045 --> 00:19:58.255
který umožňuje skutečné
experimentální vlajku.

00:19:58.255 --> 00:19:59.770
Zde máme několik možností.

00:19:59.770 --> 00:20:01.225
Takže to můžeme udělat v kódu,

00:20:01.225 --> 00:20:03.340
horizontální nebo vertikální, a my jsme

00:20:03.340 --> 00:20:05.860
některé snap a také prázdné
zobrazit takové věci.

00:20:05.860 --> 00:20:09.280
Tak se podíváme, jestli to zvládneme.

00:20:09.280 --> 00:20:12.070
Zde si můžete prohlédnout tak
máme pět položek.

00:20:12.070 --> 00:20:15.070
Mohu snadno aktualizovat tento
na 50 a měl jsem mít

00:20:15.070 --> 00:20:18.265
spousta dalších rotujících položek zde.

00:20:18.265 --> 00:20:20.740
Takže tu máme malý posuvník.

00:20:20.740 --> 00:20:22.960
Takže můžete vidět, že jsme
mnoho položek a vy

00:20:22.960 --> 00:20:25.180
můžete vidět spoustu věcí děje
tady, když jsem rolování.

00:20:25.180 --> 00:20:27.835
Takže to požáry rolování událost

00:20:27.835 --> 00:20:30.025
takže můžete vidět, která položka je viditelná,

00:20:30.025 --> 00:20:31.270
první, poslední,

00:20:31.270 --> 00:20:33.040
delta a posun.

00:20:33.040 --> 00:20:35.200
Takže o tom jsem mluvil předtím.

00:20:35.200 --> 00:20:38.365
Mnoho dat přichází
z této události posouvání.

00:20:38.365 --> 00:20:41.110
Také zde mezery
je jen něco, co

00:20:41.110 --> 00:20:43.615
můžete použít, takže dostanete
trochu více mezer,

00:20:43.615 --> 00:20:45.310
10 není tolik,

00:20:45.310 --> 00:20:46.690
100 je trochu moc,

00:20:46.690 --> 00:20:51.235
ale dostanete nápad, takže
Můžeš si s tím hrát.

00:20:51.235 --> 00:20:57.085
Také máte něco, co jsme
volejte PeekAreaInsets, myslím.

00:20:57.085 --> 00:21:00.640
Takže můžete vidět tento malý
položky zde vlevo a

00:21:00.640 --> 00:21:02.215
vpravo a můžete

00:21:02.215 --> 00:21:04.660
určit, kolik
položku, kterou uvidíte.

00:21:04.660 --> 00:21:08.575
Takže to vypadá trochu legrační, kdykoliv
změníte to při běhu,

00:21:08.575 --> 00:21:11.440
ale můžete vidět, že jste
může dráždit trochu

00:21:11.440 --> 00:21:14.740
položky, která je
dříve nebo vedle.

00:21:14.740 --> 00:21:16.540
Můžete také vidět, že se táhne.

00:21:16.540 --> 00:21:20.680
Takže to je většinou vidět, jestli
uživatel přetahuje ano nebo ne,

00:21:20.680 --> 00:21:23.890
a máme několik dalších vlastností
Jako můžeme animovat to?

00:21:23.890 --> 00:21:25.210
Můžeme to přetáhnout?

00:21:25.210 --> 00:21:27.549
Odraz. Takže v podstatě,

00:21:27.549 --> 00:21:29.890
kdykoli se dostanete na začátek
nebo na konci seznamu,

00:21:29.890 --> 00:21:33.950
dělá to odrazit takhle nebo
To prostě stojí na místě?

00:21:34.710 --> 00:21:37.075
Samozřejmě, také zde,

00:21:37.075 --> 00:21:39.445
go-to věc, takže můžete jít do

00:21:39.445 --> 00:21:44.240
určitou položku v tomto přehledu CarouselView.

00:21:46.080 --> 00:21:49.270
Takže také tady, vidím, že mám kartu

00:21:49.270 --> 00:21:51.850
otevřené pro přichycení. Jo, promiňte?

00:21:51.850 --> 00:21:54.490
"> Pod svitky, pokud

00:21:54.490 --> 00:21:57.715
vrátit se velmi rychle zpět, abyste
seznam vzorků,

00:21:57.715 --> 00:22:00.475
vystředíte
vertikální CarouselView,

00:22:00.475 --> 00:22:05.590
abyste si všimli, že je častější
mít horizontální CarouselView.

00:22:05.590 --> 00:22:09.715
Ale samozřejmě, můžete vytvořit
vertikální bez problémů.

00:22:09.715 --> 00:22:13.750
"Ano, žádný problém.
I když zde

00:22:13.750 --> 00:22:15.700
mají přichycení mechanismus tak

00:22:15.700 --> 00:22:18.355
to nemá
jakékoliv štěkání vůbec.

00:22:18.355 --> 00:22:20.260
Promiň, ale má to praskání.

00:22:20.260 --> 00:22:23.020
Takže bych to měl zpomalit.
dolů a uvidíte to.

00:22:23.020 --> 00:22:26.020
Takže kdykoliv nepřistanu
na jednu konkrétní položku,

00:22:26.020 --> 00:22:30.070
zajistí, aby
jít na začátek tady.

00:22:30.070 --> 00:22:33.550
Ale myslím, že jsem měl trochu
kód otevřený pro toto právě zde.

00:22:33.550 --> 00:22:35.530
Takže pro všechny tyto věci

00:22:35.530 --> 00:22:37.660
udělali jsme to tak snadné, jak
je možné je použít.

00:22:37.660 --> 00:22:39.280
Takže tady můžeš říct:

00:22:39.280 --> 00:22:41.095
vytvořit nový CarouselView.

00:22:41.095 --> 00:22:43.270
Můžete určit, které rozložení se má použít.

00:22:43.270 --> 00:22:45.520
Máme pro vás nějaké předdefinované.

00:22:45.520 --> 00:22:49.690
Je možné, že budete moci vytvořit
vlastní rozvržení právě teď.

00:22:49.690 --> 00:22:54.020
Javiere, víš to? Nebo možná jsme
v budoucnu umožní.

00:22:54.210 --> 00:22:56.890
Můžete použít položkuŠablony,

00:22:56.890 --> 00:22:59.230
barva pozadí
nebo PeekAreaInsets,

00:22:59.230 --> 00:23:02.510
Už jsem se o tom zmínil.

00:23:02.790 --> 00:23:07.000
To je v podstatě vše, co potřebujete
chcete-li nastavit nový CarouselView

00:23:07.000 --> 00:23:11.390
a používat všechny tyto diskrétní
funkce přímo zde.

00:23:14.340 --> 00:23:16.465
Takže IndicatorView, ano,

00:23:16.465 --> 00:23:18.580
to je něco, co
je pevně spojena s

00:23:18.580 --> 00:23:21.055
CarouselView jako
Už jsem se zmínil.

00:23:21.055 --> 00:23:24.775
Takže pokud máte CarouselView,

00:23:24.775 --> 00:23:26.710
možná také víte, že mnoho

00:23:26.710 --> 00:23:29.410
tyto kontroly mají
tento malý tečky na

00:23:29.410 --> 00:23:31.840
dno, které ukazuje

00:23:31.840 --> 00:23:35.680
kolik položek existuje
ve skutečném CarouselView,

00:23:35.680 --> 00:23:39.010
ale také, které index
které jste právě vybrali.

00:23:39.010 --> 00:23:41.860
Takže to je to, co chceme
s IndicatorView.

00:23:41.860 --> 00:23:44.200
Opět platí, že i v náhledu,

00:23:44.200 --> 00:23:48.625
zde vidíte trochu
kód, jak to používat.

00:23:48.625 --> 00:23:52.435
Máme možnosti, jak samozřejmě
udělat nějaké rozložení s tím,

00:23:52.435 --> 00:23:54.339
jak chcete
vystředit vodorovně,

00:23:54.339 --> 00:23:58.510
svisle, ale také jakou barvu
chcete uvést, že má být.

00:23:58.510 --> 00:24:00.760
Jakou barvu by měla
vybraný indikátor

00:24:00.760 --> 00:24:04.030
a jaký tvar chcete použít.

00:24:04.030 --> 00:24:08.155
Takže můžete vidět malý vzorek,

00:24:08.155 --> 00:24:11.080
na tomto snímku tady, barva,

00:24:11.080 --> 00:24:12.310
Už jsem se zmínil, že,

00:24:12.310 --> 00:24:14.290
tvar, ale můžete
také použít šablonu.

00:24:14.290 --> 00:24:19.180
Takže můžete také dát svůj vlastní
šablona pro indikátor,

00:24:19.180 --> 00:24:20.920
a samozřejmě můžete dát velikost,

00:24:20.920 --> 00:24:23.305
takže můžete udělat to větší nebo menší.

00:24:23.305 --> 00:24:26.860
Takže pojďme rychle skočit
do toho také.

00:24:26.860 --> 00:24:29.270
Máme spoustu dema.

00:24:30.530 --> 00:24:35.325
Takže můj ukazatel myši někdy
zmizí, když se přepnu.

00:24:35.325 --> 00:24:39.540
Tak jdeme na to. Tak tady jsme
mít IndicatorView.

00:24:39.540 --> 00:24:41.550
Opět platí, že nezapomeňte povolit.

00:24:41.550 --> 00:24:43.290
Jedná se o velmi
přímočará galerie.

00:24:43.290 --> 00:24:46.020
Máme jen jednu. V iOS

00:24:46.020 --> 00:24:48.270
zapomínáme používat
uložit oblast věci zde.

00:24:48.270 --> 00:24:50.400
Takže je to trochu
dole na dně,

00:24:50.400 --> 00:24:52.740
ale můžete vidět, kdykoli
Jdu na další,

00:24:52.740 --> 00:24:56.255
můžete vidět vybranou
objeví na další,

00:24:56.255 --> 00:24:59.440
a to vše funguje pěkně
s CarouselView.

00:24:59.440 --> 00:25:04.000
Můžeme to nastavit tak, aby
modrá, pokud chcete,

00:25:04.000 --> 00:25:06.505
a můžete vidět, že je stále černá.

00:25:06.505 --> 00:25:08.500
Můžete si hrát s
velikost zde trochu,

00:25:08.500 --> 00:25:11.050
takže můžete udělat to větší nebo malé,

00:25:11.050 --> 00:25:15.370
a můžete také jen pop to

00:25:15.370 --> 00:25:17.380
náměstí, nebo můžeme udělat

00:25:17.380 --> 00:25:20.815
trochu Xbox logo z
pomocí šablon.

00:25:20.815 --> 00:25:25.195
To funguje pouze na Android vidím.

00:25:25.195 --> 00:25:27.535
Vzhledem k tomu, že je to pravděpodobně
pomocí písma ikony,

00:25:27.535 --> 00:25:31.510
Javier, který se nepřidává k použití.

00:25:31.510 --> 00:25:33.730
"Ale jen nezapomeňte, že jsme

00:25:33.730 --> 00:25:37.450
výchozí kruh a obdélník

00:25:37.450 --> 00:25:41.590
protože jsou pravděpodobně
nejběžnější zobrazení indikátorů

00:25:41.590 --> 00:25:43.795
použití obecně,

00:25:43.795 --> 00:25:47.200
společné aplikace, ale s
šablona indikátoru,

00:25:47.200 --> 00:25:49.990
můžete použít jinou šablonu a nastavit

00:25:49.990 --> 00:25:54.219
jakýkoliv druh obsahu
uvnitř každého indikátoru.

00:25:54.219 --> 00:25:58.000
"Jo, co se s tím. Tak jsem rychle přešel
přejít na Android a zde můžete

00:25:58.000 --> 00:26:01.180
vidět, že jsme pomocí této malé věci

00:26:01.180 --> 00:26:02.950
zde také zobrazit šablonu.

00:26:02.950 --> 00:26:07.885
Takže můžete vše načíst do
indikátory, co chcete.

00:26:07.885 --> 00:26:12.325
Takže znovu, je to velmi
jednoduché jen inicializovat.

00:26:12.325 --> 00:26:14.800
Máme CarouselView,

00:26:14.800 --> 00:26:17.395
máte IndicatorView,

00:26:17.395 --> 00:26:20.245
a pak stačí říct
CarouselView.IndicatorView

00:26:20.245 --> 00:26:21.985
je tento případ tady,

00:26:21.985 --> 00:26:23.290
a budou propojeny.

00:26:23.290 --> 00:26:24.340
Automaticky bude vědět,

00:26:24.340 --> 00:26:27.340
kolik položek existuje
na základě zdroje položky.

00:26:27.340 --> 00:26:30.760
Ještě jedna věc, kterou chci poznamenat
rychle je IndicatorView

00:26:30.760 --> 00:26:33.850
je postaven jako samostatný ovládací prvek
protože v budoucnu,

00:26:33.850 --> 00:26:36.025
mohli bychom ji otevřít
i další ovládací prvky.

00:26:36.025 --> 00:26:38.830
Právě teď můžete použít
to pro CarouselView,

00:26:38.830 --> 00:26:41.155
ale kdo ví, co
budoucnost by mohla přinést?

00:26:41.155 --> 00:26:43.210
Takže tímto způsobem budeme mít

00:26:43.210 --> 00:26:46.315
flexibilitu, aby se
pro jiné ovládací prvky.

00:26:46.315 --> 00:26:49.945
"Dobře, Javiere, chceš
mluvit o RefreshView?

00:26:49.945 --> 00:26:51.610
"Ano, vlastně.

00:26:51.610 --> 00:26:54.265
Takže pokračujme s dalšími ovládacími prvky.

00:26:54.265 --> 00:26:58.135
V takovém případě pokračujme
s RefreshView.

00:26:58.135 --> 00:27:02.140
Takže zejména v uvolnění,

00:27:02.140 --> 00:27:06.595
jedním z běžných vzorců
UX odkazovat na data je

00:27:06.595 --> 00:27:11.890
efekt pull-to-refresh, který
navrhnout načtení vašich dat.

00:27:11.890 --> 00:27:13.630
Paulo, co je to za věc,

00:27:13.630 --> 00:27:16.615
jsme zahrnuli nový
ovládací prvek s názvem RefreshView,

00:27:16.615 --> 00:27:21.070
které umístíte jako obal
v jakémkoli rolovacím obsahu.

00:27:21.070 --> 00:27:23.800
To je důležité.
věc, protože jste

00:27:23.800 --> 00:27:28.640
pouze většina aktualizací
rolovací obsah.

00:27:28.710 --> 00:27:30.955
Chcete-li použít, je to docela snadné.

00:27:30.955 --> 00:27:32.230
Na konci, jak říkáme,

00:27:32.230 --> 00:27:34.750
Zablokujeme jakoukoliv kontrolu.

00:27:34.750 --> 00:27:38.410
V tomto případě používáme
ListView kolem RefreshView.

00:27:38.410 --> 00:27:40.960
Dvě hlavní vlastnosti
pobyty pro osvěžení.

00:27:40.960 --> 00:27:42.205
To je, jak je Boolean,

00:27:42.205 --> 00:27:45.250
že samozřejmě můžeme vázat a

00:27:45.250 --> 00:27:49.300
použití pomocí MVPA a všech
věci, které pravděpodobně milují.

00:27:49.300 --> 00:27:52.225
Můžeme také použít příkaz

00:27:52.225 --> 00:27:55.735
označte a proveďte
logiku pro aktualizaci seznamu.

00:27:55.735 --> 00:27:58.225
Samozřejmě, že existují
také možnosti související

00:27:58.225 --> 00:28:00.310
s přizpůsobením ovládacího prvku.

00:28:00.310 --> 00:28:05.005
Takže si můžete přizpůsobit, co je
barva indikátoru aktualizace,

00:28:05.005 --> 00:28:08.425
jaká je barva
pozadí RefreshView.

00:28:08.425 --> 00:28:11.819
Všechny ty věci, to znovu,

00:28:11.819 --> 00:28:15.300
uvidíme
s rychlou demo.

00:28:15.300 --> 00:28:20.230
Tak jsem se přesunout do předchozího vzorku.

00:28:25.530 --> 00:28:31.850
Nevím, proč prohrávám.
které se někdy dotýkají.

00:28:33.150 --> 00:28:37.104
Je to šílené. Nevím, jestli
to je s prezentací,

00:28:37.104 --> 00:28:43.210
ale můžete vidět v tomto
simulátor, zbytek funguje.

00:28:43.210 --> 00:28:47.180
>> Práce s emulátorem boty
opravdu rychle v těchto dnech, že jo?

00:28:48.600 --> 00:28:51.400
"" Teď to funguje. Nevím.

00:28:51.400 --> 00:28:54.295
Co. V tomto případě

00:28:54.295 --> 00:28:56.965
máme mnoho vzorků, ale na konci,

00:28:56.965 --> 00:28:58.450
důležité je, že

00:28:58.450 --> 00:29:00.265
lze použít s jakýmkoli vsuvným obsahem,

00:29:00.265 --> 00:29:03.190
a to znamená, že samozřejmě můžete

00:29:03.190 --> 00:29:08.080
aktualizovat veškerý obsah, který
používá ScrollView.

00:29:08.080 --> 00:29:10.975
Samozřejmě můžete použít
ListView, CollectionView,

00:29:10.975 --> 00:29:16.300
a CarouselView pro spuštění
pull-to-refresh.

00:29:16.300 --> 00:29:18.910
Můžete ji použít, samozřejmě,

00:29:18.910 --> 00:29:22.030
s seřizovačem a také

00:29:22.030 --> 00:29:25.330
může přímo vyvolat
příkaz například pro

00:29:25.330 --> 00:29:28.420
stisknutím tlačítka, zobrazit

00:29:28.420 --> 00:29:32.305
Zobrazení indikátorů a
RefreshView stejným způsobem.

00:29:32.305 --> 00:29:34.480
Samozřejmě, že také pracoval s

00:29:34.480 --> 00:29:38.590
jiné druhy ovládacích prvků, jako je WebView.

00:29:38.590 --> 00:29:43.015
Myslím, že je to
nakládka bloku Xamarin,

00:29:43.015 --> 00:29:47.210
a můžeme vytáhnout ji obnovit.

00:29:47.730 --> 00:29:51.280
Jedním zajímavým bodem je, že

00:29:51.280 --> 00:29:54.160
v mnoha ovládacích prvcích
které dnes ukazujeme,

00:29:54.160 --> 00:29:56.439
jsme určitá platforma specifická.

00:29:56.439 --> 00:29:59.800
Pamatujte si, že naše logika je
specifické pro určitou platformu.

00:29:59.800 --> 00:30:01.420
V tomto případě, v systému Windows,

00:30:01.420 --> 00:30:03.400
můžete nastavit tuto bílou detekci.

00:30:03.400 --> 00:30:05.500
Můžete přejet z vrcholu,

00:30:05.500 --> 00:30:07.465
vlevo nebo vpravo.

00:30:07.465 --> 00:30:08.575
V ostatních platformách

00:30:08.575 --> 00:30:11.515
ve výchozím nastavení funguje pouze shora.

00:30:11.515 --> 00:30:13.240
Kód je velmi jednoduchý.

00:30:13.240 --> 00:30:20.720
Skočím na vzorek.
pro opakované použití s ListView.

00:30:27.210 --> 00:30:29.740
Tak jsme tady,

00:30:29.740 --> 00:30:33.400
ListView, samozřejmě,
na našem seznamu položek,

00:30:33.400 --> 00:30:35.290
a používáme RefreshView.

00:30:35.290 --> 00:30:37.240
Chcete-li přizpůsobit
řízení, používáme

00:30:37.240 --> 00:30:39.400
refreshcolor a
BackgroundColor vlastnosti,

00:30:39.400 --> 00:30:42.100
ale opět, nejvíce
důležité vlastnosti jsou

00:30:42.100 --> 00:30:45.610
osvěžující vlastnost
a příkaz.

00:30:45.610 --> 00:30:48.490
S tlačítkem, které
provést aktualizaci,

00:30:48.490 --> 00:30:51.070
ale jediná věc, kterou jsme
dělají, je spustit stejné

00:30:51.070 --> 00:30:55.400
příkaz svázán s
RefreshView, příkaz.

00:30:55.440 --> 00:30:59.860
Pokračování s více
ovládací prvky, protože

00:30:59.860 --> 00:31:03.985
mají spoustu dema a
další věci k přezkoumání,

00:31:03.985 --> 00:31:06.025
Podívejme se na SwipeView.

00:31:06.025 --> 00:31:08.500
Stejným způsobem, jakým
jsme viděli dříve,

00:31:08.500 --> 00:31:11.320
RefreshView, které umožňují dělat

00:31:11.320 --> 00:31:14.740
gesto pro aktualizaci bez nutnosti

00:31:14.740 --> 00:31:17.650
být spojeny s
konkrétní kontrolu.

00:31:17.650 --> 00:31:18.790
Jak jsme viděli dříve,

00:31:18.790 --> 00:31:21.025
pracuje s jakýmkoli
[neslyšitelný] obsah.

00:31:21.025 --> 00:31:27.385
Nyní máme možnost
seznam položek, například

00:31:27.385 --> 00:31:34.975
přístup k provedení konkrétního
v jedné z položek.

00:31:34.975 --> 00:31:38.725
Za to jsme umožňující výpad

00:31:38.725 --> 00:31:42.790
velící, aniž by bylo nutné
změnit stav aplikace.

00:31:42.790 --> 00:31:45.295
K tomu uvádíme
swipeview,

00:31:45.295 --> 00:31:49.135
SwipeView nám umožňují
přejeďte libovolným směrem,

00:31:49.135 --> 00:31:51.745
můžeme použít také přejeďte nahoru, dolů,

00:31:51.745 --> 00:31:53.395
zleva a zprava,

00:31:53.395 --> 00:31:54.970
a máme různé režimy.

00:31:54.970 --> 00:31:56.200
Dovolte mi to vysvětlit velmi rychle.

00:31:56.200 --> 00:31:59.350
dvou různých režimů, protože
jsou velmi, velmi odlišné.

00:31:59.350 --> 00:32:03.055
Máme v jedné ruce režim Odhalení,

00:32:03.055 --> 00:32:07.300
v tomto režimu přejetím
otevřete SwipeView.

00:32:07.300 --> 00:32:09.340
Uvidíme různé příkazy,

00:32:09.340 --> 00:32:13.540
a k provedení tohoto příkazu potřebujeme
výslovně klepněte na jeden z nich.

00:32:13.540 --> 00:32:17.425
V režimu spuštění
Je to úplně jiné,

00:32:17.425 --> 00:32:19.240
stačí jen přejet,

00:32:19.240 --> 00:32:22.510
a pokud překročíme prahovou hodnotu přejetí

00:32:22.510 --> 00:32:27.190
přidružený příkaz
s každou položkou,

00:32:27.190 --> 00:32:28.990
s každým příkazem bude provedena,

00:32:28.990 --> 00:32:33.490
a ne-li jen
SwipeView bude uzavřen.

00:32:33.490 --> 00:32:35.949
Jako ostatní předchozí kontroly

00:32:35.949 --> 00:32:38.740
Tento ovládací prvek je stále ve verzi Preview

00:32:38.740 --> 00:32:45.930
a to vyžaduje využití
experimentální vlajku.

00:32:45.930 --> 00:32:52.330
Takže tady máme základní
pomocí swipeview.

00:32:52.330 --> 00:32:55.045
Samozřejmě, to, co zde vidíme, je

00:32:55.045 --> 00:32:58.690
obsah potáhnutí prstem, který lze
být jakýkoliv druh obsahu.

00:32:58.690 --> 00:33:02.455
Jsme tady, kde vidíme
základní uspořádání s úrovní,

00:33:02.455 --> 00:33:05.290
a pak je SwipeItem

00:33:05.290 --> 00:33:08.755
základním prvkem, který
nám umožňuje nastavit text,

00:33:08.755 --> 00:33:10.705
ikona, barva pozadí,

00:33:10.705 --> 00:33:15.865
a pak samozřejmě mají příkazy
a metody, které mají být vyvolány.

00:33:15.865 --> 00:33:20.785
Jak můžete vidět ve GIF, že
uvidíme později s demo,

00:33:20.785 --> 00:33:23.740
můžete přejet prstem v libovolném směru.

00:33:23.740 --> 00:33:27.535
Máme také
BehaviorOnVoked, který se používá,

00:33:27.535 --> 00:33:30.970
chování, které bude
mít SwipeView, když

00:33:30.970 --> 00:33:34.825
stiskneme nebo zatlačíme
některý z příkazů.

00:33:34.825 --> 00:33:37.255
Máme auto ve výchozím nastavení,

00:33:37.255 --> 00:33:40.855
to znamená, že SwipeView
ve výchozím nastavení bude uzavřena.

00:33:40.855 --> 00:33:44.545
Samozřejmě, můžeme nastavit tento
výslovně s možností Zavřít,

00:33:44.545 --> 00:33:47.245
ale tam jsou další
možnost, která je RemainOpen,

00:33:47.245 --> 00:33:50.260
a s touto volbou
znamená, že pokud klepneme na

00:33:50.260 --> 00:33:54.400
jeden z příkazů
SwipeView zůstane otevřený.

00:33:54.400 --> 00:33:59.290
Provedení a vyvolání jakékoli akce
je snadné používat příkazy,

00:33:59.290 --> 00:34:02.770
nebo v tomto případě uplatňovaná metoda,

00:34:02.770 --> 00:34:05.260
a používat jej v kolekci je

00:34:05.260 --> 00:34:09.025
velmi podobné
použití RefreshView.

00:34:09.025 --> 00:34:10.870
Používáme stránky, například,

00:34:10.870 --> 00:34:16.780
Šablona data šablony itemtemplate
z CollectionView k použití a

00:34:16.780 --> 00:34:20.845
umožnit kontextové možnosti

00:34:20.845 --> 00:34:24.295
v každé položce ze sbírky.

00:34:24.295 --> 00:34:29.170
Poslední věc, kterou jsme viděli
SwipeItem před jsou

00:34:29.170 --> 00:34:31.644
velmi základní položky umožňují

00:34:31.644 --> 00:34:34.480
přizpůsobit trochu
barva pozadí,

00:34:34.480 --> 00:34:35.950
můžete nastavit ikonu,

00:34:35.950 --> 00:34:37.000
můžete nastavit text,

00:34:37.000 --> 00:34:42.655
ale co když chcete vlastní
obsah uvnitř některé z položek?

00:34:42.655 --> 00:34:45.280
No, zavádíme také
jiný SwipeItem,

00:34:45.280 --> 00:34:49.975
Myslím, že [neslyšitelné] SwipeItemView
které umožňují jakýkoli druh pohledu,

00:34:49.975 --> 00:34:52.285
tak povolit jakýkoliv druh
obsah uvnitř zde.

00:34:52.285 --> 00:34:58.525
Takže si můžete vytvořit vlastní obsah
uvnitř některé z položek přejetí prstem.

00:34:58.525 --> 00:35:03.200
Podívejme se na ukázku
přezkoumání všech těchto věcí.

00:35:03.840 --> 00:35:07.060
Dovolte mi, abych se znovu přesunout do emulátoru,

00:35:07.060 --> 00:35:10.100
Podívejme se, jestli pokračovat v práci.

00:35:13.830 --> 00:35:19.720
Tak dobře, můžete přejet
v libovolném směru,

00:35:19.720 --> 00:35:24.950
můžete jej použít i ve sbírkách,

00:35:25.740 --> 00:35:31.435
No, nech mě jednat rychle.
na vlastní swipeview.

00:35:31.435 --> 00:35:34.420
To se zdá být obsah pohled,

00:35:34.420 --> 00:35:38.035
ale pokud přejeďte
kterýkoli z směrů,

00:35:38.035 --> 00:35:41.800
můžete přistupovat k více rozvržením,

00:35:41.800 --> 00:35:44.515
a na konci jsou SwipeItems.

00:35:44.515 --> 00:35:48.295
Gerald a já máme nějaké velmi

00:35:48.295 --> 00:35:52.675
pěkné a dobře vypadající ukázky
připravené pomocí všech těchto věcí.

00:35:52.675 --> 00:35:55.869
Máme [neslyšitelný] čas
přezkoumat vše,

00:35:55.869 --> 00:35:59.800
ale dovolte mi, abych se pohybovat velmi rychle
pro všechny tyto dema,

00:35:59.800 --> 00:36:01.390
například v tomto případě

00:36:01.390 --> 00:36:03.610
Geralde, jestli si chceš promluvit.
velmi rychle o tom.

00:36:03.610 --> 00:36:07.030
"" ano. Takže tenhle
kombinuje všechny věci.

00:36:07.030 --> 00:36:08.650
Takže na hoře vidíte

00:36:08.650 --> 00:36:12.280
a CarouselView s
IndicatorView přímo nad ním,

00:36:12.280 --> 00:36:15.370
a další CarouselView
přímo tam dole.

00:36:15.370 --> 00:36:16.780
Takže můžete vidět, můžete vytvořit

00:36:16.780 --> 00:36:19.330
krásné vzory s
To vše dohromady.

00:36:19.330 --> 00:36:23.065
V dolní části budete
pravděpodobně vidět CollectionView.

00:36:23.065 --> 00:36:25.135
Takže ano, chci říct,

00:36:25.135 --> 00:36:30.265
nedovolte, aby funkční design
naše demo aplikace vás dostane mimo trať.

00:36:30.265 --> 00:36:34.495
Určitě můžete vytvořit velmi
úžasné věci s tímto.

00:36:34.495 --> 00:36:36.460
Takže Javiere, chceš
rychle předvést

00:36:36.460 --> 00:36:43.240
vlastní refreshview
Animační divadlo?

00:36:43.240 --> 00:36:45.010
"Ukažme to velmi rychle,

00:36:45.010 --> 00:36:48.820
abychom mohli přizpůsobit
barvy RefreshView,

00:36:48.820 --> 00:36:50.020
ale v tomto případě, například,

00:36:50.020 --> 00:36:51.610
co se stane, pokud chcete vytvořit

00:36:51.610 --> 00:36:54.610
přizpůsobený efekt pull-to-refresh?

00:36:54.610 --> 00:36:57.370
No, můžete to udělat velmi jednoduše.

00:36:57.370 --> 00:37:02.559
Znovu, to, co tady dělám
je jen pomocí SwipeView,

00:37:02.559 --> 00:37:04.420
Používám k použití horní položku

00:37:04.420 --> 00:37:06.640
velmi krásná animace Lottie

00:37:06.640 --> 00:37:10.465
že jsem jen na základě
na dobu běhu.

00:37:10.465 --> 00:37:13.420
Takže můžete míchat všechny tyto druhy

00:37:13.420 --> 00:37:16.540
kontroly a věci vytvořit velmi,

00:37:16.540 --> 00:37:19.130
velmi dobře vypadající ui.

00:37:21.690 --> 00:37:26.110
Máme více dema,
ale ne moc času.

00:37:26.110 --> 00:37:28.825
Takže se dostaneme až na konec.

00:37:28.825 --> 00:37:33.130
Dovolte mi, abych se velmi rychle podělil o
najdete všechny tyto ukázky,

00:37:33.130 --> 00:37:37.420
a existuje mnoho dalších
dema a věci, které máme

00:37:37.420 --> 00:37:41.380
nezobrazí, protože máme méně času,

00:37:41.380 --> 00:37:46.090
že všechny tyto dema
je třeba projít jeden po druhém.

00:37:46.090 --> 00:37:48.850
Ale můžete najít všechno
v těchto dvou odkazech.

00:37:48.850 --> 00:37:51.190
Doufejme, že vám to pomůže.

00:37:51.190 --> 00:37:55.009
a já nevím, jestli
máme otázky.

00:37:55.890 --> 00:37:59.170
"Ano, právě jsme
jedna rychlá otázka

00:37:59.170 --> 00:38:01.885
než předáme
k dalším řečníkům,

00:38:01.885 --> 00:38:05.770
a to znamená, že je zobrazení kolekce

00:38:05.770 --> 00:38:10.460
mají opožděné načítání a
nekonečná datová funkce?

00:38:11.910 --> 00:38:15.700
"Myslím, myslím, myslím,

00:38:15.700 --> 00:38:18.370
jste schopni
realizovat sami.

00:38:18.370 --> 00:38:21.400
Mohli bychom asi udělat
více v této oblasti

00:38:21.400 --> 00:38:24.670
podporu po vybalení z krabice.

00:38:24.670 --> 00:38:26.800
Ale právě teď to můžeš udělat s

00:38:26.800 --> 00:38:30.535
swipeEvents můžete
viz která položka je zobrazena,

00:38:30.535 --> 00:38:33.610
a tak můžete začít
načítání nových dat.

00:38:33.610 --> 00:38:36.385
Takže ano, to je určitě možné.

00:38:36.385 --> 00:38:37.180
"" Perfektní.

00:38:37.180 --> 00:38:38.890
"Takže ve výchozím nastavení
CollectionView mají

00:38:38.890 --> 00:38:41.575
některé příkazy pro detekci
když se dostanete na konec,

00:38:41.575 --> 00:38:43.810
a mnohem více dat,
a všechny ty věci.

00:38:43.810 --> 00:38:46.300
Takže všechny tyto druhy
věci jsou možné.

00:38:46.300 --> 00:38:47.845
"> Mnohem jednodušší než u listview.

00:38:47.845 --> 00:38:48.655
"" ano.

00:38:48.655 --> 00:38:51.850
"" Zní to skvěle. Dobře.
Mockrát vám děkuji za váš rozhovor,

00:38:51.850 --> 00:38:54.805
A teď ho vracím Jamesovi.

00:38:54.805 --> 00:38:56.965
"" Úžasné. Mockrát děkuju

00:38:56.965 --> 00:38:59.605
Olia, Gerald a Javier.

00:38:59.605 --> 00:39:02.560
Super úžasné. Miluji všechny
úžasné funkce, které se dějí.

00:39:02.560 --> 00:39:05.200
Teď jsem opravdu nadšená.
protože žijí z Itálie,

00:39:05.200 --> 00:39:07.870
Codrina je tu, aby si promluvila.
pro nás o tom, jak můžeme

00:39:07.870 --> 00:39:10.630
skutečně vyzkoušet naše
Xamarin aplikace,

00:39:10.630 --> 00:39:12.700
našeho ui a našeho zdrojového kódu.

00:39:12.700 --> 00:39:16.625
Codrino, já to rozjedu.
k vám a vzít to pryč.

00:39:16.625 --> 00:39:19.560
Děkuji, Jamesi. Ahoj všichni,

00:39:19.560 --> 00:39:24.105
a budu sdílet svou obrazovku,

00:39:24.105 --> 00:39:28.570
a já budu připraven začít.