WEBVTT 00:00:00.000 --> 00:00:02.715 >> Hallo alle. Ich bin Olia. 00:00:02.715 --> 00:00:05.310 Ich bin Programmmanager on.NET Team. 00:00:05.310 --> 00:00:08.355 Super aufgeregt, ein Teil dieser Veranstaltung. 00:00:08.355 --> 00:00:10.980 Ich werde heute den ganzen Tag bei euch sein 00:00:10.980 --> 00:00:14.610 Einführung von Referenten und Fragen mit James. 00:00:14.610 --> 00:00:18.930 Wir hörten gerade eine erstaunliche Keynote, sehr inspirierend. 00:00:18.930 --> 00:00:21.585 Jetzt bin ich super aufgeregt, um einzuführen 00:00:21.585 --> 00:00:24.720 unsere nächsten Referenten, Javier und Gerald. 00:00:24.720 --> 00:00:29.230 Sie werden über Visualisierung Ihrer Daten. 00:00:29.390 --> 00:00:32.340 >> Hallo. Ja, hier sind wir. 00:00:32.340 --> 00:00:33.790 >> Hallo. 00:00:34.070 --> 00:00:37.640 >> Vielen Dank. Lassen Sie also 00:00:37.640 --> 00:00:40.580 ich gehe einfach direkt ein und teilen Sie meinen Bildschirm. 00:00:40.580 --> 00:00:44.330 Hier gehen wir hin und diese Sitzung gestartet wurde. 00:00:44.330 --> 00:00:47.105 Also ja, wie bereits erwähnt, 00:00:47.105 --> 00:00:50.060 wir werden darüber sprechen heute Ihre Daten zu visualisieren, 00:00:50.060 --> 00:00:51.965 also werden wir reden über CollectionView, 00:00:51.965 --> 00:00:54.725 CarouselView, ein Paar von anderen mehr Dingen. 00:00:54.725 --> 00:00:57.110 Ich denke, David und Maddy 00:00:57.110 --> 00:01:00.290 bereits einige der Güte, die wir zeigen werden. 00:01:00.290 --> 00:01:02.720 Aber wir werden unser Bestes tun, um geben Ihnen ein wenig mehr 00:01:02.720 --> 00:01:05.375 eines tiefen Tauchgangs und zeigen Ihnen, was 00:01:05.375 --> 00:01:08.000 ist tatsächlich möglich mit all diese tollen Kontrollen 00:01:08.000 --> 00:01:11.195 die sich in Xamarin befinden Formulare, die heute verfügbar sind. 00:01:11.195 --> 00:01:13.055 Das sind wir also, 00:01:13.055 --> 00:01:17.080 dann wissen Sie wenigstens wen Sie hören werden. 00:01:17.080 --> 00:01:22.085 Ich heiße Gerald Versluis aus den Niederlanden, 00:01:22.085 --> 00:01:23.840 und mein guter Freund Javier, 00:01:23.840 --> 00:01:28.280 wir sind beide Teil des Xamarin Formulare Team, Software-Ingenieure. 00:01:28.280 --> 00:01:31.070 Also ja, wir schaffen einige der Sachen 00:01:31.070 --> 00:01:34.490 die Sie hoffentlich gerne benutzen. 00:01:34.490 --> 00:01:37.280 Heute werden wir sprechen über diese Dinge im Grunde. 00:01:37.280 --> 00:01:39.245 Wir haben viel zu berichten. 00:01:39.245 --> 00:01:42.620 Wir werden also eine Menge verschiedenen Demos, die 00:01:42.620 --> 00:01:46.495 all diese tollen Kontrollen und Funktionen. Versuchen Sie also, mitzuhalten. 00:01:46.495 --> 00:01:47.690 Wenn Sie Fragen haben, 00:01:47.690 --> 00:01:49.340 bitte wenden Sie sich an jeden von uns, 00:01:49.340 --> 00:01:51.470 wir beantworten gerne alle Fragen. 00:01:51.470 --> 00:01:53.810 Javier und ich wechseln ein paar Mal. 00:01:53.810 --> 00:01:55.430 Wenn Sie also Ihren Bildschirm sehen 00:01:55.430 --> 00:01:57.470 flackern oder irgendetwas sonst lustig, 00:01:57.470 --> 00:01:58.940 keine Sorge, es sind wir alle, 00:01:58.940 --> 00:02:01.775 es sind nicht Sie. Fangen wir an. 00:02:01.775 --> 00:02:04.475 Ich werde ein wenig reden über die CollectionView zuerst, 00:02:04.475 --> 00:02:07.025 und Javier wird übernehmen. 00:02:07.025 --> 00:02:10.250 Ja, wie gesagt, wir werden ein paar Mal umschalten. 00:02:10.250 --> 00:02:13.055 Wenn Sie also eine schönen spanischen Akzent, 00:02:13.055 --> 00:02:15.180 dann übernahm Javier. 00:02:16.660 --> 00:02:19.265 Beginnen wir mit CollectionView. 00:02:19.265 --> 00:02:20.960 CollectionView ist im Grunde 00:02:20.960 --> 00:02:23.285 der spirituelle Nachfolger der ListView. 00:02:23.285 --> 00:02:29.155 Die ListView, die wir alle kennen oder Sie wissen und Liebe, wir haben es alle benutzt. 00:02:29.155 --> 00:02:31.970 Aber ja, Sie können lieben es, sie können sie hassen. 00:02:31.970 --> 00:02:35.105 Tatsache ist, dass wir im Grunde alle unsere Apps. 00:02:35.105 --> 00:02:36.830 Wir müssen Daten in unseren Apps anzeigen, 00:02:36.830 --> 00:02:38.960 das ist im Grunde das Grundlegende 00:02:38.960 --> 00:02:42.290 jede Anwendung, die Sie verwenden. 00:02:42.290 --> 00:02:45.230 Aber ja, es gibt waren einige Dinge mit 00:02:45.230 --> 00:02:47.990 ListView, die verbessert werden könnte. 00:02:47.990 --> 00:02:50.615 Deshalb sind wir auf die mit der neuesten Ansicht. 00:02:50.615 --> 00:02:52.940 Wir haben alle Erkenntnisse aus 00:02:52.940 --> 00:02:56.390 ListView und setzen Sie es in diese neue Steuerung, 00:02:56.390 --> 00:03:01.730 und Sie können dies verwenden, um alle Daten in verschiedenen Layouts. 00:03:01.730 --> 00:03:03.320 Sie haben mehr Flexibilität, 00:03:03.320 --> 00:03:06.545 und vor allem ist es mehr Leistung als je zuvor. 00:03:06.545 --> 00:03:11.045 So können Sie nach unten sehen hier ein kleines Beispiel, 00:03:11.045 --> 00:03:13.500 wo Sie definieren können CollectionView. 00:03:13.500 --> 00:03:15.680 Dies alles funktioniert natürlich in XAML und 00:03:15.680 --> 00:03:19.580 kodieren, wie Sie sind von Xamarin Forms verwendet werden. 00:03:19.580 --> 00:03:23.150 Sie können Ihre Artikelquelle angeben wie auf der ListView. 00:03:23.150 --> 00:03:26.480 Aber jetzt können Sie auch geben Sie das Elementlayout an. 00:03:26.480 --> 00:03:27.500 So können Sie angeben, 00:03:27.500 --> 00:03:29.900 Wollen Sie es vertikal oder horizontal, 00:03:29.900 --> 00:03:33.710 und Sie können auch sagen, tun Sie vielleicht wollen es in einem Raster haben. 00:03:33.710 --> 00:03:35.990 Also ja, es gibt bereits 00:03:35.990 --> 00:03:39.020 eine gewisse Flexibilität, die Sie sehen, dass hier passiert. 00:03:39.020 --> 00:03:41.180 Das ist alles, was Sie können 00:03:41.180 --> 00:03:44.060 Verwendung heute aus dem Kasten heraus mit CollectionView. 00:03:44.060 --> 00:03:45.470 Wenn wir also Datenbindungen haben, 00:03:45.470 --> 00:03:47.480 dann können Sie Datenvorlagen verwenden, 00:03:47.480 --> 00:03:49.670 Vorlagenselektoren natürlich. 00:03:49.670 --> 00:03:51.275 Sie können die verschiedenen Layouts verwenden. 00:03:51.275 --> 00:03:55.175 Rechts hier sehen Sie z. B. das Rasterlayout. 00:03:55.175 --> 00:03:57.170 Sie können die Artikelauswahl, 00:03:57.170 --> 00:03:59.630 so können Sie auf ein Element in klicken 00:03:59.630 --> 00:04:03.840 CollectionView und ihre Magie darauf tun. 00:04:03.840 --> 00:04:06.290 Sie können einen Drilldown zu einem Detailansicht von dort. 00:04:06.290 --> 00:04:07.715 Wir haben die leere Sicht. 00:04:07.715 --> 00:04:09.875 Also, wann immer Sie dies mit mischen könnten 00:04:09.875 --> 00:04:13.370 eine Suchleiste und es gibt keine Ergebnisse für Ihre Suchaktion, 00:04:13.370 --> 00:04:16.400 Sie können dieses leere Sicht ohne Schweiß. 00:04:16.400 --> 00:04:20.840 Sie müssen keine Ansichten in Ihrem eigenen visuellen Baum. 00:04:20.840 --> 00:04:23.510 Sie können das einfach direkt tun aus der CollectionView. 00:04:23.510 --> 00:04:25.715 Wir haben auch das Scrollen verbessert. 00:04:25.715 --> 00:04:28.430 So haben Sie jetzt eine Veranstaltung mit vielen Informationen. 00:04:28.430 --> 00:04:30.920 Sie können bestimmen, wie schnell jemand scrollt, 00:04:30.920 --> 00:04:32.390 auf welche Weise sie scrollen, 00:04:32.390 --> 00:04:34.865 und wir haben auch , um zur Methode zu scrollen. 00:04:34.865 --> 00:04:36.770 So können Sie ganz einfach scrollen, um 00:04:36.770 --> 00:04:38.900 einen bestimmten Punkt in Ihre CollectionView. 00:04:38.900 --> 00:04:42.530 Das sind nur ein paar Dinge die wir in 00:04:42.530 --> 00:04:46.730 diese erstaunliche neue Kontrolle, die ist Xamarin Forms im Moment. 00:04:46.730 --> 00:04:51.695 Also lassen Sie uns einfach schnell in Visual Studio und zeigen Sie einige Demos. 00:04:51.695 --> 00:04:55.450 Hoffentlich gehen wir dorthin. 00:04:55.450 --> 00:04:57.530 Hier haben wir also Visual Studio für Mac. 00:04:57.530 --> 00:04:59.750 Wenn Sie es noch nicht gesehen haben, 00:04:59.750 --> 00:05:03.155 Sie können visual einfach verwenden Studio auf einem Mac jetzt. 00:05:03.155 --> 00:05:06.140 Lassen Sie uns einfach zuerst gehen in eine visuelle Demo. 00:05:06.140 --> 00:05:09.505 So habe ich die iOS Emulator hier öffnen. 00:05:09.505 --> 00:05:12.575 Javier und ich haben eine kleine Beispiel-App. 00:05:12.575 --> 00:05:17.330 Nun, wohlgemerkt, diese Demos sind aus unserer Galerie-App, 00:05:17.330 --> 00:05:19.430 die Teil der Xamarin Forms-Repository, 00:05:19.430 --> 00:05:21.350 wo wir alle unsere Tests durchführen. 00:05:21.350 --> 00:05:25.160 Es ist also nicht unbedingt eine schöne App sein, 00:05:25.160 --> 00:05:27.350 aber es ist funktional, und wir haben 00:05:27.350 --> 00:05:30.290 einige schöner Proben, um Ihnen zu zeigen. 00:05:30.290 --> 00:05:33.620 Sie können dies auf jede Art und Weise stylen, wie Sie am Ende dieser Sitzung. 00:05:33.620 --> 00:05:37.160 Lassen Sie sich also nicht verwirren, wenn es sieht nicht ganz erstaunlich aus, 00:05:37.160 --> 00:05:39.920 aber konzentrieren Sie sich auf das, was funktional hier geschehen. 00:05:39.920 --> 00:05:42.320 Also haben wir im Grunde die Tagesordnung genommen, 00:05:42.320 --> 00:05:43.490 und hier sind all die verschiedenen Dinge, 00:05:43.490 --> 00:05:44.630 haben wir die CollectionView, 00:05:44.630 --> 00:05:48.185 Die CarouselView, IndicatorView und all die Dinge. 00:05:48.185 --> 00:05:51.445 Aber lassen Sie uns mit dem CollectionView jetzt. 00:05:51.445 --> 00:05:55.845 Wie ich bereits erwähnte, Sie können einfach mit 00:05:55.845 --> 00:05:59.600 eine Auflistung von Zeichenfolgen wir haben genau hier. 00:05:59.600 --> 00:06:01.310 Das ist es. 00:06:01.310 --> 00:06:03.110 Dies ist nur eine Sammlung von Zeichenfolgen. 00:06:03.110 --> 00:06:05.840 Sie verbinden das mit dem Artikelquelle und Boom, 00:06:05.840 --> 00:06:08.505 Sie haben eine CollectionView mit Saiten. 00:06:08.505 --> 00:06:10.490 Wie Sie sehen können, ist dies auch 00:06:10.490 --> 00:06:13.130 mit der Auswahl Funktionen aktiviert. 00:06:13.130 --> 00:06:15.560 So können Sie hier Artikel auswählen, 00:06:15.560 --> 00:06:17.630 und basierend auf dem ausgewählten Ereignis oder 00:06:17.630 --> 00:06:19.865 den Befehl, den Sie sich diesem verbinden, 00:06:19.865 --> 00:06:23.160 Sie könnten zu den nächsten Bildschirm von hier aus. 00:06:23.360 --> 00:06:26.990 Wie Sie sehen können, gibt es eine Menge Sachen hier, 00:06:26.990 --> 00:06:30.005 so möchten Sie wahrscheinlich überzeugen Sie sich selbst. 00:06:30.005 --> 00:06:32.944 Alle Funktionalitäten sind 00:06:32.944 --> 00:06:35.630 aufgelistet und Sie können haben ein Spiel damit. 00:06:35.630 --> 00:06:38.990 Die meisten dieser Dinge werden also auch unterschiedliche Varianz in 00:06:38.990 --> 00:06:42.800 Code in vielleicht XAML und horizontal, vertikal. 00:06:42.800 --> 00:06:45.845 Wie gesagt, dies ist auch unsere Tests auf laufen. 00:06:45.845 --> 00:06:47.660 Es ist also eine Menge Zeug hier drin. 00:06:47.660 --> 00:06:49.220 Die andere Sache, die Ich möchte ihnen zeigen 00:06:49.220 --> 00:06:51.590 hier, dass dies eine etwas von den Dingen, die 00:06:51.590 --> 00:06:55.265 Ich habe vorher gesprochen ist die Datenvorlagenauswahl. 00:06:55.265 --> 00:06:59.765 Diese Vorlage wählt also wann immer es ein Wochentag ist. 00:06:59.765 --> 00:07:02.780 Es verwendet eine Vorlage für ein Plus aus irgendeinem Grund. 00:07:02.780 --> 00:07:07.400 Wann immer es Wochenende ist, sehen Sie dieses andere Symbol hier. 00:07:07.400 --> 00:07:10.490 So wird dies wiederholt für ein paar Mal. 00:07:10.490 --> 00:07:12.140 Aber Sie können dies leicht filtern. 00:07:12.140 --> 00:07:14.660 Also, wenn ich nur für Montag gehen, 00:07:14.660 --> 00:07:16.580 Entdeckung ist nicht wirklich optimiert, 00:07:16.580 --> 00:07:17.970 das braucht also ein wenig, 00:07:17.970 --> 00:07:19.670 und ich sollte "Enter" drücken, 00:07:19.670 --> 00:07:21.320 Sie werden alle Montage sehen. 00:07:21.320 --> 00:07:24.200 Wenn wir nach etwas suchen das ist hier nicht drin, 00:07:24.200 --> 00:07:26.870 so ein Montag Tag, können Sie sehen, dass dies ist 00:07:26.870 --> 00:07:29.720 die leere Ansicht, da wir nicht finden Sie hier Suchergebnisse. 00:07:29.720 --> 00:07:31.715 So wird es die leere Ansicht pop up, 00:07:31.715 --> 00:07:35.180 und das ist genau das, was sie werden aus dem Kasten herauskommen 00:07:35.180 --> 00:07:40.210 wenn Ihre Sammlung nicht haben alle Elemente drin. 00:07:40.210 --> 00:07:43.170 Was haben wir also mehr? Natürlich ist das alles 00:07:43.170 --> 00:07:45.844 arbeitet mit beobachtbaren Sammlungen. 00:07:45.844 --> 00:07:48.800 So können Sie einfach dies und Sie können sehen, 00:07:48.800 --> 00:07:52.490 hier haben wir ein paar Steuerelemente hier oben. 00:07:52.490 --> 00:07:54.380 Wir haben auch Kopf- und Fußzeilen. 00:07:54.380 --> 00:07:57.410 Ich denke, Javier wird zeigen Sie ein wenig darüber. 00:07:57.410 --> 00:07:59.630 Aber hier haben wir Artikel, 00:07:59.630 --> 00:08:02.210 und weil es ein beobachtbare Sammlung, 00:08:02.210 --> 00:08:05.300 können Sie alle Änderungen beobachten, die wird in dieser Sammlung auftreten. 00:08:05.300 --> 00:08:07.580 So können wir ein paar hier entfernen, 00:08:07.580 --> 00:08:10.700 und Sie sehen, dass es automatisch aktualisiert. 00:08:10.700 --> 00:08:13.970 Wann immer wir einfügen möchten ein paar Dinge, 00:08:13.970 --> 00:08:16.550 es wird hier oben eingefügt werden. 00:08:16.550 --> 00:08:19.070 Ich kann auch eine unterschiedlicher Index, um 00:08:19.070 --> 00:08:22.160 fügen Sie es in eine andere Position, wenn ich möchte. 00:08:22.160 --> 00:08:26.705 Also ja, und ich kann auch eine ein paar dieser Dinge um. 00:08:26.705 --> 00:08:32.085 So sehen Sie, dass dies nur sofort funktioniert. 00:08:32.085 --> 00:08:33.780 Sehr leistungsfähig, es sieht gut aus, 00:08:33.780 --> 00:08:37.870 es hat diese Fade-Animation. Es sieht erstaunlich aus. 00:08:38.820 --> 00:08:41.650 Was haben wir also mehr? Wir haben Knackpunkte. 00:08:41.650 --> 00:08:43.510 Das ist auch etwas haben wir eingeführt. 00:08:43.510 --> 00:08:45.310 Also, wenn Sie es noch nie gesehen haben, 00:08:45.310 --> 00:08:47.930 Nehmen wir dieses Mal eine vertikale Liste. 00:08:48.030 --> 00:08:51.310 Snap-Punkte im Grunde bedeuten dass, wenn Sie scrollen, 00:08:51.310 --> 00:08:52.690 Ich meine, jetzt tut es nichts. 00:08:52.690 --> 00:08:53.800 Aber wann immer wir 00:08:53.800 --> 00:08:57.670 ein Knackpunkt hier und wir setzen es auf obligatorisch, 00:08:57.670 --> 00:09:00.520 dann siehst du, wann immer ich scrolle hier und ich setze es auf etwas, 00:09:00.520 --> 00:09:04.150 es schnappt, um eine bestimmte Artikel und Sie können 00:09:04.150 --> 00:09:08.275 beeinflussen, dass Verhalten durch hier der Anfang oder die Mitte. 00:09:08.275 --> 00:09:10.240 Also, wenn ich es in den Mittelpunkt stellen, 00:09:10.240 --> 00:09:11.755 Es wird ein Element zentriert. 00:09:11.755 --> 00:09:14.740 Im Moment sehen Sie hier zwei Punkte, 00:09:14.740 --> 00:09:16.015 aber jetzt fange ich an zu scrollen, 00:09:16.015 --> 00:09:19.600 und wann immer ich nicht ein Element in der Mitte hier, 00:09:19.600 --> 00:09:24.430 es wird sicherstellen, dass es zu einem Mittelpunkt hier. 00:09:24.430 --> 00:09:26.530 Das wird also aussehen schön in Ihren Designs, 00:09:26.530 --> 00:09:28.390 und Sie können es machen Arbeit, wie Sie wollen. 00:09:28.390 --> 00:09:30.940 Sie können ein Paar konfigurieren 00:09:30.940 --> 00:09:33.730 der Dinge hier, um es zu machen mit Ihrem Design arbeiten. 00:09:33.730 --> 00:09:35.500 Was haben wir also mehr? 00:09:35.500 --> 00:09:37.915 Wir müssen auch scrollen auch, habe ich bereits erwähnt. 00:09:37.915 --> 00:09:40.480 Auch hier werden mehrere Optionen hier zur Auswahl. 00:09:40.480 --> 00:09:43.060 Lassen Sie uns einfach eine auswählen und wir können sagen: "Okay, 00:09:43.060 --> 00:09:46.570 scrollen, um zu indexen, so dass wir eine Anzahl der Artikel hier wieder", 00:09:46.570 --> 00:09:51.175 wie ich erwähnt habe, nicht unbedingt sehr hübsch, aber es funktioniert. 00:09:51.175 --> 00:09:54.235 Also, wenn ich sage scroll to Index und ich sage 10, 00:09:54.235 --> 00:09:56.065 die hier nicht in Sicht ist, 00:09:56.065 --> 00:09:57.385 und ich tue dies, 00:09:57.385 --> 00:09:59.845 dann wird es sicherstellen, dass dass es auf 10 scrollt. 00:09:59.845 --> 00:10:02.470 Da ich den Bildlauf auf Position sichtbar zu machen, 00:10:02.470 --> 00:10:03.670 es wird es nur sichtbar machen. 00:10:03.670 --> 00:10:05.065 So wird es jetzt am Ende sein. 00:10:05.065 --> 00:10:07.900 Aber ich kann dies auch so konfigurieren, dass in der Startmitte oder am Ende sein. 00:10:07.900 --> 00:10:11.275 Wenn ich also dies auf starten und ich drücke wieder "Go", 00:10:11.275 --> 00:10:14.900 sie wird sicherstellen, dass diese Artikel wird zu Beginn angezeigt. 00:10:17.130 --> 00:10:19.450 Was habe ich mehr? 00:10:19.450 --> 00:10:22.090 [unhörbar] , wir gehen , um dies später zu sehen. 00:10:22.090 --> 00:10:23.620 Leere Ansicht, wir haben bereits gesehen, dass 00:10:23.620 --> 00:10:25.510 ein wenig und Auswahl auch. 00:10:25.510 --> 00:10:28.015 Aber lassen Sie uns einfach schnell in dieses eintauchen. 00:10:28.015 --> 00:10:29.980 Wir haben mehrere Auswahlmodi. 00:10:29.980 --> 00:10:33.550 So können Sie einzelne oder mehrere Auswahlen hier oder keine, 00:10:33.550 --> 00:10:35.320 was auch möglich ist. 00:10:35.320 --> 00:10:37.600 Im Moment kann ich also alles auswählen. 00:10:37.600 --> 00:10:39.580 Aber als ich es auf Single setzte, 00:10:39.580 --> 00:10:41.320 dann können Sie eine der Optionen hier. 00:10:41.320 --> 00:10:43.990 Sie können sehen, dass auch funktioniert im Rasterlayout, 00:10:43.990 --> 00:10:49.240 und Sie können hier alle Informationen, die von der Veranstaltung kommen. 00:10:49.240 --> 00:10:51.520 Wir können auch mehrere tun. 00:10:51.520 --> 00:10:56.860 Im Moment sehen Sie also, dass ich haben eine Auswahl von Vielfachen. 00:10:56.860 --> 00:10:59.230 Ich würde hier in den Code gehen, 00:10:59.230 --> 00:11:02.380 aber ich sehe, dass ich schon einige Zeit, 00:11:02.380 --> 00:11:06.400 also denke ich, ich werde es einfach abgeben zu Javier jetzt und Javier 00:11:06.400 --> 00:11:10.360 kann dann ein wenig zeigen Code und tauchen Sie ein. 00:11:10.360 --> 00:11:12.475 Also Javier, nimm es weg. 00:11:12.475 --> 00:11:16.630 >> Ich werde es versuchen. Also lasst uns weiter mit mehr Personal 00:11:16.630 --> 00:11:19.330 über die Auflistungsansicht, da in 00:11:19.330 --> 00:11:22.405 Tatsache, dass wir eine verrückte Menge der Proben. 00:11:22.405 --> 00:11:28.900 Ich weiß also nicht genau, wo Sie verlassen die Probe. 00:11:28.900 --> 00:11:31.390 Lassen Sie mich in diesem Fall 00:11:31.390 --> 00:11:35.720 mit Android, alles, was Sie mit iOS verwenden. Mal sehen. 00:11:39.360 --> 00:11:42.760 >> Ich rede nur, während Sie erhalten dies laufen. 00:11:42.760 --> 00:11:44.980 Ich wusste, dass du gehst , um Android anzuzeigen. 00:11:44.980 --> 00:11:46.825 Ich meine, es ist alles Xamarin Forms. 00:11:46.825 --> 00:11:49.165 Was auch immer wir umgesetzt haben, 00:11:49.165 --> 00:11:52.600 Sie können dies auf Android tun, wenn der Emulator funktioniert und Sie 00:11:52.600 --> 00:11:56.365 kann es auf iOS tun und es wird beide zeigen ähnliche Ergebnisse. 00:11:56.365 --> 00:12:02.350 Also ja, deshalb iOS. 00:12:02.350 --> 00:12:07.000 >> So habe ich das Gefühl, dass ich eine Problem mit dem Simulator. 00:12:07.000 --> 00:12:10.150 Ich weiß nicht, warum es funktioniert nicht. Etwas? 00:12:10.150 --> 00:12:12.895 >> In Ordnung. Du willst ich einfach weitermachen? 00:12:12.895 --> 00:12:16.120 >> Ja. Bitte fahren Sie fort mit der Demo. 00:12:16.120 --> 00:12:17.230 >> In Ordnung. 00:12:17.230 --> 00:12:20.245 >> Ich habe einen Fehler gemacht und 00:12:20.245 --> 00:12:21.925 alle Demos, 00:12:21.925 --> 00:12:23.815 wie vor einer Stunde, 00:12:23.815 --> 00:12:28.555 Ich habe das Gefühl, dass es vielleicht war nicht die beste Idee. 00:12:28.555 --> 00:12:33.955 >> Keineswegs. Ich werde nur die Zeit füllen. 00:12:33.955 --> 00:12:35.305 Lassen Sie mich wissen, wann immer Sie bereit sind. 00:12:35.305 --> 00:12:38.845 Mal sehen. 00:12:38.845 --> 00:12:40.420 Los geht es. Sorry für die 00:12:40.420 --> 00:12:42.370 blinkende Bildschirme und alles, hier gehen wir. 00:12:42.370 --> 00:12:44.530 Mal sehen, was auch immer wir haben hier mehr. 00:12:44.530 --> 00:12:49.555 Was Sie also mehr tun können mit Sammlungsansicht haben wir Auswahl. 00:12:49.555 --> 00:12:51.220 Sie können auch gruppieren. 00:12:51.220 --> 00:12:54.250 Das ist also auch etwas, was Sie aus der Listenansicht bekannt sein könnte. 00:12:54.250 --> 00:12:56.815 Hier haben wir also einige Gruppierungen 00:12:56.815 --> 00:13:00.550 und ich sehe, dass wir einige Superhelden hier. 00:13:00.550 --> 00:13:04.270 Dieser hat einen Header und eine Fußzeile pro Gruppe. 00:13:04.270 --> 00:13:08.215 Hier haben wir also die Avengers mit allen Mitgliedern dort 00:13:08.215 --> 00:13:10.480 und die Fantastischen Vier und die Verteidiger 00:13:10.480 --> 00:13:13.135 und alle Arten von anderen Superhelden. 00:13:13.135 --> 00:13:16.200 Sie sind meist in einer Gruppe gruppiert, 00:13:16.200 --> 00:13:19.350 wie zu erwarten, was auch etwas, was Sie tun könnten. 00:13:19.350 --> 00:13:20.835 Ich denke, wir arbeiten 00:13:20.835 --> 00:13:24.120 auf tatsächlich schnappen diese Gruppenüberschriften hier, 00:13:24.120 --> 00:13:27.330 damit etwas das kommt noch. 00:13:27.330 --> 00:13:28.860 Aber zumindest haben Sie 00:13:28.860 --> 00:13:31.350 die Möglichkeit, diese Gruppen im Moment. 00:13:31.350 --> 00:13:34.005 Sie können dies auch tun ohne Vorlagen, 00:13:34.005 --> 00:13:37.990 so sieht es nicht so gut aus. 00:13:37.990 --> 00:13:40.150 Javier, du hast es oben und wieder laufen, weil 00:13:40.150 --> 00:13:42.310 Ich schwimme nur hier. 00:13:42.310 --> 00:13:45.080 Ich gehe nur zum Artikelabstand. 00:13:45.420 --> 00:13:48.250 Was auch etwas ist die Sie tun können. 00:13:48.250 --> 00:13:51.820 Also verwenden wir es mit einem Netz, das ist immer gut. 00:13:51.820 --> 00:13:54.460 Hier können Sie 00:13:54.460 --> 00:13:57.610 wie viel Platz es geben sollte zwischen den verschiedenen Elementen. 00:13:57.610 --> 00:14:02.470 Also, wenn ich hier einfach anfangen zu spielen und ich sage 10 und aktualisieren Abstand, 00:14:02.470 --> 00:14:04.750 Sie können sehen, dass zwischen den Spalten, 00:14:04.750 --> 00:14:07.230 es wird 10 Abstand haben. 00:14:07.230 --> 00:14:13.260 Ich kann dies auch zwischen den Zeilen, da es sich um eine Rasteransicht handelt. 00:14:13.260 --> 00:14:16.775 Also, wann immer ich das tue, 00:14:16.775 --> 00:14:19.510 dann sollten Sie auch sehen Sie den Abstand hier. 00:14:19.510 --> 00:14:21.310 Das ist also etwas die Ihnen auch 00:14:21.310 --> 00:14:23.230 mehr Kontrolle darüber, wie die Dinge 00:14:23.230 --> 00:14:29.030 schauen und damit es funktioniert mit Ihrem Design besser. 00:14:30.000 --> 00:14:33.520 Alles klar. Du hast es? 00:14:33.520 --> 00:14:34.600 >> Ich kann weitermachen, wenn Sie wollen. 00:14:34.600 --> 00:14:36.680 >> Okay. Ja. 00:14:42.270 --> 00:14:46.810 >> Lassen Sie mich den Bildschirm tauschen. 00:14:46.810 --> 00:14:48.850 Sie haben darüber gesprochen, denke ich, 00:14:48.850 --> 00:14:52.585 Abstand und dann können wir fortfahren über all die Sachen zu sprechen, 00:14:52.585 --> 00:14:54.430 wie die Artikelgröße. 00:14:54.430 --> 00:14:57.370 Es gibt verschiedene Optionen hier, aber ich 00:14:57.370 --> 00:15:00.310 über die Artikel innerhalb dieser Strategie, 00:15:00.310 --> 00:15:04.120 Sub-Eigenschaft, wo Sie können unterschiedliche Werte verwenden. 00:15:04.120 --> 00:15:07.630 Es gibt einen Wert, der dies ist das erste Element. 00:15:07.630 --> 00:15:11.290 Das bedeutet, dass wir die Größe des ersten Elements, 00:15:11.290 --> 00:15:15.310 und wir werden die gleichen Größe für alle Zellen. 00:15:15.310 --> 00:15:18.025 Aber natürlich gibt es 00:15:18.025 --> 00:15:22.015 Optionen zur Berechnung der Größe der unterschiedlichen Größe, 00:15:22.015 --> 00:15:25.165 wie Sie in sehen können diese spezifische Probe, 00:15:25.165 --> 00:15:28.840 alle Verkäufe unterschiedlicher Größe. 00:15:28.840 --> 00:15:30.400 Was ist also der Unterschied? 00:15:30.400 --> 00:15:33.820 Der Unterschied in diesem Fall ist über Leistung. 00:15:33.820 --> 00:15:36.985 Wenn alle Ihre Zellen über eine bestimmte Abstandsgröße, 00:15:36.985 --> 00:15:41.080 nur berechnen, einmal ist etwas Interessantes. 00:15:41.080 --> 00:15:43.930 Dann haben wir natürlich haben vorher gesprochen. 00:15:43.930 --> 00:15:45.760 Wir haben die Möglichkeit, 00:15:45.760 --> 00:15:48.265 Kopf und Fußzeile der Sammlungsansicht. 00:15:48.265 --> 00:15:53.740 Wir können einfache Streams verwenden aber wir können auch 00:15:53.740 --> 00:15:57.640 Vorlagen und wir können 00:15:57.640 --> 00:16:01.495 direkt die Sichtbarkeit verketten der Kopfzeile und, 00:16:01.495 --> 00:16:04.190 natürlich von der Fußzeile. 00:16:05.790 --> 00:16:10.675 Die letzte, und ich denke, dass dies nur Demo ist, 00:16:10.675 --> 00:16:12.850 nun, [unhörbar] sehen sie sehr, sehr schön aus, 00:16:12.850 --> 00:16:13.975 aber das ist erstaunlich. 00:16:13.975 --> 00:16:17.545 Werfen Sie einen Blick auf diese erstaunliche Leistung. 00:16:17.545 --> 00:16:19.990 Ich möchte ein wenig in 00:16:19.990 --> 00:16:22.900 die Probe, weil was wir sehen hier ist 00:16:22.900 --> 00:16:26.560 eine verschachtelte CollectionView und dass 00:16:26.560 --> 00:16:29.860 bedeutet, dass alles, was 00:16:29.860 --> 00:16:33.220 wir gesehen haben, bevor war Benutzer CollectionView, 00:16:33.220 --> 00:16:36.955 wo jedes Element eine andere CollectionView. 00:16:36.955 --> 00:16:39.550 Also verschachteln wir all diese Zu erstellende CollectionViews 00:16:39.550 --> 00:16:44.260 dieses Layout, in dem wahrscheinlich haben Sie gesehen. 00:16:44.260 --> 00:16:47.500 Z. B. Multimedia- Anwendung, Streaming-Anwendung, 00:16:47.500 --> 00:16:49.720 und ist sehr einfach zu erstellen, 00:16:49.720 --> 00:16:53.425 und, ja, es funktioniert sehr schön. 00:16:53.425 --> 00:16:58.060 Ich denke, dass wir weitermachen können Konzentrieren Sie sich auf CollectionView, 00:16:58.060 --> 00:17:01.570 aber lassen Sie uns zu einem anderen Steuerelement springen. 00:17:01.570 --> 00:17:06.775 In diesem Fall ist CarouselView eine weitere sehr schöne Kontrolle. 00:17:06.775 --> 00:17:10.720 Einer der sehr schönen Punkte, der 00:17:10.720 --> 00:17:14.515 Teilen von viel Code mit der CollectionView, 00:17:14.515 --> 00:17:17.530 und standardmäßig erhalten wir viel Funktionalität 00:17:17.530 --> 00:17:20.755 aus der CollectionView arbeiten in der CarouselView. 00:17:20.755 --> 00:17:24.730 Aber lassen Sie uns etwas Zeit bekommen 00:17:24.730 --> 00:17:29.965 mit Gerald im Gespräch über die CarouselView mit weiteren Details. 00:17:29.965 --> 00:17:32.545 >> Nun, Sie haben schon alles erzählt. 00:17:32.545 --> 00:17:36.430 Mal sehen. Lassen Sie uns springen in die CarouselView. 00:17:36.430 --> 00:17:37.960 So wie Javier bereits erwähnt, 00:17:37.960 --> 00:17:41.050 es ist auf der Oberseite im Grunde gebaut der CollectionView. 00:17:41.050 --> 00:17:45.280 Der CarouselView ist also 00:17:45.280 --> 00:17:47.334 im Grunde die Sache, die Sie wahrscheinlich 00:17:47.334 --> 00:17:50.530 wissen aus dem Web und andere beliebte Apps. 00:17:50.530 --> 00:17:53.815 Die meiste Zeit haben sie also nur eine horizontale Liste anzeigen, die 00:17:53.815 --> 00:17:57.295 gleitet Fliesen oder das Zeug. 00:17:57.295 --> 00:17:59.050 Also denke Netflix, ich meine, 00:17:59.050 --> 00:18:03.265 wir arbeiten jetzt alle von zu Hause aus so dass wir alle netflix inzwischen kennen. 00:18:03.265 --> 00:18:05.725 Sie haben diese Zeilen, in denen Sie 00:18:05.725 --> 00:18:07.510 All diese CarouselViews wo Sie einfach 00:18:07.510 --> 00:18:10.060 scrollen Sie durch alle Ihre Serien und Filme, 00:18:10.060 --> 00:18:14.260 und jede Kachel ist eine Serie oder ein Film. 00:18:14.260 --> 00:18:19.150 Das ist also im Grunde alles CarouselViews genau dort. 00:18:19.150 --> 00:18:21.220 Das ist es, was wir auch hier umgesetzt werden. 00:18:21.220 --> 00:18:24.040 Sie können ein wenig sehen Beispiel hier unten. 00:18:24.040 --> 00:18:27.625 So ist es im Grunde nur eine spezialisierte Sicht auf 00:18:27.625 --> 00:18:32.680 Die CollectionView, die ein sehr spezifischer Anwendungsfall. 00:18:32.680 --> 00:18:34.780 So können Sie das verwenden, um 00:18:34.780 --> 00:18:37.555 Ihre Daten in einem visuellen sehr ansprechend. 00:18:37.555 --> 00:18:41.410 Es ist sehr beliebt in moderne Apps. 00:18:41.410 --> 00:18:44.965 Es eignet sich besser für Daten mit begrenzter Länge. 00:18:44.965 --> 00:18:47.230 Es bedeutet nicht, dass die Leistung 00:18:47.230 --> 00:18:49.810 etwas, das nicht für diese Steuerung arbeiten, 00:18:49.810 --> 00:18:53.515 aber es ist einfach besser geeignet für eine noch begrenzte Anzahl 00:18:53.515 --> 00:18:55.360 von Artikeln in Ihrer Sammlung 00:18:55.360 --> 00:18:57.880 dass Sie Ihre Benutzer , um durch zu scrollen. 00:18:57.880 --> 00:19:01.810 Sie können viele Dinge verwenden, die sind auch in der CollectionView. 00:19:01.810 --> 00:19:03.520 So können Sie auch Orientierung, 00:19:03.520 --> 00:19:05.620 Sie können auch Layout, wenn Sie möchten. 00:19:05.620 --> 00:19:08.575 Datenvorlagen werden groß sein auch für diese Steuerung. 00:19:08.575 --> 00:19:10.600 Es funktioniert perfekt zusammen mit 00:19:10.600 --> 00:19:13.795 IndicatorView, dass wir etwas später sehen. 00:19:13.795 --> 00:19:16.450 Dieses Steuerelement befindet sich derzeit in der Vorschau. 00:19:16.450 --> 00:19:18.445 Wenn Sie dies also heute nutzen wollen, 00:19:18.445 --> 00:19:22.990 Sie können, aber Sie müssen mit der experimentellen Flagge. 00:19:22.990 --> 00:19:26.110 So werden Sie dies in ein paar 00:19:26.110 --> 00:19:30.040 Folien mehr für andere Steuerelemente die sich auch in der Vorschau befinden. 00:19:30.040 --> 00:19:33.520 Dann denken Sie daran, dass wir arbeiten noch daran. 00:19:33.520 --> 00:19:34.840 Einige Dinge können sich ändern, 00:19:34.840 --> 00:19:37.960 aber ja, die meisten der Sachen sollten einfach funktionieren. 00:19:37.960 --> 00:19:41.635 Also lassen Sie uns schnell gehen und wenig Demo davon auch. 00:19:41.635 --> 00:19:44.390 Das sollte funktionieren. 00:19:45.480 --> 00:19:49.375 Wieder, Ich werde nur Pop-in zu dieser Demo-App hier. 00:19:49.375 --> 00:19:51.610 Hier haben wir den CarouselView. 00:19:51.610 --> 00:19:52.750 Also dieser große Knopf, 00:19:52.750 --> 00:19:55.045 vergessen Sie nicht, das zu drücken, weil 00:19:55.045 --> 00:19:58.255 die die tatsächliche experimentelle Flagge. 00:19:58.255 --> 00:19:59.770 Hier haben wir ein paar Optionen. 00:19:59.770 --> 00:20:01.225 So können wir dies im Code tun, 00:20:01.225 --> 00:20:03.340 horizontal oder vertikal, und wir haben 00:20:03.340 --> 00:20:05.860 einige Snap und auch eine leere sehen Sie diese Art von Sachen. 00:20:05.860 --> 00:20:09.280 Schauen wir uns also an, ob wir das bekommen können. 00:20:09.280 --> 00:20:12.070 Hier können Sie so sehen wir haben fünf Artikel. 00:20:12.070 --> 00:20:15.070 Ich kann diese bis 50 und ich hätte 00:20:15.070 --> 00:20:18.265 viele weitere Karussell-Artikel hier. 00:20:18.265 --> 00:20:20.740 Also haben wir hier eine kleine Scrollleiste. 00:20:20.740 --> 00:20:22.960 So können Sie sehen, dass wir eine Menge von Gegenständen und Sie 00:20:22.960 --> 00:20:25.180 kann eine Menge Dinge gehen sehen hier, wenn ich scrolle. 00:20:25.180 --> 00:20:27.835 Dies löst also das Scrolling-Ereignis aus 00:20:27.835 --> 00:20:30.025 damit Sie sehen können, welches Element sichtbar ist, 00:20:30.025 --> 00:20:31.270 die erste, die letzte, 00:20:31.270 --> 00:20:33.040 auch das Delta und der Offset. 00:20:33.040 --> 00:20:35.200 Das ist es, worüber ich vorher gesprochen habe. 00:20:35.200 --> 00:20:38.365 Viele Daten kommen herein von diesem Scrolling-Ereignis. 00:20:38.365 --> 00:20:41.110 Auch hier ist der Abstand ist nur etwas, das Sie 00:20:41.110 --> 00:20:43.615 können Sie verwenden, so dass Sie eine etwas mehr Abstand, 00:20:43.615 --> 00:20:45.310 10 ist nicht so viel, 00:20:45.310 --> 00:20:46.690 100 ist ein bisschen viel, 00:20:46.690 --> 00:20:51.235 aber Sie bekommen die Idee so Sie können damit spielen. 00:20:51.235 --> 00:20:57.085 Außerdem haben Sie etwas, das wir peekAreaInsets aufrufen, denke ich. 00:20:57.085 --> 00:21:00.640 So können Sie diese kleine Artikel hier links und 00:21:00.640 --> 00:21:02.215 das richtige und Sie können 00:21:02.215 --> 00:21:04.660 bestimmen, wie viel das Element, das Sie sehen werden. 00:21:04.660 --> 00:21:08.575 So sieht es ein bisschen lustig aus, wenn Sie dies während der Ausführung ändern, 00:21:08.575 --> 00:21:11.440 aber Sie können sehen, dass Sie kann ein wenig necken 00:21:11.440 --> 00:21:14.740 des Artikels, der vor oder als nächstes. 00:21:14.740 --> 00:21:16.540 Sie können auch sehen, dass es gezogen wird. 00:21:16.540 --> 00:21:20.680 Das ist also vor allem zu sehen, ob die Benutzer zieht ja oder nein, 00:21:20.680 --> 00:21:23.890 und wir haben einige andere Eigenschaften wie können wir das animieren? 00:21:23.890 --> 00:21:25.210 Können wir das streichen? 00:21:25.210 --> 00:21:27.549 Der Sprung. Also im Grunde, 00:21:27.549 --> 00:21:29.890 wann immer Sie den Anfang erreichen oder das Ende der Liste, 00:21:29.890 --> 00:21:33.950 springt es so oder steht sie einfach still? 00:21:34.710 --> 00:21:37.075 Natürlich auch hier, 00:21:37.075 --> 00:21:39.445 die Go-to-Sache, so dass Sie gehen können, um 00:21:39.445 --> 00:21:44.240 ein bestimmtes Element in dieser CarouselView. 00:21:46.080 --> 00:21:49.270 Also auch hier sehe ich, dass ich einen Tab habe 00:21:49.270 --> 00:21:51.850 für den Snap geöffnet. Ja, tut mir leid? 00:21:51.850 --> 00:21:54.490 >> Unter Schriftrollen, wenn Sie 00:21:54.490 --> 00:21:57.715 sehr schnell zurückgehen, um die Liste der Proben, 00:21:57.715 --> 00:22:00.475 Sie die vertikale CarouselView, 00:22:00.475 --> 00:22:05.590 um zu bemerken, dass es häufiger ist , um horizontales CarouselView zu haben. 00:22:05.590 --> 00:22:09.715 Aber natürlich können Sie vertikale ohne Probleme. 00:22:09.715 --> 00:22:13.750 >> ja, kein Problem. Obwohl wir hier 00:22:13.750 --> 00:22:15.700 haben den Schnappmechanismus so 00:22:15.700 --> 00:22:18.355 dies hat keine jedes Schnappen überhaupt. 00:22:18.355 --> 00:22:20.260 Es tut uns leid, es hat Snapping. 00:22:20.260 --> 00:22:23.020 Also sollte ich dies nur verlangsamen und Sie werden es sehen. 00:22:23.020 --> 00:22:26.020 Also, wenn ich nicht lande auf einem bestimmten Punkt, 00:22:26.020 --> 00:22:30.070 sie wird sicherstellen, dass sie gehen Sie hier an den Start. 00:22:30.070 --> 00:22:33.550 Aber ich glaube, ich hatte ein wenig Code hier für diese direkt geöffnet. 00:22:33.550 --> 00:22:35.530 Also für all diese Dinge 00:22:35.530 --> 00:22:37.660 wir haben es uns so einfach gemacht, wie für Sie möglich. 00:22:37.660 --> 00:22:39.280 Also hier, können Sie einfach sagen: 00:22:39.280 --> 00:22:41.095 machen Sie eine neue CarouselView. 00:22:41.095 --> 00:22:43.270 Sie können angeben, welches Layout verwendet werden soll. 00:22:43.270 --> 00:22:45.520 Wir haben einige vordefinierte für Sie. 00:22:45.520 --> 00:22:49.690 Möglicherweise können Sie Ihre eigenen Layouts im Moment. 00:22:49.690 --> 00:22:54.020 Javier, weißt du? Oder vielleicht wird dies in Zukunft ermöglichen. 00:22:54.210 --> 00:22:56.890 Sie können die itemTemplates, 00:22:56.890 --> 00:22:59.230 die Hintergrundfarbe oder die PeekAreaInsets, 00:22:59.230 --> 00:23:02.510 Das habe ich bereits erwähnt. 00:23:02.790 --> 00:23:07.000 Dies ist im Grunde alles, was Sie brauchen, um Tun Sie, um ein neues CarouselView einzurichten 00:23:07.000 --> 00:23:11.390 und nutzen Sie all dies diskret Funktionen hier. 00:23:14.340 --> 00:23:16.465 Also IndicatorView, ja, 00:23:16.465 --> 00:23:18.580 das ist etwas, das ist eng mit 00:23:18.580 --> 00:23:21.055 carouselView als Ich habe bereits erwähnt. 00:23:21.055 --> 00:23:24.775 Wenn Sie also den CarouselView haben, 00:23:24.775 --> 00:23:26.710 Sie vielleicht auch wissen, dass viele 00:23:26.710 --> 00:23:29.410 diese Kontrollen haben diese kleinen Punkte bei 00:23:29.410 --> 00:23:31.840 unten, der zeigt 00:23:31.840 --> 00:23:35.680 Sie, wie viele Artikel es gibt im eigentlichen CarouselView, 00:23:35.680 --> 00:23:39.010 sondern auch, welche Index- Sie ausgewählt haben. 00:23:39.010 --> 00:23:41.860 Das ist es also, was wir wollen mit dem IndicatorView. 00:23:41.860 --> 00:23:44.200 Auch in der Vorschau 00:23:44.200 --> 00:23:48.625 hier sehen Sie ein wenig Code, wie man das verwendet. 00:23:48.625 --> 00:23:52.435 Wir haben die Möglichkeit, etwas Layout damit machen, 00:23:52.435 --> 00:23:54.339 wie möchten Sie zentrieren Sie es horizontal, 00:23:54.339 --> 00:23:58.510 vertikal, aber auch welche Farbe möchten Sie es angeben. 00:23:58.510 --> 00:24:00.760 Welche Farbe sollte die ausgewählter Indikator 00:24:00.760 --> 00:24:04.030 und welche Form möchten Sie verwenden. 00:24:04.030 --> 00:24:08.155 So können Sie hier eine kleine Probe sehen, 00:24:08.155 --> 00:24:11.080 auf dieser Folie hier, die Farbe, 00:24:11.080 --> 00:24:12.310 Ich habe bereits erwähnt, dass, 00:24:12.310 --> 00:24:14.290 die Form, aber Sie können verwenden Sie auch eine Vorlage. 00:24:14.290 --> 00:24:19.180 So können Sie auch Ihre eigenen Vorlage für den Indikator, 00:24:19.180 --> 00:24:20.920 und natürlich können Sie ihm eine Größe geben, 00:24:20.920 --> 00:24:23.305 so können Sie es größer oder kleiner machen. 00:24:23.305 --> 00:24:26.860 Also lassen Sie uns schnell springen auch in diese. 00:24:26.860 --> 00:24:29.270 Wir haben viele Demos. 00:24:30.530 --> 00:24:35.325 Also mein Mauszeiger manchmal verschwindet, wenn ich wechsele. 00:24:35.325 --> 00:24:39.540 Los geht es. Also hier haben wir haben die IndicatorView. 00:24:39.540 --> 00:24:41.550 Vergessen Sie auch hier nicht, es zu aktivieren. 00:24:41.550 --> 00:24:43.290 Dies ist eine sehr geradlinige Galerie. 00:24:43.290 --> 00:24:46.020 Wir haben nur eine. Unter iOS 00:24:46.020 --> 00:24:48.270 vergessen wir, die Sparen Sie hier Die Dinge. 00:24:48.270 --> 00:24:50.400 Es ist also ein bisschen unten hier, 00:24:50.400 --> 00:24:52.740 aber Sie können sehen, wann immer Ich gehe zum nächsten, 00:24:52.740 --> 00:24:56.255 Sie können die ausgewählte sehen pops über die nächste, 00:24:56.255 --> 00:24:59.440 und das alles funktioniert gut mit dem CarouselView. 00:24:59.440 --> 00:25:04.000 Wir können dies auf blau, wenn Sie wollen, 00:25:04.000 --> 00:25:06.505 und Sie können sehen, dass es immer noch schwarz ist. 00:25:06.505 --> 00:25:08.500 Sie können mit dem Größe hier ein wenig, 00:25:08.500 --> 00:25:11.050 so können Sie es größer oder winzig machen, 00:25:11.050 --> 00:25:15.370 und Sie können es auch einfach knallen, um 00:25:15.370 --> 00:25:17.380 quadratisch oder wir können 00:25:17.380 --> 00:25:20.815 ein kleines Xbox-Logo aus mithilfe der Vorlagen. 00:25:20.815 --> 00:25:25.195 Dies funktioniert nur auf Android, das ich sehe. 00:25:25.195 --> 00:25:27.535 Da dies wahrscheinlich mit einer Symbolschriftart, 00:25:27.535 --> 00:25:31.510 Javier, der nicht verwendet wird. 00:25:31.510 --> 00:25:33.730 >> Aber denken Sie daran, dass wir 00:25:33.730 --> 00:25:37.450 Standardeinstellung des Kreises und des Rechtecks 00:25:37.450 --> 00:25:41.590 weil sind wahrscheinlich die häufigste Indikatoransichten 00:25:41.590 --> 00:25:43.795 Verwendung in allgemeinen Anwendungen, 00:25:43.795 --> 00:25:47.200 gemeinsame Anwendung, aber mit die Indikatorvorlage, 00:25:47.200 --> 00:25:49.990 Sie können eine andere Vorlage verwenden und festlegen 00:25:49.990 --> 00:25:54.219 jede Art von Inhalt in jedem Indikator. 00:25:54.219 --> 00:25:58.000 >> Ja. Also wechselte ich schnell auf Android und hier können Sie 00:25:58.000 --> 00:26:01.180 sehen, wir verwenden dies die kleine Sache 00:26:01.180 --> 00:26:02.950 hier, um auch die Vorlage anzuzeigen. 00:26:02.950 --> 00:26:07.885 So können Sie alles in Ihre Indikatoren, was auch immer Sie wollen. 00:26:07.885 --> 00:26:12.325 Auch dies ist sehr einfach zu initialisieren. 00:26:12.325 --> 00:26:14.800 Wir haben die CarouselView, 00:26:14.800 --> 00:26:17.395 Sie den IndicatorView haben, 00:26:17.395 --> 00:26:20.245 und dann sagst du einfach CarouselView.IndicatorView 00:26:20.245 --> 00:26:21.985 ist diese Instanz genau hier, 00:26:21.985 --> 00:26:23.290 und sie werden miteinander verbunden sein. 00:26:23.290 --> 00:26:24.340 Es wird automatisch wissen, 00:26:24.340 --> 00:26:27.340 wie viele Artikel es gibt basierend auf der Artikelquelle. 00:26:27.340 --> 00:26:30.760 Eine letzte Sache, die ich beachten möchte schnell ist der IndicatorView 00:26:30.760 --> 00:26:33.850 ist als separate Steuerung aufgebaut denn in zukunftdessen 00:26:33.850 --> 00:26:36.025 wir könnten es öffnen, um auch andere Kontrollen. 00:26:36.025 --> 00:26:38.830 Im Moment können Sie es für die CarouselView, 00:26:38.830 --> 00:26:41.155 aber wer weiß, was die Zukunft bringen könnte? 00:26:41.155 --> 00:26:43.210 Auf diese Weise werden wir 00:26:43.210 --> 00:26:46.315 die Flexibilität, auch für andere Steuerelemente verwenden. 00:26:46.315 --> 00:26:49.945 >> Gut, Javier, du willst um über RefreshView zu sprechen? 00:26:49.945 --> 00:26:51.610 >> Ja, eigentlich. 00:26:51.610 --> 00:26:54.265 Lassen Sie uns also mit mehr Kontrollen fortfahren. 00:26:54.265 --> 00:26:58.135 In diesem Fall fahren wir fort mit refreshView. 00:26:58.135 --> 00:27:02.140 Also vor allem in der Freigabe, 00:27:02.140 --> 00:27:06.595 eines der gemeinsamen Muster in UX, um auf die Daten zu verweisen, ist die 00:27:06.595 --> 00:27:11.890 Pull-to-Refresh-Effekt, den Sie schlagen sie vor, Ihre Daten abzurufen. 00:27:11.890 --> 00:27:13.630 Paulo, was ist das Ding von Sachen, 00:27:13.630 --> 00:27:16.615 haben wir eine neue Steuerelement namens RefreshView, 00:27:16.615 --> 00:27:21.070 die Sie wie einen Wrapper platzieren in jedem scrollbaren Inhalt. 00:27:21.070 --> 00:27:23.800 Das ist die wichtige Sache, weil Sie 00:27:23.800 --> 00:27:28.640 nur die meisten Aktualisierungen scrollbaren Inhalt. 00:27:28.710 --> 00:27:30.955 Zu bedienen, es ist ziemlich einfach. 00:27:30.955 --> 00:27:32.230 Am Ende, wie wir sagen, 00:27:32.230 --> 00:27:34.750 wir blockieren jede Kontrolle. 00:27:34.750 --> 00:27:38.410 In diesem Fall verwenden wir eine ListView um die RefreshView. 00:27:38.410 --> 00:27:40.960 Die beiden Haupteigenschaften bleibt zum Auffrischen. 00:27:40.960 --> 00:27:42.205 So ist ein boolescher, 00:27:42.205 --> 00:27:45.250 dass wir natürlich binden und 00:27:45.250 --> 00:27:49.300 mit MVPA und allen Sachen, die wahrscheinlich lieben. 00:27:49.300 --> 00:27:52.225 Wir können auch einen Befehl verwenden, um 00:27:52.225 --> 00:27:55.735 anzeigen und führen Sie die Logik, um die Liste zu aktualisieren. 00:27:55.735 --> 00:27:58.225 Natürlich gibt es auch Optionen im Zusammenhang mit 00:27:58.225 --> 00:28:00.310 mit Anpassung des Steuerelements. 00:28:00.310 --> 00:28:05.005 So können Sie anpassen, was die Farbe der Aktualisierungsanzeige, 00:28:05.005 --> 00:28:08.425 was ist die Farbe der Hintergrund der RefreshView. 00:28:08.425 --> 00:28:11.819 All das Zeug, das wieder, 00:28:11.819 --> 00:28:15.300 wir werden sehen, mit einer schnellen Demo. 00:28:15.300 --> 00:28:20.230 Also gehe ich zum vorherigen Beispiel über. 00:28:25.530 --> 00:28:31.850 Ich weiß nicht, warum ich verliere die manchmal berühren. 00:28:33.150 --> 00:28:37.104 Es ist verrückt. Ich weiß nicht, ob dies ist mit der Präsentation, 00:28:37.104 --> 00:28:43.210 aber Sie können in diesem sehen Simulator, der Rest funktioniert. 00:28:43.210 --> 00:28:47.180 >> Arbeiten Sie mit den Emulator-Boots wirklich schnell in diesen Tagen, nicht wahr? 00:28:48.600 --> 00:28:51.400 >> Jetzt funktioniert es. Ich weiß es nicht. 00:28:51.400 --> 00:28:54.295 Wasauchimmer. In diesem Fall 00:28:54.295 --> 00:28:56.965 wir haben viele Proben, aber am Ende, 00:28:56.965 --> 00:28:58.450 wichtig ist, dass Sie 00:28:58.450 --> 00:29:00.265 kann mit jedem scrollbaren Inhalt verwenden, 00:29:00.265 --> 00:29:03.190 und das bedeutet, dass Sie natürlich 00:29:03.190 --> 00:29:08.080 Aktualisieren von Inhalten, die scrollView verwendet. 00:29:08.080 --> 00:29:10.975 Natürlich können Sie ListView, CollectionView, 00:29:10.975 --> 00:29:16.300 und CarouselView zum Auslösen Pull-to-Refresh. 00:29:16.300 --> 00:29:18.910 Sie können es natürlich verwenden, 00:29:18.910 --> 00:29:22.030 mit dem Einsteller und auch wir 00:29:22.030 --> 00:29:25.330 kann direkt die Befehl, z. B. 00:29:25.330 --> 00:29:28.420 Drücken einer Taste, Anzeigen 00:29:28.420 --> 00:29:32.305 IndicatorViews und RefreshView auf die gleiche Weise. 00:29:32.305 --> 00:29:34.480 Natürlich funktionierte es auch mit 00:29:34.480 --> 00:29:38.590 andere Arten von Steuerelementen wie WebView. 00:29:38.590 --> 00:29:43.015 Nun denke ich, dass dies Beim Laden des Xamarin-Blocks, 00:29:43.015 --> 00:29:47.210 und wir können ziehen, um es zu aktualisieren. 00:29:47.730 --> 00:29:51.280 Ein interessanter Punkt ist, dass, 00:29:51.280 --> 00:29:54.160 in vielen der Kontrollen die wir heute zeigen, 00:29:54.160 --> 00:29:56.439 wir sind einige Plattform-spezifische. 00:29:56.439 --> 00:29:59.800 Denken Sie daran, dass unsere Logik spezifisch für eine Plattform. 00:29:59.800 --> 00:30:01.420 In diesem Fall wird in Windows 00:30:01.420 --> 00:30:03.400 Sie können diese weiße Erkennung einstellen. 00:30:03.400 --> 00:30:05.500 Sie können von oben wischen, 00:30:05.500 --> 00:30:07.465 unten, links oder rechts. 00:30:07.465 --> 00:30:08.575 In den anderen Plattformen 00:30:08.575 --> 00:30:11.515 es funktioniert standardmäßig nur von oben. 00:30:11.515 --> 00:30:13.240 Der Code ist sehr einfach. 00:30:13.240 --> 00:30:20.720 Lassen Sie mich einfach für Probe springen , um Sie mit ListView wiederzuverwenden. 00:30:27.210 --> 00:30:29.740 Also hier sind wir, 00:30:29.740 --> 00:30:33.400 die ListView, natürlich, an unsere Liste der Artikel gebunden, 00:30:33.400 --> 00:30:35.290 und wir verwenden refreshView. 00:30:35.290 --> 00:30:37.240 So passen Sie die Steuerung verwenden wir 00:30:37.240 --> 00:30:39.400 RefreshColor und BackgroundColor-Eigenschaften, 00:30:39.400 --> 00:30:42.100 aber auch hier sind die wichtige Eigenschaften sind 00:30:42.100 --> 00:30:45.610 die erfrischende Eigenschaft und den Befehl. 00:30:45.610 --> 00:30:48.490 Mit dem Knopf, den wir die Refresh ausführen, 00:30:48.490 --> 00:30:51.070 aber das einzige, was wir werden die gleiche Ausführung durchgeführt 00:30:51.070 --> 00:30:55.400 Befehl an die RefreshView-Befehl. 00:30:55.440 --> 00:30:59.860 Weiter mit mehr Kontrollen, weil wir 00:30:59.860 --> 00:31:03.985 haben eine Reihe von Demos und mehr Dinge zu überprüfen, 00:31:03.985 --> 00:31:06.025 sehen wir uns die SwipeView. 00:31:06.025 --> 00:31:08.500 In gleicher Weise, wie wir schon einmal gesehen haben, 00:31:08.500 --> 00:31:11.320 RefreshView, die es ermöglichen, 00:31:11.320 --> 00:31:14.740 die Pull-to-Refresh-Geste ohne 00:31:14.740 --> 00:31:17.650 assoziiert werden mit spezifische Kontrolle. 00:31:17.650 --> 00:31:18.790 Wie wir bereits gesehen haben, 00:31:18.790 --> 00:31:21.025 es funktioniert mit jedem [unhörbar]-Inhalt. 00:31:21.025 --> 00:31:27.385 Jetzt haben wir eine Option in einem Liste der Elemente, z. B. 00:31:27.385 --> 00:31:34.975 Zugriff auf die Ausführung einer bestimmten Aktion in einem der Elemente. 00:31:34.975 --> 00:31:38.725 Dafür erlauben wir einen Wisch 00:31:38.725 --> 00:31:42.790 Befehl, ohne dass den Status der App ändern. 00:31:42.790 --> 00:31:45.295 Dazu führen wir die SwipeView, 00:31:45.295 --> 00:31:49.135 SwipeView ermöglicht es uns, Wischen Sie in jede Richtung, 00:31:49.135 --> 00:31:51.745 wir können auch nach oben, unten wischen, 00:31:51.745 --> 00:31:53.395 von links und von rechts, 00:31:53.395 --> 00:31:54.970 und wir haben verschiedene Modi. 00:31:54.970 --> 00:31:56.200 Lassen Sie mich sehr schnell erklären 00:31:56.200 --> 00:31:59.350 die beiden verschiedenen Modi, da sie sind sehr, sehr unterschiedlich. 00:31:59.350 --> 00:32:03.055 Wir haben in einer Hand den Reveal-Modus, 00:32:03.055 --> 00:32:07.300 In diesem Modus wischen wir , um SwipeView zu öffnen. 00:32:07.300 --> 00:32:09.340 Wir werden die verschiedenen Befehle sehen, 00:32:09.340 --> 00:32:13.540 und um diesen Befehl auszuführen, brauchen wir , um explizit auf einen von ihnen zu tippen. 00:32:13.540 --> 00:32:17.425 Im Ausführungsmodus es ist ganz anders, 00:32:17.425 --> 00:32:19.240 wir müssen nur wischen, 00:32:19.240 --> 00:32:22.510 und wenn wir die Wischschwelle überschreiten 00:32:22.510 --> 00:32:27.190 der zugeordnete Befehl mit jedem Artikel, 00:32:27.190 --> 00:32:28.990 mit jedem Befehl ausgeführt werden, 00:32:28.990 --> 00:32:33.490 und wenn nicht nur die SwipeView wird geschlossen. 00:32:33.490 --> 00:32:35.949 Wie andere frühere Kontrollen 00:32:35.949 --> 00:32:38.740 Dieses Steuerelement befindet sich noch in der Vorschau 00:32:38.740 --> 00:32:45.930 und dies erfordert die Verwendung von die experimentelle Flagge. 00:32:45.930 --> 00:32:52.330 Hier haben wir also grundlegende Demo mit swipeView. 00:32:52.330 --> 00:32:55.045 Natürlich ist das, was wir hier sehen, 00:32:55.045 --> 00:32:58.690 den Swipe-Inhalt, der jede Art von Inhalt sein. 00:32:58.690 --> 00:33:02.455 Wir sind hier, wo wir sehen Grundlayout mit Ebene, 00:33:02.455 --> 00:33:05.290 und dann wird das SwipeItem 00:33:05.290 --> 00:33:08.755 ein grundlegendes Element, das ermöglicht es uns, einen Text zu setzen, 00:33:08.755 --> 00:33:10.705 ein Symbol, eine Hintergrundfarbe, 00:33:10.705 --> 00:33:15.865 und dann haben natürlich Befehle und Methoden, die aufgerufen werden sollen. 00:33:15.865 --> 00:33:20.785 Wie Sie im GIF sehen können, wir werden später mit einer Demo sehen, 00:33:20.785 --> 00:33:23.740 Sie können in jede Richtung wischen. 00:33:23.740 --> 00:33:27.535 Wir haben auch die BehaviorOnInvoked, das verwendet wird, 00:33:27.535 --> 00:33:30.970 das Verhalten, das swipeView haben, wenn 00:33:30.970 --> 00:33:34.825 drücken oder tippen wir ein einem der Befehle. 00:33:34.825 --> 00:33:37.255 Wir haben Auto standardmäßig, 00:33:37.255 --> 00:33:40.855 das bedeutet, dass SwipeView standardmäßig geschlossen. 00:33:40.855 --> 00:33:44.545 Natürlich können wir diese explizit mit der Option Schließen, 00:33:44.545 --> 00:33:47.245 aber es gibt noch eine andere Option, die RemainOpen ist, 00:33:47.245 --> 00:33:50.260 und mit dieser Option bedeutet, dass, wenn wir 00:33:50.260 --> 00:33:54.400 einer der Befehle SwipeView bleibt geöffnet. 00:33:54.400 --> 00:33:59.290 So führen Sie eine Aktion aus und rufen sie auf es ist einfach, Befehle zu verwenden, 00:33:59.290 --> 00:34:02.770 oder in diesem Fall die aufgerufene Methode, 00:34:02.770 --> 00:34:05.260 und es in Collection zu verwenden, ist 00:34:05.260 --> 00:34:09.025 sehr ähnlich wie die Verwendung von RefreshView. 00:34:09.025 --> 00:34:10.870 Wir nutzen Website, zum Beispiel, 00:34:10.870 --> 00:34:16.780 die DataTemplate von ItemTemplate von einer CollectionView zu verwenden und 00:34:16.780 --> 00:34:20.845 Kontextoptionen zulassen 00:34:20.845 --> 00:34:24.295 in jedem Element aus der Sammlung. 00:34:24.295 --> 00:34:29.170 Letzte Sache haben wir gesehen SwipeItem vor sind 00:34:29.170 --> 00:34:31.644 sehr grundlegende Elemente erlauben 00:34:31.644 --> 00:34:34.480 , um ein wenig anzupassen die Hintergrundfarbe, 00:34:34.480 --> 00:34:35.950 Sie können das Symbol einstellen, 00:34:35.950 --> 00:34:37.000 Sie können den Text einstellen, 00:34:37.000 --> 00:34:42.655 aber was ist, wenn Sie eine benutzerdefinierte Inhalt in einem der Elemente? 00:34:42.655 --> 00:34:45.280 Nun, wir stellen auch ein weiteres SwipeItem, 00:34:45.280 --> 00:34:49.975 Ich denke [unhörbar] SwipeItemView die jede Art von Ansicht zulassen, 00:34:49.975 --> 00:34:52.285 so erlauben Sie jede Art von Inhalt hier. 00:34:52.285 --> 00:34:58.525 So können Sie einen benutzerdefinierten Inhalt erstellen innerhalb eines der Wischelemente. 00:34:58.525 --> 00:35:03.200 Mal sehen, eine Demo Überprüfung all dieser Dinge. 00:35:03.840 --> 00:35:07.060 Lassen Sie mich noch einmal zum Emulator, 00:35:07.060 --> 00:35:10.100 mal sehen, ob weiterfunktioniert wird. 00:35:13.830 --> 00:35:19.720 So gut, Sie können wischen in jede Richtung, 00:35:19.720 --> 00:35:24.950 Sie können es auch in Sammlungen verwenden, 00:35:25.740 --> 00:35:31.435 gut, lassen Sie mich schnell bewegen zu Custom SwipeView. 00:35:31.435 --> 00:35:34.420 Dies scheint eine inhaltliche Ansicht zu sein, 00:35:34.420 --> 00:35:38.035 aber wenn Sie wischen, um eine der Richtungen, 00:35:38.035 --> 00:35:41.800 Sie können auf weitere Layouts zugreifen, 00:35:41.800 --> 00:35:44.515 und am Ende sind SwipeItems. 00:35:44.515 --> 00:35:48.295 Gerald und ich haben einige sehr 00:35:48.295 --> 00:35:52.675 schöne und gut aussehende Demos mit all diesem Zeug vorbereitet. 00:35:52.675 --> 00:35:55.869 Wir haben [unhörbare] Zeit um alles zu überprüfen, 00:35:55.869 --> 00:35:59.800 aber lassen Sie mich sehr schnell bewegen für all diese Demos, 00:35:59.800 --> 00:36:01.390 z. B. in diesem, 00:36:01.390 --> 00:36:03.610 Gerald, wenn du reden willst sehr schnell. 00:36:03.610 --> 00:36:07.030 >> ja. So ist dieses eine vereint alle Dinge. 00:36:07.030 --> 00:36:08.650 So oben sieht man 00:36:08.650 --> 00:36:12.280 ein CarouselView mit einem IndicatorView direkt oben drauf, 00:36:12.280 --> 00:36:15.370 und ein weiteres CarouselView direkt da unten. 00:36:15.370 --> 00:36:16.780 So können Sie sehen, dass Sie 00:36:16.780 --> 00:36:19.330 schöne Designs mit all dies zusammen. 00:36:19.330 --> 00:36:23.065 Unten gibt es Sie eine CollectionView. 00:36:23.065 --> 00:36:25.135 Also ja, ich meine, 00:36:25.135 --> 00:36:30.265 lassen Sie nicht zu, dass das funktionale Design Unsere Demo-App bringen Sie aus der Spur. 00:36:30.265 --> 00:36:34.495 Sie können sicherlich sehr tolle Dinge damit. 00:36:34.495 --> 00:36:36.460 Also Javier, du willst um schnell zu zeigen 00:36:36.460 --> 00:36:43.240 Ihre RefreshView Custom Animationstheater? 00:36:43.240 --> 00:36:45.010 >> Zeigen wir es sehr schnell, 00:36:45.010 --> 00:36:48.820 damit wir die Farben der RefreshView, 00:36:48.820 --> 00:36:50.020 aber in diesem Fall, zum Beispiel, 00:36:50.020 --> 00:36:51.610 Was passiert, wenn Sie 00:36:51.610 --> 00:36:54.610 einen maßgeschneiderten Pull-to-Refresh-Effekt? 00:36:54.610 --> 00:36:57.370 Nun, Sie können es sehr einfach tun. 00:36:57.370 --> 00:37:02.559 Wieder, was ich hier tue verwendet nur die SwipeView, 00:37:02.559 --> 00:37:04.420 Ich verwende das top-Element, um es zu verwenden 00:37:04.420 --> 00:37:06.640 eine sehr schöne Lottie-Animation 00:37:06.640 --> 00:37:10.465 die ich nur auf der Grundlage auf die Laufzeit. 00:37:10.465 --> 00:37:13.420 So können Sie all diese Arten von 00:37:13.420 --> 00:37:16.540 Steuerungen und Sachen, um sehr zu erstellen, 00:37:16.540 --> 00:37:19.130 sehr gut aussehende UIs. 00:37:21.690 --> 00:37:26.110 Wir haben mehr Demos, aber nicht viel Zeit. 00:37:26.110 --> 00:37:28.825 So erreichen wir das Ende. 00:37:28.825 --> 00:37:33.130 Lassen Sie mich sehr schnell teilen, wo Sie können alle diese Demos finden, 00:37:33.130 --> 00:37:37.420 und es gibt noch viel mehr Demos und Sachen, die wir haben 00:37:37.420 --> 00:37:41.380 nicht angezeigt, weil wir weniger Zeit haben, 00:37:41.380 --> 00:37:46.090 dass all diese Demos müssen eins nach dem anderen passieren. 00:37:46.090 --> 00:37:48.850 Aber Sie können alles finden in diesen beiden Links. 00:37:48.850 --> 00:37:51.190 Hoffentlich ist es hilfreich für Sie, 00:37:51.190 --> 00:37:55.009 und ich weiß nicht, ob wir haben Fragen. 00:37:55.890 --> 00:37:59.170 >> Ja, wir haben gerade eine schnelle Frage 00:37:59.170 --> 00:38:01.885 bevor wir übergeben zu den nächsten Lautsprechern, 00:38:01.885 --> 00:38:05.770 und das heißt, ist Sammlungsansicht 00:38:05.770 --> 00:38:10.460 haben die faulen Lade- und unendliche Datenfunktion? 00:38:11.910 --> 00:38:15.700 >> Ich denke, ich meine, 00:38:15.700 --> 00:38:18.370 Sie in der Lage sind, sie selbst umzusetzen. 00:38:18.370 --> 00:38:21.400 Wir könnten wahrscheinlich mehr in diesem Bereich 00:38:21.400 --> 00:38:24.670 , um Sie sofort zu unterstützen. 00:38:24.670 --> 00:38:26.800 Aber im Moment können Sie es mit 00:38:26.800 --> 00:38:30.535 swipeEvents können Sie sehen, welches Element angezeigt wird, 00:38:30.535 --> 00:38:33.610 und so können Sie beginnen Laden neuer Daten. 00:38:33.610 --> 00:38:36.385 Also ja, das ist definitiv möglich. 00:38:36.385 --> 00:38:37.180 >> Perfekt. 00:38:37.180 --> 00:38:38.890 >> Also standardmäßig die CollectionView haben 00:38:38.890 --> 00:38:41.575 Einige Befehle zum Erkennen wenn Sie das Ende erreichen, 00:38:41.575 --> 00:38:43.810 und viel mehr Daten, und all das Zeug. 00:38:43.810 --> 00:38:46.300 Also all diese Art von Ist möglich. 00:38:46.300 --> 00:38:47.845 >> Viel einfacher als mit ListView. 00:38:47.845 --> 00:38:48.655 >> ja. 00:38:48.655 --> 00:38:51.850 >> Klingt toll. Alles klar. Vielen Dank für Ihren Vortrag, 00:38:51.850 --> 00:38:54.805 und jetzt gebe ich es an James zurück. 00:38:54.805 --> 00:38:56.965 >> Ehrfürchtig. Vielen Dank 00:38:56.965 --> 00:38:59.605 Olia, Gerald und Javier. 00:38:59.605 --> 00:39:02.560 Super genial. Ich liebe alle erstaunliche Funktionen, die geschehen. 00:39:02.560 --> 00:39:05.200 Jetzt bin ich wirklich aufgeregt weil live aus Italien, 00:39:05.200 --> 00:39:07.870 Codrina ist hier, um zu sprechen uns darüber, wie wir 00:39:07.870 --> 00:39:10.630 tatsächlich testen unsere Xamarin-Anwendungen, 00:39:10.630 --> 00:39:12.700 unsere Benutzeroberfläche und unseren Quellcode. 00:39:12.700 --> 00:39:16.625 Codrina, ich werde es knallen und nehmen Sie es weg. 00:39:16.625 --> 00:39:19.560 >> Danke, James. Hallo an alle 00:39:19.560 --> 00:39:24.105 und ich werde meinen Bildschirm teilen, 00:39:24.105 --> 00:39:28.570 und ich werde bereit sein zu beginnen.