WEBVTT 00:00:02.090 --> 00:00:06.225 >> In Ordnung. Ich denke wir sind gut zu gehen. 00:00:06.225 --> 00:00:10.170 Es wird um halten gehen die Banane die ganze Zeit. 00:00:10.170 --> 00:00:13.320 Alles klar. Wie geht es also allen? 00:00:13.320 --> 00:00:18.340 gut? ja. Letzte Sitzung. 00:00:18.350 --> 00:00:21.015 Es scheint gut zu sein. gut Anzahl der Menschen hier, 00:00:21.015 --> 00:00:23.565 Ich war mir nicht sicher, nachdem die Wüsten kamen. 00:00:23.565 --> 00:00:27.810 Lassen Sie uns also loslegen. Alles klar. 00:00:27.810 --> 00:00:30.810 Verwenden von Xamarin.Forms Shell zum leicht eine konsistente, 00:00:30.810 --> 00:00:34.965 dynamisch, angepasst und funktional gefüllte UI, Spaß, Spaß, Spaß. 00:00:34.965 --> 00:00:36.870 Also bin ich Shane Neuville, 00:00:36.870 --> 00:00:38.720 Xamarin.Forms Senior Engineer mit 00:00:38.720 --> 00:00:41.525 Microsoft arbeitet an viele Shell-Bits. 00:00:41.525 --> 00:00:45.715 Dies wird also eine Codierung sein Sitzung von nur durchzukicken. 00:00:45.715 --> 00:00:48.780 Es ist einfach ein Spaß, den ich zusammengestellt habe fast für mich nur um 00:00:48.780 --> 00:00:52.940 sehen, was Spaß Dinge, die wir tun könnten mit der Shell-Architektur. 00:00:52.940 --> 00:00:55.010 Vieles davon wird auch sein, wie 00:00:55.010 --> 00:00:57.230 die MVVM-Frameworks sind gehen, um zusammen zu haken, 00:00:57.230 --> 00:00:58.700 das wird cool sein. 00:00:58.700 --> 00:01:00.320 Der frische MVVM hat 00:01:00.320 --> 00:01:02.990 eine Probe mit ihm sowie das ist ordentlich, die ich zeigen werde, 00:01:02.990 --> 00:01:05.330 wo sie sich in viele dieser Dinge. 00:01:05.330 --> 00:01:09.360 Als Ausgangspunkt also 00:01:09.590 --> 00:01:12.785 einige der Geburt von Schale kam von hier. 00:01:12.785 --> 00:01:16.220 Hier ist also unsere bestehende Seitenoptionen im Formular. 00:01:16.220 --> 00:01:17.930 Nehmen wir also an, Sie sind ein neuer Entwickler, 00:01:17.930 --> 00:01:19.650 Sie in Formulare kommen und Sie sind wie: "Alles in Ordnung. 00:01:19.650 --> 00:01:23.115 Was soll ich tun? Wie kann ich erstellen Sie eine Forms-App?" 00:01:23.115 --> 00:01:28.710 Zuerst müssen Sie verstehen, welche Seiten Sie haben. 00:01:28.710 --> 00:01:30.420 So haben Sie gemeisterte Details Seite, 00:01:30.420 --> 00:01:31.880 wahrscheinlich einer der am häufigsten verwendeten 00:01:31.880 --> 00:01:34.240 weil das einfach funktioniert wie ein Top-Level, 00:01:34.240 --> 00:01:39.275 Navigationsseite, die hauptsächlich ist da, nur um Die Leute zu ärgern, 00:01:39.275 --> 00:01:45.400 und dann die Tab-Seite, die hat Registerkarten und es ist eine Seite. 00:01:45.400 --> 00:01:50.750 Das ist also unsere Seitengeschichte. Alles klar. 00:01:50.750 --> 00:01:53.550 Zusammensetzen. Sie sind also zusammen gehen und du bist wie, 00:01:53.550 --> 00:01:56.670 lassen Sie uns es zusammenstellen, lassen Sie uns eine Master-Detailseite. 00:01:56.670 --> 00:01:58.630 Zunächst einmal, gut für mich, 00:01:58.630 --> 00:01:59.750 Ich verwechsele immer, welche 00:01:59.750 --> 00:02:01.110 der Meister und welche das Detail. 00:02:01.110 --> 00:02:02.120 Es hat mich ein wenig gedauert, 00:02:02.120 --> 00:02:06.635 aber ich bin vielleicht dort angekommen, ich weiß es nicht. 00:02:06.635 --> 00:02:08.390 Es gibt wahrscheinlich einige historische Wortschatz oder 00:02:08.390 --> 00:02:11.855 regelmäßig oder etwas, das ich bin nur fehlt auf diesem. 00:02:11.855 --> 00:02:16.285 Erstellen Sie also eine neue Seite für den Meister, 00:02:16.285 --> 00:02:18.285 die die Seitenleiste ist. 00:02:18.285 --> 00:02:20.490 Ich musste mich sehr schnell daran erinnern. 00:02:20.490 --> 00:02:22.815 So erstellen Sie diese Seite dort, 00:02:22.815 --> 00:02:25.100 Erstellen einer neuen Seite für die Details weil du so bist: "Okay. 00:02:25.100 --> 00:02:27.725 Das ist der Inhalt die ich zeigen möchte." 00:02:27.725 --> 00:02:29.655 Dann bist du wie: "Gut, ja. 00:02:29.655 --> 00:02:30.760 kühl. Ich habe meine Sachen, 00:02:30.760 --> 00:02:32.240 Ich habe eine zweite Seite, 00:02:32.240 --> 00:02:33.890 Ich möchte zu einer zweiten Seite navigieren. 00:02:33.890 --> 00:02:35.595 Das wird super spannend." 00:02:35.595 --> 00:02:38.140 So sind Sie wie, in Ordnung, es gibt dieses Ding auf einer Seite 00:02:38.140 --> 00:02:40.520 genannt Navigation Push async, 00:02:40.520 --> 00:02:42.165 und du bist wie, cool, in Ordnung, 00:02:42.165 --> 00:02:45.255 die meine Detailseite verschieben wird. 00:02:45.255 --> 00:02:47.180 Wer denkt, dass das eigentlich so ist? Wer denkt, dass es 00:02:47.180 --> 00:02:48.785 Navigieren Sie zur Detailseite, wer? 00:02:48.785 --> 00:02:49.970 Dave schüttelt den Kopf nein, 00:02:49.970 --> 00:02:51.500 er weiß, was er sehen wird. 00:02:51.500 --> 00:02:53.845 Oh, schauen Sie sich das an. 00:02:53.845 --> 00:02:56.550 Ich habe Animationen gelernt nur für diesen Vortrag. 00:02:56.550 --> 00:02:58.875 Dies ist die Ausnahme, die Sie erhalten. 00:02:58.875 --> 00:03:00.120 Dann an diesem Punkt sind Sie wie, nun, 00:03:00.120 --> 00:03:01.685 was der Heck ist, ist eine Navigationsseite. 00:03:01.685 --> 00:03:03.530 Nun kehren Sie also zu den Dokumenten zurück, 00:03:03.530 --> 00:03:05.600 in der Regel Google diese Ausnahme, 00:03:05.600 --> 00:03:07.550 eine ganze Reihe von Dinge, die darauf hinweisen, 00:03:07.550 --> 00:03:09.125 Was müssen Sie tun? Oh, okay. 00:03:09.125 --> 00:03:10.310 Ihre Seite befindet sich auf einer Seite, 00:03:10.310 --> 00:03:14.980 braucht eine andere Seite, also dass Sie überall hinkommen können. 00:03:15.170 --> 00:03:17.820 Jetzt haben wir also vier, 00:03:17.820 --> 00:03:19.275 Ich denke, vier, ich könnte haben falsch gezählt. 00:03:19.275 --> 00:03:21.480 Wir haben 4-5 separat erstellte Seiten, 00:03:21.480 --> 00:03:24.720 und wir sind immer noch wirklich nirgendwo mit einer Anwendung. 00:03:25.760 --> 00:03:29.460 So haben Sie dieses Schubladenmenü, 00:03:29.460 --> 00:03:32.250 das ist also Ihre Master-Seite. 00:03:32.250 --> 00:03:34.609 Sie haben diese Master-Seite auf der linken Seite 00:03:34.609 --> 00:03:37.595 was genau das ist völlig getrennte Sache, 00:03:37.595 --> 00:03:39.635 und Sie haben diese Seite auch hier. 00:03:39.635 --> 00:03:42.020 Es ist wie, okay. Nun, wie Verbinde ich diese Dinge? 00:03:42.020 --> 00:03:43.130 Es ist wirklich ain't lustig zu. 00:03:43.130 --> 00:03:45.955 Wie wenn Sie sich die Dokumente für Master Details Seite, es ist verrückt, 00:03:45.955 --> 00:03:49.500 Ich kenne niemanden, der übersetzen, dass zu etwas Nützlichem, 00:03:49.500 --> 00:03:52.260 weil sie auf der Masterseite. 00:03:52.260 --> 00:03:54.140 Es ist interessant auf dort, weil sie am MDP sind 00:03:54.140 --> 00:03:56.150 und sie abonnieren gerne zur Masterseite 00:03:56.150 --> 00:03:58.190 vom Master und dann Route bis zu 00:03:58.190 --> 00:04:00.260 die Detailseite zu navigieren Sie durch die Details, 00:04:00.260 --> 00:04:03.960 so haben Sie diese seltsame Verbindung geht weiter, 00:04:03.960 --> 00:04:05.460 und du bist nicht wirklich irgendwo, 00:04:05.460 --> 00:04:07.025 Sie haben nur diese Seiten. 00:04:07.025 --> 00:04:08.870 Es ist also eine Menge Aufwand. 00:04:08.870 --> 00:04:12.545 Es ist verwirrend, wie Sie diese Dinge zusammen, 00:04:12.545 --> 00:04:15.610 so in Bildform, Sie sehen so aus. 00:04:15.610 --> 00:04:21.590 Das war also eine der großen Motivationen hinter der Erstellung von Shell. 00:04:21.590 --> 00:04:26.780 Wir wollten eine kohäsive Erfahrung, wo Sie 00:04:26.780 --> 00:04:32.030 die Kopfschmerzen loszuwerden, diese Dinge zusammenzufügen. 00:04:32.030 --> 00:04:34.485 Navigation würde nur arbeite von überall her, 00:04:34.485 --> 00:04:37.965 Sie fliegen raus, Ihr Menü würde von überall aus funktionieren, 00:04:37.965 --> 00:04:41.175 Sie wären viel mehr in der Lage, anzupassen, 00:04:41.175 --> 00:04:43.640 Sie in der Lage sein, aus dieser Box ausbrechen 00:04:43.640 --> 00:04:47.090 diese einzelteilen in die wir hineinstecken. 00:04:47.090 --> 00:04:52.110 Das ist also wirklich, wo die ganze beschossenes Ding ging, welche Shell. 00:04:53.410 --> 00:04:56.970 Toller Film, wenn jemand hat es nicht gesehen. 00:04:57.640 --> 00:04:59.285 Ist es auch wie Super-Gesundheit? 00:04:59.285 --> 00:05:00.440 Oh Super-Gesundheit, nein. 00:05:00.440 --> 00:05:05.600 Muschel. Die Simpson-Version war der beste Take-on, 00:05:05.600 --> 00:05:08.850 aber Marlon Brando es war auch ziemlich gut. 00:05:09.260 --> 00:05:11.980 Also haben wir Shell. 00:05:11.980 --> 00:05:14.195 David ist viel überfahren auch dieser Dinge, 00:05:14.195 --> 00:05:15.695 aber wir haben es. 00:05:15.695 --> 00:05:18.275 Es ist eine deklarative Anwendungsstruktur. 00:05:18.275 --> 00:05:20.540 So effektiv kann ein Benutzer 00:05:20.540 --> 00:05:22.850 gehen Sie in Ihre Shell-Anwendung, die 00:05:22.850 --> 00:05:24.770 eine XAML-Datei und sie können 00:05:24.770 --> 00:05:27.465 siehe die Artikulation der Anwendung. 00:05:27.465 --> 00:05:29.525 Sie können die Registerkarten sehen, die sie haben werden, 00:05:29.525 --> 00:05:33.690 Sie können die Fly-Out-Seiten sehen du wirst haben, 00:05:33.690 --> 00:05:36.490 sie können sehen, wo diese werden zu führen. 00:05:36.490 --> 00:05:40.250 Sie haben alles, was Sie müssen, um das zusammenzustellen. 00:05:40.250 --> 00:05:41.690 Vereinfachte Navigation. 00:05:41.690 --> 00:05:43.025 Die Navigation ist einfach eingebaut. 00:05:43.025 --> 00:05:45.695 Es ist ein erstklassiger Bürger der Anwendung. 00:05:45.695 --> 00:05:48.225 Sie haben also dieses Mitglied. 00:05:48.225 --> 00:05:50.834 Zuallererst funktioniert es mit die alten Navigations-APIs, 00:05:50.834 --> 00:05:53.960 so können Sie Die Navigation und 00:05:53.960 --> 00:05:57.560 drücken Sie einfach eine Seite und es wird drücken eine Seite, es funktioniert mit denen. 00:05:57.560 --> 00:05:59.330 Es funktioniert auch mit der Schale 00:05:59.330 --> 00:06:01.910 in der Lage, um zu gehen auf den verschiedenen Teil, 00:06:01.910 --> 00:06:06.560 Es verwendet einfaches Pathing, um welchen Weg Sie gehen möchten, 00:06:06.560 --> 00:06:10.165 was viele Rahmen sich auch bewegen. 00:06:10.165 --> 00:06:12.120 Es ist also einfach. Man kann einfach sagen: "Hey, 00:06:12.120 --> 00:06:13.170 Ich möchte an diesen Ort gehen, 00:06:13.170 --> 00:06:16.480 dass ich dieses Ding genannt habe und Das ist, wo ich am Ende." 00:06:16.480 --> 00:06:20.430 Es ist schön. Es ist ein sehr kohäsiver Entwicklungserfahrung. 00:06:20.430 --> 00:06:21.910 Sie haben auf dieser Seite, 00:06:21.910 --> 00:06:23.870 Sie wissen, wie der linke Teil geht 00:06:23.870 --> 00:06:27.940 um mit der Mitte zu arbeiten teil. Es ist gut zu gehen. 00:06:27.940 --> 00:06:32.385 Plus alles ist nur an diesem einen Ort. 00:06:32.385 --> 00:06:36.020 Mit Shell also das Ziel dass wir uns bewegen 00:06:36.020 --> 00:06:39.650 in Richtung ist, dass Sie nicht wirklich benötigen eine Master-Details-Seite, 00:06:39.650 --> 00:06:41.970 Sie brauchen keine Tab-Seite, 00:06:43.220 --> 00:06:45.585 es gibt wahrscheinlich noch eine andere Ich vergiss, aber ja, 00:06:45.585 --> 00:06:47.090 Sie benötigen die anderen Seiten nicht. 00:06:47.090 --> 00:06:49.625 Sie haben nur im Wesentlichen Shell und Sie haben Ihre Inhalte. 00:06:49.625 --> 00:06:52.430 Dann, weil, wenn Sie auf jeder Seite zu tun, 00:06:52.430 --> 00:06:55.295 Sie möchten in der Lage sein, leicht sagen Sie, was Sie tun möchten. 00:06:55.295 --> 00:06:57.245 Sie möchten zu eine Inhaltsseite und sagen Sie, 00:06:57.245 --> 00:06:59.090 "Okay, diese Seite, ich eine Navigationsleiste wollen." 00:06:59.090 --> 00:07:01.430 Sie wollen nicht, dass das in eine Navigation eingewickelt. 00:07:01.430 --> 00:07:03.080 Diese Seite möchte ich Tabs haben, 00:07:03.080 --> 00:07:05.610 und dann zeigt das nur zur Inhaltsbeschreibung, 00:07:05.610 --> 00:07:07.655 aber deklarativer Inhalt zeigt an, was 00:07:07.655 --> 00:07:10.005 Ihre Seite wird dies tun. Es ist einfach. 00:07:10.005 --> 00:07:14.670 Navigieren Sie also von überall hin. 00:07:14.960 --> 00:07:17.340 Das ist es, worüber ich gesprochen habe. 00:07:17.340 --> 00:07:20.030 Sie können Ihre Registerkarten anpassen, 00:07:20.030 --> 00:07:22.460 Ihre Navigationsleiste nur basierend auf Seiteneigenschaften, 00:07:22.460 --> 00:07:25.370 damit jede Seite diktieren kann, wie sie 00:07:25.370 --> 00:07:28.280 will anzeigen und die Wirkung, die sie hat. 00:07:28.280 --> 00:07:29.300 Also, wenn Sie sich bewegen, um zu mögen 00:07:29.300 --> 00:07:31.370 eine Detailseite, auf der Sie wollen, dass die Registerkarten weg sind, 00:07:31.370 --> 00:07:32.675 Sie haben nur die Registerkarten weg. 00:07:32.675 --> 00:07:34.340 Es ist schön und einfach. 00:07:34.340 --> 00:07:37.420 Sie können das Schubladenlayout anpassen. 00:07:37.420 --> 00:07:41.690 Sie erhalten alle Funktionen der Shell templatable. 00:07:41.690 --> 00:07:45.200 So können Sie eine Vorlage erstellen für alle Artikel, 00:07:45.200 --> 00:07:47.420 Sie können erstellen eine Vorlage für die Oberseite. 00:07:47.420 --> 00:07:51.260 Es ist wirklich einfach, einfach zu bekommen wohin Sie gelangen möchten, 00:07:51.260 --> 00:07:56.765 oder schnell zu einen Anwendungsstartpunkt. 00:07:56.765 --> 00:08:01.225 Also, das ist, wo wir sind, mit Shell gehen. 00:08:01.225 --> 00:08:06.020 Hier ist also genau das, wo Sie siehe deklaratives XAML. 00:08:06.020 --> 00:08:08.420 Das ist cool hier, weil dies im Grunde ist, 00:08:08.420 --> 00:08:11.430 Sie haben Ihre Master-Details-Seite 00:08:12.020 --> 00:08:15.210 mit den Fly-out-Artikeln, Sie haben den Inhalt. 00:08:15.210 --> 00:08:17.204 So haben Sie Ihren Meister das ist Ihr Ausfliegen, 00:08:17.204 --> 00:08:19.490 und Sie haben Ihre Daten die Sihre des Shell-Inhalts ist. 00:08:19.490 --> 00:08:23.240 Nun, diese ganze Sache hier ist eine Master-Detailseite, eine Registerkarte, 00:08:23.240 --> 00:08:27.500 alle in eine schöne glückliche Box. 00:08:27.500 --> 00:08:30.860 Dies wird also von die Vorlagen, die Shell-Vorlage, 00:08:30.860 --> 00:08:36.410 wenn Sie sehen möchten, wie die zusammenrollt, 00:08:36.410 --> 00:08:40.345 das ist die Vorlage, die ich bin auch meine Demo auf. 00:08:40.345 --> 00:08:43.090 Das ist es also, was wir sind jetzt einziehen. 00:08:43.090 --> 00:08:49.820 Das ist also nur ein Mal sehen was wir mit Shell-Talk machen können. 00:08:49.820 --> 00:08:51.440 So viel von diesem Zeug ist Zeug, 00:08:51.440 --> 00:08:54.430 Das sind sehr Alphabete dass wir dann ausbrechen 00:08:54.430 --> 00:08:57.520 in die Funktionen, die Sie werden, um durchkommen zu sehen, 00:08:57.520 --> 00:09:00.550 und dann frisch MVVM tatsächlich eine Menge von 00:09:00.550 --> 00:09:02.620 dieses Zeug und Karte 00:09:02.620 --> 00:09:05.440 ihren Rahmen zu ihm und bekam ziemlich schnell damit. 00:09:05.440 --> 00:09:08.230 Es ist also ordentlich. So werden Sie sehen, wie Sie wirklich 00:09:08.230 --> 00:09:11.330 leicht artikulieren, wie Sie wollen, dass die Anwendung funktioniert, 00:09:11.330 --> 00:09:13.810 wie die Navigation zu wo Kontrolldinge 00:09:13.810 --> 00:09:15.730 wie buchstäblich alles. 00:09:15.730 --> 00:09:18.985 Das ist also das große Ding, wir sind versuchen, sicherzustellen, dass Sie 00:09:18.985 --> 00:09:21.775 deklarativen Aspekt und 00:09:21.775 --> 00:09:25.835 im Wesentlichen ersetzen, dass ganz innen. 00:09:25.835 --> 00:09:28.310 Also machen wir hier eine Demo, 00:09:28.310 --> 00:09:30.595 Codedemo mit Anpassen der Shell. 00:09:30.595 --> 00:09:32.390 Dies wird also eine Codierungsdemo sein 00:09:32.390 --> 00:09:34.050 dass wir uns bewegen werden, 00:09:34.050 --> 00:09:36.655 und wir können sehen. 00:09:36.655 --> 00:09:38.725 Mal sehen. 00:09:38.725 --> 00:09:40.815 Dies ist die App. 00:09:40.815 --> 00:09:43.160 Okay, cool. Dies ist also unsere Basis-App. 00:09:43.160 --> 00:09:44.570 Kann jeder nichts sehen? 00:09:44.570 --> 00:09:50.370 kühl. perfekt. Ich könnte im falschen Modus haben. 00:09:50.370 --> 00:09:55.200 Na bitte. Sie müssen beenden Sie die Diashow zuerst. 00:09:56.140 --> 00:09:59.910 Lassen Sie uns das ein wenig machen für alle größer. 00:10:01.920 --> 00:10:07.070 Das ist ein sehr bedauerlicher Schnitt des Regionstextes. 00:10:08.040 --> 00:10:11.770 ja? Okay. Dort haben wir gehen. Lassen Sie uns das beheben. 00:10:11.770 --> 00:10:14.725 Wir können das in der Bearbeitung beheben. 00:10:14.725 --> 00:10:17.740 Alles klar. Also, was wir getan haben. 00:10:17.740 --> 00:10:19.480 Also lassen Sie mich Ihnen einfach zeigen, 00:10:19.480 --> 00:10:24.175 die grundlegende App, die leer ist vielleicht durch das Display geschaltet. 00:10:24.175 --> 00:10:27.535 Was ich hier getan habe, ist, dass ich 00:10:27.535 --> 00:10:36.970 die Vorlagen-App. 00:10:36.970 --> 00:10:39.100 Die Vorlagen-App ist also Ihre grundlegende To-Do-App. 00:10:39.100 --> 00:10:40.915 Es hat eine Elementseite. 00:10:40.915 --> 00:10:42.130 Sie klicken auf die Artikel, 00:10:42.130 --> 00:10:45.220 die Artikel zeigen sich, sehr spannend. 00:10:45.220 --> 00:10:47.095 Also, was ich hier getan habe, 00:10:47.095 --> 00:10:49.870 Ich wollte zeigen, wie einfach es ist 00:10:49.870 --> 00:10:53.245 ist es, in den Funktionen zu hacken die Sie wollen. 00:10:53.245 --> 00:10:55.060 Hier ist also die App. 00:10:55.060 --> 00:10:56.815 Jeder sieht das vielleicht. 00:10:56.815 --> 00:11:02.065 Ich weiß es nicht wirklich. ja. Im Grunde, gehen Sie zu irgendwo, 00:11:02.065 --> 00:11:04.600 von irgendwo her zurück. Alles klar. 00:11:04.600 --> 00:11:07.150 Lassen Sie uns nun dies aufbrechen. 00:11:07.150 --> 00:11:11.990 Also haben wir dieses Ding geschaffen ShellNavigationService. 00:11:12.660 --> 00:11:16.320 Vieles von diesem Zeug wird auch in XAML verfügbar sein 00:11:16.320 --> 00:11:19.200 durch SEGS, die wir in der Lage sein, leicht zu entlarven, 00:11:19.200 --> 00:11:20.415 aber das ist eine Art Mut. 00:11:20.415 --> 00:11:21.660 Das ist also, wenn Sie wirklich wollen in 00:11:21.660 --> 00:11:23.315 eine Art Mut, damit zu spielen. 00:11:23.315 --> 00:11:27.445 Was wir also getan haben, ist diesen ShellNavigationService. 00:11:27.445 --> 00:11:30.475 Nun, was das ist, ist dies ist, wie alles funktioniert. 00:11:30.475 --> 00:11:32.890 Wenn Sie ihm einen URI senden, 00:11:32.890 --> 00:11:34.300 wie String oder Pfad, 00:11:34.300 --> 00:11:35.800 es geht durch diesen Service. 00:11:35.800 --> 00:11:38.350 Wenn es das aussandt, es geht an den Dienst. 00:11:38.350 --> 00:11:39.670 Wenn es gilt, alle 00:11:39.670 --> 00:11:42.340 die Parameter zur Seite es geht durch, 00:11:42.340 --> 00:11:43.420 es geht durch diesen Service. 00:11:43.420 --> 00:11:47.320 So können Sie es bei jedem Aspekt dessen, was es tut. 00:11:47.320 --> 00:11:49.330 Das ist also genau das, was diese Demo tut. 00:11:49.330 --> 00:11:52.795 Also, was diese Demo mit 00:11:52.795 --> 00:11:55.570 habe ich es so eingerichtet, dass Sie 00:11:55.570 --> 00:11:58.975 kann effektiv tun, ViewModel-Navigation. 00:11:58.975 --> 00:12:05.440 Was Sie hier sehen können, ist Ich habe die Routen auf diesem, 00:12:05.440 --> 00:12:09.730 und ich habe alle Routen umbenannt viewModel-Namen. 00:12:09.730 --> 00:12:13.315 Also jetzt, wenn ich Navigation mache, 00:12:13.315 --> 00:12:16.045 Ich kann es einfach geben Der Name eines Ansichtsmodells 00:12:16.045 --> 00:12:19.990 und ich kann ihm den Namen geben der tatsächlichen Ansicht, 00:12:19.990 --> 00:12:21.370 und es gibt verschiedene Wege Sie können diese verdrahten 00:12:21.370 --> 00:12:22.885 zusammen, wie Sie müssen. 00:12:22.885 --> 00:12:24.970 Aber gibst du es einen Namen eines Ansichtsmodells, 00:12:24.970 --> 00:12:28.480 und dann, was ich getan habe, wenn wir in den Navigationsdienst gehen, 00:12:28.480 --> 00:12:31.265 Sie können sehen, wo ich habe 00:12:31.265 --> 00:12:35.430 diese Funktion implementiert hier, wo im Grunde, 00:12:35.430 --> 00:12:38.275 Ich schnappte mir die Route. 00:12:38.275 --> 00:12:40.810 Das sind also die Argumente, die die in sie kommen. 00:12:40.810 --> 00:12:42.760 Das ist also der Name der Route, 00:12:42.760 --> 00:12:44.905 und dann bezichtduze ich das Ansichtsmodell 00:12:44.905 --> 00:12:47.320 hier und dann einstellen auf den Bindungskontext. 00:12:47.320 --> 00:12:49.540 Wenn Sie also wie das frische MVVM-Beispiel 00:12:49.540 --> 00:12:51.950 die ich haben sollte. 00:12:52.320 --> 00:12:55.360 Er macht eine sehr ähnliche auch hier, sehen Sie? 00:12:55.360 --> 00:12:57.550 Er prüft, ob die Bindung Kontext ist null, 00:12:57.550 --> 00:12:59.950 und jetzt tippt er 00:12:59.950 --> 00:13:04.330 Der Resolver, der Teil ist frisch zu MVVM, 00:13:04.330 --> 00:13:06.910 damit er die Abhängigkeitsinjektion und Das Zeug. 00:13:06.910 --> 00:13:08.740 Wenn Sie die Abhängigkeitsinjektion beendet haben, 00:13:08.740 --> 00:13:09.880 Ich denke, einige von Ihnen sind es. 00:13:09.880 --> 00:13:13.825 Also, wenn Sie jemals mit Dan gesprochen haben und dann bist du wahrscheinlich dran. 00:13:13.825 --> 00:13:18.550 Also frisches Indium, das einfach hineingesteckt wurde. 00:13:18.550 --> 00:13:21.100 Es ist ein schöner einfacher Weg um das zu tun, was Sie brauchen. 00:13:21.100 --> 00:13:23.650 Das Coole daran ist es also, 00:13:23.650 --> 00:13:28.345 Dies ist eine Möglichkeit, die ihre Inhalte erstellt werden. 00:13:28.345 --> 00:13:30.610 So sehen Sie sich in einer Sekunde, Ich habe ein Beispiel, wo 00:13:30.610 --> 00:13:33.730 Ich verstecke einen Abschnitt basierend auf Ihren Rollen. 00:13:33.730 --> 00:13:35.995 Sie werden auf der streng geheimen Seite sehen 00:13:35.995 --> 00:13:39.205 wo es nicht einmal hingeht durch unser System. 00:13:39.205 --> 00:13:42.430 Wenn Sie also die streng geheime Seite, 00:13:42.430 --> 00:13:45.774 Ich habe nicht einmal eine angegebene Inhaltsvorlage, 00:13:45.774 --> 00:13:50.170 weil das, was ich getan habe ist, dass ich überprüft habe, um 00:13:50.170 --> 00:13:52.120 sehen, ob sie das schaffen 00:13:52.120 --> 00:13:54.460 und dann gerade zurück meine eigene Inhaltsseite. 00:13:54.460 --> 00:13:56.680 Als Bibliotheksdesigner 00:13:56.680 --> 00:13:59.590 Sie könnten sogar nur machen sie so, wer auch immer 00:13:59.590 --> 00:14:02.740 Implementieren der Shell ist nicht einmal Verwendung der Inhaltsvorlagen, 00:14:02.740 --> 00:14:05.170 dass das Ganze durch Ihr Framework geleitet werden. 00:14:05.170 --> 00:14:08.695 Das ist also die ganze Aspekt der Schöpfung hier. 00:14:08.695 --> 00:14:10.270 Es klang so großartig, 00:14:10.270 --> 00:14:12.790 den gesamten Aspekt der Schöpfung. 00:14:12.790 --> 00:14:15.985 Dies ist die Alpha und das Omega der Seite. 00:14:15.985 --> 00:14:17.050 Nein, es ist das Alpha, denke ich, 00:14:17.050 --> 00:14:20.810 das Omega ist später langsam hier unten irgendwo. 00:14:20.970 --> 00:14:25.975 Das ist also der Ausgangspunkt von dem, was ich zeigen möchte. 00:14:25.975 --> 00:14:30.450 Nun, es ist im Wesentlichen was ich zeigen wollte. 00:14:30.450 --> 00:14:32.940 Lassen Sie uns also durch die Demo und 00:14:32.940 --> 00:14:36.195 die verschiedenen Dinge sehen die Sie tun können. 00:14:36.195 --> 00:14:37.350 Also eine Sache, die ich tun wollte 00:14:37.350 --> 00:14:40.785 hier, da dies etwas ist das kommt. 00:14:40.785 --> 00:14:42.270 Oh, ist sichtbar. Ist sichtbar 00:14:42.270 --> 00:14:43.800 kommt für jeden der es nicht gesehen hat. 00:14:43.800 --> 00:14:47.180 Dies ist also die Fähigkeit, und zeigen Sie Ihre Shell-Elemente. 00:14:47.180 --> 00:14:50.215 Also wollte ich eine schnelle Beispiel mit einer Anmeldeseite. 00:14:50.215 --> 00:14:54.820 Die Idee hier ist also, dass eine Tab-Leiste hat Ihre Fliege deaktiviert. 00:14:54.820 --> 00:14:56.305 Dies ist ein Szenario 00:14:56.305 --> 00:15:00.655 wo sie den Benutzer haben möchten 00:15:00.655 --> 00:15:03.835 den Rest nicht wirklich zu erreichen Ihrer Bewerbung, nicht wahr? 00:15:03.835 --> 00:15:06.745 Also in diesem Fall hier, 00:15:06.745 --> 00:15:11.240 wir starten mit einer Login-Seite. 00:15:13.070 --> 00:15:17.290 Ich dachte, wir setzen genug Pokerchips drin, 00:15:17.290 --> 00:15:19.135 so würde es starten schneller, aber vielleicht nicht. 00:15:19.135 --> 00:15:23.020 Alles klar. Also gehen wir hin. 00:15:23.020 --> 00:15:24.070 So haben wir die Login-Seite, 00:15:24.070 --> 00:15:26.680 die das Versteck anzeigt weil ich es nicht deaktiviert habe? 00:15:26.680 --> 00:15:34.760 Vieles davon sind Alpha-Codes. 00:15:36.570 --> 00:15:38.800 Warum hat sich das gezeigt? Alles klar. 00:15:38.800 --> 00:15:40.810 Wenn sich das zeigte, lassen Sie uns Stellen Sie sich vor, es zeigte sich nicht. 00:15:40.810 --> 00:15:44.560 >> [unhörbar]. 00:15:44.560 --> 00:15:45.970 >> Ich wusste nicht, dass wir es dafür zu zeigen, 00:15:45.970 --> 00:15:54.520 also habe ich es nicht eingerichtet hier. Alles klar. 00:15:54.520 --> 00:15:56.170 Natürlich, wie die eine was ich wollte 00:15:56.170 --> 00:15:57.490 Stellen Sie sicher, dass sie mit der Anmeldeseite angezeigt werden, 00:15:57.490 --> 00:15:58.720 aber wenn dies nur sagen, 00:15:58.720 --> 00:16:01.210 Stellen wir uns diese Deaktivierte vor. 00:16:01.210 --> 00:16:04.900 Es könnte etwas gegeben haben Ich brach auf die anderen. 00:16:04.900 --> 00:16:06.925 Okay. Lassen Sie uns einfach durch sie bewegen. 00:16:06.925 --> 00:16:09.325 Nein, aber das ist es nicht, ich wissen, warum es zeigt. 00:16:09.325 --> 00:16:11.350 Oh, es könnte zeigen, weil von einem anderen Code, den ich habe. 00:16:11.350 --> 00:16:13.375 Alles klar. Lassen Sie uns ignorieren es. Aber es funktioniert nicht. 00:16:13.375 --> 00:16:18.190 Okay. Also sagen wir, das ist ein viertels Fehler der Demo bisher. 00:16:18.190 --> 00:16:22.165 Alles klar. So ist dies ist Ihre Login-Seite. 00:16:22.165 --> 00:16:23.530 So haben Sie diese Login-Seite, 00:16:23.530 --> 00:16:25.269 Sie können nirgendwo hinkommen 00:16:25.269 --> 00:16:28.660 da Sie deaktiviert haben das Flyout-Verhalten dort. 00:16:28.660 --> 00:16:30.670 Dann können Sie auf Login klicken, 00:16:30.670 --> 00:16:32.995 es erhalten Protokolle, die Sie beenden an die Anwendung, 00:16:32.995 --> 00:16:35.605 Sie darauf klicken, und jetzt Sie darauf zugreifen können. 00:16:35.605 --> 00:16:39.325 So können Sie diese Seite anpassen und tun, was Sie wollen. 00:16:39.325 --> 00:16:42.400 Jetzt bin ich wie hyper-bewusst gibt es 00:16:42.400 --> 00:16:45.880 nicht mit Hot Reload wie jeder Zeit schließe ich und sei wie. 00:16:45.880 --> 00:16:48.370 Alles klar. Ich war 00:16:48.370 --> 00:16:49.120 eines der Dinge, wo Sie haben 00:16:49.120 --> 00:16:50.170 Ihre Demo bereit und dann sind sie wie, 00:16:50.170 --> 00:16:52.405 "Oh, wir zeigen heißes Nachladen", und du bist wie: "Ich weiß es nicht. 00:16:52.405 --> 00:16:53.500 Ich möchte diese neuen 00:16:53.500 --> 00:16:58.840 Wetten".. Alles klar. Nun also, wir starten es. 00:16:58.840 --> 00:17:03.085 Das zeigt nun die Idee z. B. ein Admin-Bereich. 00:17:03.085 --> 00:17:05.065 Sagen wir also hier unten. 00:17:05.065 --> 00:17:08.319 Hier habe ich die streng geheimen Abschnitt, 00:17:08.319 --> 00:17:11.995 die darauf basiert, ob Der Benutzer ist Administrator. 00:17:11.995 --> 00:17:15.745 Dies ist also ein Weg, um verschiedene Bereiche anzeigen, 00:17:15.745 --> 00:17:19.750 und ich zeige Ihnen diese Arbeit wirklich schnell mit dem Kontrollkästchen. 00:17:19.750 --> 00:17:20.860 Wer freut sich über das Kontrollkästchen? 00:17:20.860 --> 00:17:23.360 Ja, hören wir nach Kontrollkästchen. 00:17:23.700 --> 00:17:27.280 Die super lustige Sache über Kontrollkästchen ist vorhanden 00:17:27.280 --> 00:17:28.690 war so viel Diskussion über 00:17:28.690 --> 00:17:30.235 und es gibt so viele Dinge darüber, 00:17:30.235 --> 00:17:32.650 und wie die zweite wir haben es umgesetzt, 00:17:32.650 --> 00:17:34.825 Mann, ich benutze das Ding die ganze Zeit. 00:17:34.825 --> 00:17:37.615 Vor allem bei UI-Tests und solche Dinge. 00:17:37.615 --> 00:17:39.895 Ja, ich benutze es überall. Ich bin wie: "Dieses Ding ist großartig." 00:17:39.895 --> 00:17:45.430 Also vielen Dank an James für die Motivation uns, um das zu erreichen. Aber ja. 00:17:45.430 --> 00:17:50.125 Okay. Ist admin, klicken Sie auf dass, oh Top Secrets. 00:17:50.125 --> 00:17:51.880 Also jetzt, wenn Sie hiergehen, 00:17:51.880 --> 00:17:54.835 Sie werden sehen, dass es ein weiterer Abschnitt hier Top Secret 00:17:54.835 --> 00:17:58.060 die Sie erhalten können Klicken Sie auf "Logout", 00:17:58.060 --> 00:18:00.505 es bringt Sie zurück hierher, 00:18:00.505 --> 00:18:02.725 und dann klicken Sie auf "Login". 00:18:02.725 --> 00:18:04.900 Ich habe eigentlich nicht getestet klicken oder aufklicken. 00:18:04.900 --> 00:18:08.560 Oh mein Gott, es hat funktioniert kühl. Da haben Sie es. 00:18:08.560 --> 00:18:11.095 Durchgehen. So diese Art einer Studie sichtbar ist, 00:18:11.095 --> 00:18:12.640 ist etwas, das kommt. 00:18:12.640 --> 00:18:16.120 Das ist eine der neueren Funktionen die wir durchsetzen. 00:18:16.120 --> 00:18:19.600 Eine Sache, die ich hervorheben wollte darüber, wenn dies eine Art von 00:18:19.600 --> 00:18:23.365 Artikulation, dass cool, wo alles kommt zusammen Aspekt. 00:18:23.365 --> 00:18:26.635 Wenn Sie also die streng geheime Seite, 00:18:26.635 --> 00:18:28.810 dies ist eines dieser Dinge wohin es geht 00:18:28.810 --> 00:18:30.745 eine Mischung aus Cringe und Aufregung über dieses, 00:18:30.745 --> 00:18:35.845 aber auf der obersten Ebene haben die Shell ViewModel. 00:18:35.845 --> 00:18:40.765 Die Shell ViewModel wird also der App-Shell zugewiesen sind. 00:18:40.765 --> 00:18:42.640 Alles klar. Das ist also unter Vertrag mit 00:18:42.640 --> 00:18:44.725 der Bindungskontext auf der Shell-Ebene. 00:18:44.725 --> 00:18:46.330 Was dann passiert, ist, dass 00:18:46.330 --> 00:18:49.075 ShellViewModel geht durchrieseln 00:18:49.075 --> 00:18:51.310 Ihre gesamte Hierarchie, bis sie 00:18:51.310 --> 00:18:55.865 erreicht irgendwo anders, das ist mit einem eigenen Bindungskontext. 00:18:55.865 --> 00:18:58.739 Also für die Top Secret Seite, 00:18:58.739 --> 00:19:02.190 da ich nicht der verbindliche Kontext hier, 00:19:02.190 --> 00:19:04.440 Ich kehre gerade die Seite zurück. 00:19:04.440 --> 00:19:08.570 Die Top Secret-Seite die hier vorbei ist, 00:19:08.570 --> 00:19:11.275 was noch nicht sinnvoll ist. 00:19:11.275 --> 00:19:13.030 Code dahinter mit etwas darin. Alles klar. 00:19:13.030 --> 00:19:14.905 Hier geht es los, ist der Abmeldebefehl. 00:19:14.905 --> 00:19:18.310 Dieser Abmeldebefehl auf diese Inhaltsseite ist tatsächlich 00:19:18.310 --> 00:19:22.540 Bindung an das ShellViewModel Befehl, der hier genau ist. 00:19:22.540 --> 00:19:27.940 Die Inhaltsseite ist also verbindlich bis zu Ihrem ViewModel auf App-Ebene. 00:19:27.940 --> 00:19:29.410 Also das coole Ding hier meine ich, weil 00:19:29.410 --> 00:19:30.925 das ist das Nette an MVVM. 00:19:30.925 --> 00:19:35.095 Sie beschreiben im Grunde Ihre gesamte Anwendung in Ihren ViewModels, 00:19:35.095 --> 00:19:37.630 und wenn Sie alles, was verbunden ist, 00:19:37.630 --> 00:19:39.010 Sie machen einfach alles dort. 00:19:39.010 --> 00:19:44.780 Wenn sich der Benutzer also anmeldet loginViewModel, 00:19:45.320 --> 00:19:48.660 hier greife ich gerade zu shellViewModel 00:19:48.660 --> 00:19:51.885 in einer sehr schlechten Art und Weise aber es tut es immer noch. 00:19:51.885 --> 00:19:55.710 Es legt das is admin-Flag fest die an die 00:19:55.710 --> 00:19:59.590 das Shell-Element in Ihre App Shell hier, 00:19:59.590 --> 00:20:01.435 die diese Sichtbarkeit ausblenden. 00:20:01.435 --> 00:20:03.715 Jetzt auf Ihrer ShellViewModel-Schicht 00:20:03.715 --> 00:20:09.820 Sie können alle Rollen angeben und die Aspekte von allem und 00:20:09.820 --> 00:20:12.490 kaufen, dass durch sie alle Ihre Shell-Elemente oder 00:20:12.490 --> 00:20:16.180 auch, wie Sie wollen Ihren Shell-Inhalt anzuzeigen. 00:20:16.180 --> 00:20:18.100 So können Sie sogar binden alles da drauf. 00:20:18.100 --> 00:20:19.690 Wenn Sie also ändern Sie die Art und Weise, wie die Fliege 00:20:19.690 --> 00:20:21.340 aus zeigten oder so etwas. 00:20:21.340 --> 00:20:24.490 Wie Sie all das tun können mit diesem ViewModel der obersten Ebene. 00:20:24.490 --> 00:20:27.730 Da haben Sie so, was Ich spreche über so weit wie 00:20:27.730 --> 00:20:31.235 Kohäsivität der Schale sein. 00:20:31.235 --> 00:20:35.185 Sie haben alles zusammengestellt. 00:20:35.185 --> 00:20:37.310 Mal sehen. Also denke ich, das war die 00:20:37.310 --> 00:20:38.690 der Sachen, die ich zeigen wollte. 00:20:38.690 --> 00:20:42.840 Niemand hat meine Textnotizen gelesen. Alles in Ordnung, cool. 00:20:42.840 --> 00:20:45.410 Ja, das wollte ich mit den Admin-Abschnitten anzeigen, 00:20:45.410 --> 00:20:46.610 weil immer große Sache Menschen sind 00:20:46.610 --> 00:20:47.930 fragt nach, ist in der Lage, sich zu verstecken 00:20:47.930 --> 00:20:53.610 diese Flyouts basierend auf Ihrem Kontext. 00:20:53.890 --> 00:21:01.945 Alles klar. Also werde ich mich verstecken die Login-Seite wirklich schnell, 00:21:01.945 --> 00:21:04.090 vor allem nur, weil Sie Jungs 00:21:04.090 --> 00:21:05.735 wollen mich nicht sehen klicken Sie jedes Mal auf "Login", 00:21:05.735 --> 00:21:07.745 die Sie nicht müssten wenn hit würde ich heiß nachladen richtig? 00:21:07.745 --> 00:21:12.440 Wasauchimmer. Also lassen Sie uns durch den benutzerdefinierten Navigationsdienst. 00:21:12.440 --> 00:21:15.470 Also, was ich hier getan habe der benutzerdefinierte NavigationService ist 00:21:15.470 --> 00:21:21.245 Ich habe implementiert ein paar zusätzliche Funktionen, 00:21:21.245 --> 00:21:26.000 damit Sie nicht beobachten, wie ich kompiliere und neu kompiliere. 00:21:26.000 --> 00:21:28.250 Eine Sache habe ich hier getan. 00:21:28.250 --> 00:21:34.530 Wo ist die Parse? Ist es versteckt? 00:21:35.500 --> 00:21:38.530 Also eine Sache, die ich hier getan habe, okay. 00:21:38.530 --> 00:21:41.960 kühl. Eine Sache, die Sie nicht können tun mit Schale derzeit, 00:21:41.960 --> 00:21:43.790 die wahrscheinlich ziemlich bald implementieren 00:21:43.790 --> 00:21:45.860 ist durch die URI-Navigation, 00:21:45.860 --> 00:21:47.405 Sie können eine Seite nicht zurückgehen. 00:21:47.405 --> 00:21:50.210 Es gibt keine Möglichkeit zu geben es alles zu sagen, 00:21:50.210 --> 00:21:51.875 "Hey, ich möchte eine Seite zurück." 00:21:51.875 --> 00:21:54.360 Also, was Sie tun können, 00:21:54.360 --> 00:21:56.060 aber die Sache ist, ist die Sie implementieren können 00:21:56.060 --> 00:21:59.850 Ihr eigenes URI-Schema hier. 00:21:59.880 --> 00:22:03.654 Sie können Ihr eigenes URI-Schema implementieren 00:22:03.654 --> 00:22:06.160 und sagen Sie ihm, dass Sie tun sollen, was Sie wollen. 00:22:06.160 --> 00:22:07.810 Ist die Elementseite, 00:22:07.810 --> 00:22:12.895 die Sache ist so eine Mischung von, da gehen wir. 00:22:12.895 --> 00:22:14.335 ja. Hier sehen Sie, 00:22:14.335 --> 00:22:16.000 Ich mache diesen Punktpunkt. 00:22:16.000 --> 00:22:18.655 Das ist also etwas, das nicht einmal in Shell eingebaut. 00:22:18.655 --> 00:22:21.820 Dies ist der Bereich, in dem wie Prisma und MVVM-Kreuz. 00:22:21.820 --> 00:22:23.830 Es wird interessant sein zu sehen wenn sie in dieser Frage innovativ sind. 00:22:23.830 --> 00:22:26.440 So Prisma kann effektiv nehmen, es ist 00:22:26.440 --> 00:22:33.670 URI-Schemamodellierung und Schlüssel in meine Textnotizen, 00:22:33.670 --> 00:22:36.625 Taste in, "Control" nicht "Shift", 00:22:36.625 --> 00:22:39.415 kann in die ParseAsync 00:22:39.415 --> 00:22:42.130 , um diesen URI zu analysieren wie sie wollen und 00:22:42.130 --> 00:22:48.940 artikulieren, was der neue Zustand der Shell wird sein, 00:22:48.940 --> 00:22:50.620 was auch ein großer Aspekt ist 00:22:50.620 --> 00:22:51.970 die helfen wird, die Hot-Reload-Dinge 00:22:51.970 --> 00:22:53.860 weil die ganze Idee 00:22:53.860 --> 00:22:56.110 dass dies das neue Modell ist Ich möchte, dass Shell so aussieht, 00:22:56.110 --> 00:22:58.540 sie macht geltend, dass Shell-Konzept und dann 00:22:58.540 --> 00:23:01.150 Shell verwandelt sich dazu. 00:23:01.150 --> 00:23:04.795 Also, was ich hier getan habe mit der Taste "Zurück", 00:23:04.795 --> 00:23:10.030 Sie werden hier sehen, ich habe 00:23:10.030 --> 00:23:15.210 im Grunde genommen Code und ich habe sah es an und ich habe gesagt: 00:23:15.210 --> 00:23:16.590 hey, schauen Sie sich das an. 00:23:16.590 --> 00:23:20.575 Ist der URI-Abgleich? 00:23:20.575 --> 00:23:24.700 Ist es PunktPunkt Punkt" Wenn es ist Punktpunkt dann, was wir wollen 00:23:24.700 --> 00:23:29.455 wollen wir rückwärts gehen in der Anwendung. 00:23:29.455 --> 00:23:32.530 Hier können Sie also Ihr eigenes URI-Schema. 00:23:32.530 --> 00:23:33.940 So ist es, wo es ist gehen, um in 00:23:33.940 --> 00:23:38.695 auch mit Dingen wie Deep-Linking zum Beispiel. 00:23:38.695 --> 00:23:41.575 Angenommen, Ihr Deep-Linking-URI 00:23:41.575 --> 00:23:44.155 passt nicht ganz zusammen oder solche Dinge, 00:23:44.155 --> 00:23:46.360 was Sie hier tun können, ist, dass Sie sagen können, 00:23:46.360 --> 00:23:50.440 hey, ich will mein eigenes Ding umzusetzen. 00:23:50.440 --> 00:23:53.890 Wenn Sie die Art und Weise hassen, wie wir uri-Schema hoch und Sie möchten 00:23:53.890 --> 00:23:56.890 um Ihre eigene Analyse von allem zu tun, 00:23:56.890 --> 00:23:59.560 dann können Sie Ihre Parameter einrichten. 00:23:59.560 --> 00:24:04.150 Das Coole an dieser Struktur hier ist, dass, was es analysiert 00:24:04.150 --> 00:24:10.165 in etwas, das können Sie angeben. 00:24:10.165 --> 00:24:12.250 Das ist also euer Weg, der zerbrochen wird, 00:24:12.250 --> 00:24:14.815 es hat die gesamte Navigation Parameter darauf. 00:24:14.815 --> 00:24:18.280 So können Sie Navigationsparameter hinzufügen auch, dass 00:24:18.280 --> 00:24:22.015 auf die Seite angewendet werden, was nützlich ist. 00:24:22.015 --> 00:24:31.990 Also werden wir wirklich passen Sie die Schaltfläche "Zurück" hier an. 00:24:32.810 --> 00:24:35.370 Nur versuchen, sicherzustellen, dass 00:24:35.370 --> 00:24:38.930 und sehen, was Navigationsstapel. 00:24:38.930 --> 00:24:42.400 So ist es schön, weil 00:24:42.400 --> 00:24:46.450 die "Zurück"-Taste vor allem ist sehr individuell. 00:24:46.450 --> 00:24:48.070 Also werde ich nur kommentieren 00:24:48.070 --> 00:24:49.630 einige dieser Abschnitte aus, damit ich machen kann 00:24:49.630 --> 00:24:54.890 sicher, dass dies alles gezogen wird zusammen. Das ist der falsche Knopf. 00:24:55.920 --> 00:24:59.170 ja. Also lass mich ziehen einige dieser Teile aus. 00:24:59.170 --> 00:25:07.090 Lassen Sie mich Ihnen also zeigen, was die Anwendung sieht aus wie. 00:25:07.090 --> 00:25:12.280 Alles in Ordnung lässt die, Jahr, 00:25:12.280 --> 00:25:16.900 wir werden Ihnen zeigen das Endergebnis hier, 00:25:16.900 --> 00:25:18.160 Ich wollte durch sie gehen, aber 00:25:18.160 --> 00:25:19.720 es läuft ein wenig wenig zeitlos. 00:25:19.720 --> 00:25:22.795 Also wollte ich nur stellen Sie sicher, dass wir sehen können. 00:25:22.795 --> 00:25:26.590 Das wird also alles getan innerhalb des Navigationsdienstes. 00:25:26.590 --> 00:25:31.540 Also wollte ich nur zeigen, wie viel ich ändern kann, was 00:25:31.540 --> 00:25:33.565 wir tun hier und dann Ich werde durch diese 00:25:33.565 --> 00:25:37.490 sobald die Demo läuft perfekt fehlerfrei. 00:25:38.940 --> 00:25:42.385 Jeder meiner seltsamen kleinen Abschnitte auskommentiert? 00:25:42.385 --> 00:25:43.735 Nein. Okay, cool. 00:25:43.735 --> 00:25:46.940 Die Animation, es ist wird, um Ihren Geist zu sprengen. 00:25:48.750 --> 00:25:52.165 Ich sollte auch Audio hinzufügen. 00:25:52.165 --> 00:25:56.005 Es ist wie ein Batman-Übergang. 00:25:56.005 --> 00:26:03.175 Das ist jetzt die App hier anzapfen, 00:26:03.175 --> 00:26:04.780 oh schauen Sie sich das an, 00:26:04.780 --> 00:26:07.070 es ist ziemlich aufregend. 00:26:09.060 --> 00:26:12.790 ja. Wenn Sie wachsam sind, 00:26:12.790 --> 00:26:16.945 Sie haben gesehen, dass ich auf die Seite "Über" gegangen bin erst. Warum sollte sie das tun? 00:26:16.945 --> 00:26:21.250 Wir haben also diese Navigationspunkte schauen Sie sich das an. 00:26:21.250 --> 00:26:23.830 Jetzt wird die Schaltfläche "Zurück" mit dem Punktpunkt funktioniert. 00:26:23.830 --> 00:26:25.030 Nun sehen Sie sich das an. 00:26:25.030 --> 00:26:27.355 Nun, wenn ich zu diesem zweiten Punkt gehe, 00:26:27.355 --> 00:26:29.245 Siehst du, ich bin auf dem zweiten Element, 00:26:29.245 --> 00:26:31.195 Vertrauen Sie mir, es sagt zweiten Artikel. 00:26:31.195 --> 00:26:35.170 Nun, wenn ich die Anwendung "schließen" und dann gehe ich zurück 00:26:35.170 --> 00:26:37.240 hier und ich klicke auf 00:26:37.240 --> 00:26:40.120 es, da keine der Namen macht im Moment Sinn. 00:26:40.120 --> 00:26:41.485 Aber wenn ich darauf klicke, 00:26:41.485 --> 00:26:44.935 sie wird, schauen Sie sich das an. 00:26:44.935 --> 00:26:47.800 Das ist also der Grabstein Erholungsstoff hier. 00:26:47.800 --> 00:26:51.235 Nun ist die Anwendung geschlossen und wenn es zurückkommt, 00:26:51.235 --> 00:26:52.660 es ist, wo es aufgehört hat. 00:26:52.660 --> 00:26:55.090 Das ist also das Zeug das ist wirklich mächtig 00:26:55.090 --> 00:26:57.655 mit Shell, da jedes Konzept, 00:26:57.655 --> 00:27:02.545 jeden Teil Ihrer Shell wird durch einen URI dargestellt. 00:27:02.545 --> 00:27:06.355 So wie der Benutzer navigiert durch, 00:27:06.355 --> 00:27:09.970 können Sie die gesamte Hierarchie, die wirklich ordentlich ist. 00:27:09.970 --> 00:27:12.610 Lassen Sie uns also dies brechen ein wenig nach unten. 00:27:12.610 --> 00:27:16.030 Schauen Sie einfach durch die Art und Weise, wie das funktioniert. 00:27:16.030 --> 00:27:18.820 Wir können durch den Lebenszyklus schauen. 00:27:18.820 --> 00:27:21.010 Eigentlich, eine Sache, die ich wollte Ihnen auch zeigen. 00:27:21.010 --> 00:27:22.180 Eines der Dinge, die die Menschen 00:27:22.180 --> 00:27:23.650 Auch darüber zu reden ist mangels 00:27:23.650 --> 00:27:26.980 , um den Navigationsstapel zu beeinflussen. 00:27:26.980 --> 00:27:29.710 Also standardmäßig, wenn Sie navigieren durch 00:27:29.710 --> 00:27:33.460 Shell und Sie klicken auf die verschiedenen fly out Artikel, 00:27:33.460 --> 00:27:36.670 Der Back-Stack wird nicht beibehalten. 00:27:36.670 --> 00:27:39.160 Aber was ich hier gemacht habe ist, dass ich angepasst habe 00:27:39.160 --> 00:27:41.140 das Verhalten der Schaltfläche "Zurück" so dass, wenn Sie 00:27:41.140 --> 00:27:43.569 gehen Sie hier und Sie klicken sie darauf, 00:27:43.569 --> 00:27:47.305 es geht auf die über Seite, die ersetzt es durch eine "Zurück"-Taste 00:27:47.305 --> 00:27:49.150 und ich klicke auf die Schaltfläche "Zurück" und jetzt geht es 00:27:49.150 --> 00:27:51.160 zurück zum anderen Fly-Out-Element. 00:27:51.160 --> 00:27:55.720 Das sind also diese coolen Szenarien dass Sie wirklich 00:27:55.720 --> 00:28:01.300 leicht definieren, wie Sie möchten, dass es funktioniert. 00:28:01.300 --> 00:28:06.040 Lassen Sie uns also durcharbeiten dies ein wenig hier. 00:28:06.040 --> 00:28:09.410 Also hier, wenn die Seite erstellt wird, 00:28:11.580 --> 00:28:15.910 wir haben diese bindbare Eigenschaft hier, "Zurück" -Schaltflächenverhalten. 00:28:15.910 --> 00:28:18.805 Also, was ich getan habe hier, was cool ist, 00:28:18.805 --> 00:28:21.250 ist, dass ich einen Befehl für 00:28:21.250 --> 00:28:23.260 das Verhalten der Schaltfläche "Zurück" und 00:28:23.260 --> 00:28:25.870 jede einzelne Seite, die erstellt wird, 00:28:25.870 --> 00:28:32.500 die Schaltfläche "Zurück" wird durchgebahnt, 00:28:32.500 --> 00:28:35.320 die Ausführung geht durch diesen Befehl. 00:28:35.320 --> 00:28:37.525 Jetzt also überall in der Anwendung 00:28:37.525 --> 00:28:40.090 wo sie auf das oben linke Ding klicken, 00:28:40.090 --> 00:28:42.895 Ich kann es mir ansehen und dann 00:28:42.895 --> 00:28:46.374 bestimmen, basierend auf den Anwendungsstatus, 00:28:46.374 --> 00:28:49.180 geben Sie an, wo ich tun möchte. 00:28:49.180 --> 00:28:51.520 So sehen Sie hier, was ich getan habe, ist 00:28:51.520 --> 00:28:55.795 Ich pflege einen Navigationsstapel, 00:28:55.795 --> 00:28:58.795 und wenn der Navigationsstapel hat mehr als einen Artikel, 00:28:58.795 --> 00:29:03.145 Ich schicke dies hier, das ist meinen angepassten URI, den ich erstellt habe. 00:29:03.145 --> 00:29:05.905 Ansonsten mache ich Ich sage der Shell, hey, 00:29:05.905 --> 00:29:08.110 eigentlich möchten Sie präsentieren die Fliege raus, weil es niemanden gibt 00:29:08.110 --> 00:29:11.545 dort, was ich cool finde. 00:29:11.545 --> 00:29:13.900 Denn jetzt haben Sie alle Ihre "Zurück"-Taste hier ist zentralisiert in 00:29:13.900 --> 00:29:17.275 ein Service, wie Sie wollen Ihre Anwendung zu arbeiten. 00:29:17.275 --> 00:29:19.930 So könnte man sagen, die Schaltfläche "Zurück", um etwas zu tun. 00:29:19.930 --> 00:29:22.390 Wenn Sie also die Facebook-App zum Beispiel, 00:29:22.390 --> 00:29:24.445 wenn sie klicken durch die Tabs, 00:29:24.445 --> 00:29:27.160 die "Zurück"-Taste immer geht zurück auf die Registerkarte "Home". 00:29:27.160 --> 00:29:29.830 Wenn Sie also auf der Registerkarte "Home" sie auf die zweite, dritte klicken, 00:29:29.830 --> 00:29:31.390 vierten, fünften Tab und klicken Sie auf "Zurück", 00:29:31.390 --> 00:29:32.860 es geht zurück auf die Registerkarte "Home". 00:29:32.860 --> 00:29:35.920 So können Sie dieses Verhalten hier verwenden 00:29:35.920 --> 00:29:40.285 zu beeinflussen, wie Sie wollen Ihre Navigation zum Arbeiten. 00:29:40.285 --> 00:29:43.705 Das ist, was wirklich cool ist hier in Ihrem Navigieren. 00:29:43.705 --> 00:29:48.085 Also hier suchen wir in den Lebenszyklen. 00:29:48.085 --> 00:29:52.450 Der Navigationspunkt ist, wenn es bestimmt wird 00:29:52.450 --> 00:29:58.495 Der URI hat übermittelt eine erfolgreiche Navigation. 00:29:58.495 --> 00:30:02.155 Nun also eine Navigations- wird eintreten. 00:30:02.155 --> 00:30:06.085 Hier also ist der Spaß Animation kommt ins Spiel. 00:30:06.085 --> 00:30:08.530 Was ich hier mache, ist während der Navigation, 00:30:08.530 --> 00:30:11.050 Ich greife die aktuelle Seite. 00:30:11.050 --> 00:30:14.320 Also schnappe ich mir die aktuelle Seite die angezeigt werden, 00:30:14.320 --> 00:30:18.730 und ich wende eine Skala auf Animationen an. 00:30:18.730 --> 00:30:22.030 Das ist es, was Sie sehen wenn die Seite hereinkommt. 00:30:22.030 --> 00:30:23.875 Wenn die Seite hereinkommt, 00:30:23.875 --> 00:30:28.220 es skaliert zu ihm, die Sie kann sogar sehen. Abwarten. 00:30:28.470 --> 00:30:31.060 Ich vergaß, dass ich das. Siehe, schauen Sie sich das an. 00:30:31.060 --> 00:30:33.895 Wenn Sie auf die "Übers", macht das nicht Spaß? 00:30:33.895 --> 00:30:36.505 Sie klicken nur zwischen den Registerkarten 00:30:36.505 --> 00:30:39.400 und es gibt Ihnen diese coole Animation. 00:30:39.400 --> 00:30:44.770 Weil das alles Parsing ist durch Erscheinen. 00:30:44.770 --> 00:30:52.040 So erscheint jetzt zeigt dass Ihre Seite angezeigt wird. 00:30:52.290 --> 00:30:55.090 Das passiert also. 00:30:55.090 --> 00:30:56.710 Das Coole hier über auch die Shell-Sachen, 00:30:56.710 --> 00:30:58.585 "erscheint" tatsächlich bedeutet, dass sie erscheinen. 00:30:58.585 --> 00:31:01.779 So das erscheinende Ereignis wird auf Shell gefeuert 00:31:01.779 --> 00:31:05.695 vor der Ansicht tatsächlich auf der Seite angezeigt. 00:31:05.695 --> 00:31:08.590 Dies ist also der Ort, an dem MVVM-Frameworks werden in 00:31:08.590 --> 00:31:12.160 Ihre Bindungen und alle diese Dinge, denn gerade jetzt, 00:31:12.160 --> 00:31:15.445 wenn Sie auf iOS "erscheinen" 00:31:15.445 --> 00:31:17.320 Ihre Seite wird leer angezeigt und 00:31:17.320 --> 00:31:20.395 Ihr Text wird eingeblendet weil das Ereignis falsch ist, 00:31:20.395 --> 00:31:23.935 aber Shell-Brände erscheinen korrekt in 4.2. 00:31:23.935 --> 00:31:28.345 Es hat nicht alles in vier-Linien gezündet aber darüber werden wir nicht sprechen. 00:31:28.345 --> 00:31:31.595 Es ist also cool. 00:31:31.595 --> 00:31:34.945 Jetzt ist das Erscheinen dort, wo ich bin anpassen, wie ich möchte, dass es funktioniert. 00:31:34.945 --> 00:31:37.465 Also schauen Sie sich das an, ich habe Dieses Verhalten der Zurück-Schaltfläche 00:31:37.465 --> 00:31:39.745 die ich allen Seiten zugewiesen habe 00:31:39.745 --> 00:31:42.550 und was ich jetzt getan habe, ist, dass ich 00:31:42.550 --> 00:31:45.415 dieses Back-Button-Verhalten das ist auf dieser Seite, 00:31:45.415 --> 00:31:47.680 und dann schaue ich mir an den Navigationsstapel, 00:31:47.680 --> 00:31:50.155 und dann basierend auf den Navigationsstapel, 00:31:50.155 --> 00:31:52.060 das ist, wenn Sie hier gesehen. 00:31:52.060 --> 00:31:54.535 Wo ist es? Sehen Sie, wo ich bin Einstellung, wie dies aussieht. 00:31:54.535 --> 00:31:57.130 Nun also in diesem scheinbaren Ding, 00:31:57.130 --> 00:32:00.910 Ich habe kontextuelle meinen virtualisierten Stack. 00:32:00.910 --> 00:32:03.715 Der Stapel, den ich gemacht habe 00:32:03.715 --> 00:32:05.890 dieser Service und ich sage was ich möchte, dass Sie 00:32:05.890 --> 00:32:08.455 tatsächlich tun, ist ich wollen Sie , um den Text auf zurück zu setzen, 00:32:08.455 --> 00:32:10.720 und dann, wenn es kein Navigationsstapel, 00:32:10.720 --> 00:32:13.960 Ich möchte, dass Sie das normale Hamburger-Menü dort. 00:32:13.960 --> 00:32:18.459 Es ist also ordentlich. Das Ganze Navigationskonzept 00:32:18.459 --> 00:32:22.345 Ihrer Bewerbung wird in diesem Service beschrieben. 00:32:22.345 --> 00:32:24.070 So können Sie wirklich reich 00:32:24.070 --> 00:32:26.230 orchestrieren, wie Sie wollen alles zu arbeiten. 00:32:26.230 --> 00:32:30.520 Hier also ist es, wo die Wirkung seiner Spinnerei. 00:32:30.520 --> 00:32:32.890 Jedes Mal, wenn Sie Klicken Sie auf eine dieser Registerkarten, 00:32:32.890 --> 00:32:34.645 das auftretende Ereignis ausgelöst wird, 00:32:34.645 --> 00:32:38.170 und dann ist dies die der Vorgänge, die stattfinden. 00:32:38.170 --> 00:32:39.670 Also diese Rotation hier, 00:32:39.670 --> 00:32:43.690 was Sie sehen, als diese eingehende Seitenanimation. 00:32:43.690 --> 00:32:45.280 Ist das nicht ordentlich? Das liegt also daran, dass 00:32:45.280 --> 00:32:47.170 die Formen Animationen sind wirklich cool. 00:32:47.170 --> 00:32:49.105 Ich denke, manchmal Menschen vergessen, dass sie da sind. 00:32:49.105 --> 00:32:52.720 Die Gesamtheit der die Animationen, die Sie gesehen haben, 00:32:52.720 --> 00:32:55.255 es ist so wenig Code. 00:32:55.255 --> 00:32:59.620 Alles, was es ist, ist dieser Code hier, das sich transformiert 00:32:59.620 --> 00:33:05.960 die Seite und dann die Sache hier die skalierung. Das wars. 00:33:08.630 --> 00:33:10.830 Das ist alles, was tut 00:33:10.830 --> 00:33:13.425 die plattformübergreifende Animation, die cool ist. 00:33:13.425 --> 00:33:16.005 Also, ja. 00:33:16.005 --> 00:33:19.890 So funktioniert die Animation. 00:33:19.890 --> 00:33:21.330 Die Parse, die wir durchgemacht haben. 00:33:21.330 --> 00:33:23.040 Die Parse ist also ziemlich einfach. 00:33:23.040 --> 00:33:26.835 Es ist nur ein Blick auf den Navigationsstapel, der ordentlich ist. 00:33:26.835 --> 00:33:31.380 Alles klar. Mal sehen. 00:33:31.380 --> 00:33:36.135 Schauen wir uns die Grabsteinigung an hier wirklich schnell. 00:33:36.135 --> 00:33:39.210 So ist die Grabsteinigung ist ordentlich, die mit 00:33:39.210 --> 00:33:43.390 Xamarin Essentials aber im Grunde, was ich 00:33:43.390 --> 00:33:50.710 tun, ich habe diese einfachen Methoden die ich erstellt habe. 00:33:50.710 --> 00:33:56.570 Dies ist also eine sehr grundlegende Serialisierung. 00:33:56.580 --> 00:34:02.290 Ich nehme die URIs und dann nehme ich nur in den Einstellungsstapel gestürmt. 00:34:02.290 --> 00:34:05.155 Into-Einstellungen ist wie eine Zeichenfolge. 00:34:05.155 --> 00:34:06.760 Also ziemlich einfach. 00:34:06.760 --> 00:34:10.855 Lassen Sie mich also durchgehen, wo Ich baue den Stapel. 00:34:10.855 --> 00:34:13.015 ja, hier "Navigating". 00:34:13.015 --> 00:34:17.710 Also alles, was ich wirklich mit Navigieren ist, dass ich es anschaue und 00:34:17.710 --> 00:34:24.940 wenn der URI hereinkommt, 00:34:24.940 --> 00:34:27.400 Ich schaue es mir an und sage: "Okay, cool." 00:34:27.400 --> 00:34:31.165 Also schnappe ich mir den navigationStack und dann füge ich es dem navStack hinzu. 00:34:31.165 --> 00:34:33.040 Der Hauptgrund, warum ich den Vergleich mache 00:34:33.040 --> 00:34:34.150 oben ist, wenn Sie tun wie 00:34:34.150 --> 00:34:35.620 ein Rücken, weil Sie nicht wollen 00:34:35.620 --> 00:34:38.200 die Zurück-Taste, in die Ihren navigationStack. 00:34:38.200 --> 00:34:41.950 Wenn also die letzte Seite ist die aktuelle Seite, 00:34:41.950 --> 00:34:44.575 das bedeutet, dass der Benutzer knallt es von der Spitze. 00:34:44.575 --> 00:34:47.215 Das ist also im Grunde was das hier ist. 00:34:47.215 --> 00:34:52.135 Was dies also tut, ist Erstellen dieses VirtualStack, 00:34:52.135 --> 00:34:57.880 und dann wird der VirtualStack nur eine Liste, die lokal gespeichert ist. 00:34:57.880 --> 00:35:00.220 So können Sie den gespeicherten Zustand sehen. 00:35:00.220 --> 00:35:01.645 Es ist nicht so aufregend. 00:35:01.645 --> 00:35:05.260 Es ist nur hier unten, gespeicherter Zustand. 00:35:05.260 --> 00:35:08.395 So ist es nur nehmen navigationStack. 00:35:08.395 --> 00:35:13.945 Dies ist das Trennzeichen der navigationStack und es speichert es, 00:35:13.945 --> 00:35:17.850 und das ist es wirklich. 00:35:17.850 --> 00:35:18.990 Es speichert es. 00:35:18.990 --> 00:35:21.225 Wo bin ich? Magische Saiten. 00:35:21.225 --> 00:35:22.290 Das ist cool. 00:35:22.290 --> 00:35:24.390 Nun also, was passiert ist, wenn Sie 00:35:24.390 --> 00:35:27.610 Starten der Anwendung, 00:35:29.210 --> 00:35:33.250 was es hier macht Ihre navigationStack, 00:35:33.250 --> 00:35:38.170 sagt er: "Hat der navigationStack vorhanden?" 00:35:38.170 --> 00:35:41.395 Das ist nicht der Der Weiles. Also navigationStack ist Null. 00:35:41.395 --> 00:35:45.025 Das heißt, es ist der erste Navigationspunkt 00:35:45.025 --> 00:35:47.410 und dann, was es tut, ist dass es die Zustände lädt. 00:35:47.410 --> 00:35:53.080 Jetzt wird das deserialisiert. 00:35:53.080 --> 00:35:56.440 Deserialisieren ist viel zu viel zu 00:35:56.440 --> 00:35:57.955 eines komplizierten Wortes für das, was sie tut, 00:35:57.955 --> 00:36:00.325 aber es ist im Grunde bohrt die Schnur aus, 00:36:00.325 --> 00:36:03.295 teilt es auf diesen Begriff auf und 00:36:03.295 --> 00:36:07.910 erstellt neu, was Ihr URI-Stack Werke sieht aus wie. 00:36:08.520 --> 00:36:10.600 Da jede Anwendung 00:36:10.600 --> 00:36:12.715 auf eine andere Art und Weise Stapel machen möchten. 00:36:12.715 --> 00:36:14.965 Was sie wollen die "Zurück"-Taste zu tun. 00:36:14.965 --> 00:36:17.050 Einige Leute zum Beispiel auf Slack, 00:36:17.050 --> 00:36:19.195 wenn Sie navigieren zwischen den Kanälen, 00:36:19.195 --> 00:36:21.850 die "Zurück"-Taste lässt Sie nicht tun alles andere als viele Menschen 00:36:21.850 --> 00:36:25.300 in der Lage sein wollen, passen Sie dieses Verhalten an. 00:36:25.300 --> 00:36:29.380 Ja, das ist cool. So spart es der Staat und dann alles, was wir tun, 00:36:29.380 --> 00:36:32.125 Hier können Sie sehen, es zieht alles zusammen 00:36:32.125 --> 00:36:36.520 ist, dass du es nimmst, 00:36:36.520 --> 00:36:39.130 Sie erhalten den navigationStack und dann, was 00:36:39.130 --> 00:36:41.500 Ich nenne es "ParseAsync". 00:36:41.500 --> 00:36:42.640 Nun also, was ich sage, um 00:36:42.640 --> 00:36:46.795 das Navigieren ist ich unter dem letzten URI, 00:36:46.795 --> 00:36:50.635 Ich parse diesen URI gegen das System und dann sagen: 00:36:50.635 --> 00:36:54.880 "Ich möchte, dass du zu mir zurückkehrst den nächsten Status der Anwendung." 00:36:54.880 --> 00:36:57.010 Dann ist das nun die Seite dass es gehen wird 00:36:57.010 --> 00:37:00.295 zu und jetzt meine navigationStack wird wiederhergestellt. 00:37:00.295 --> 00:37:03.040 Jetzt also der navigationStack hier ist in der Lage, 00:37:03.040 --> 00:37:11.110 um jetzt mit der Back-Taste zu arbeiten Verhalten, das ich angepasst habe. 00:37:11.110 --> 00:37:12.730 Es ist also cool. 00:37:12.730 --> 00:37:15.265 So konnten Sie an einem Strang ziehen. 00:37:15.265 --> 00:37:17.260 Sie können sehr viel 00:37:17.260 --> 00:37:20.050 passen Sie all diese verschiedenen Funktionen, wie es funktioniert. 00:37:20.050 --> 00:37:23.095 Also, ja. 00:37:23.095 --> 00:37:25.810 So auf jeder dieser Seiten wo es einzieht 00:37:25.810 --> 00:37:30.340 die Seiten mit diesen Lebenszyklen hier, 00:37:30.340 --> 00:37:31.480 dies ist, wo auf dem erscheinenden, 00:37:31.480 --> 00:37:33.265 Sie können die Navigationsleiste sichtbar einstellen. 00:37:33.265 --> 00:37:35.845 Sie können die Registerkarten sichtbar festlegen. 00:37:35.845 --> 00:37:37.780 Alles, was Sie wirklich tun wollen. 00:37:37.780 --> 00:37:40.240 Also, ja, mal sehen. 00:37:40.240 --> 00:37:42.730 Ich denke, das war der größte Teil die Sachen mit der Demo. 00:37:42.730 --> 00:37:46.000 Überprüfen Sie Notizen. ja Grabsteinigung streng geheim, cool. 00:37:46.000 --> 00:37:47.875 Also schalten wir um. 00:37:47.875 --> 00:37:50.020 Ich habe auf die meisten diese Seiten, aber ich wollte 00:37:50.020 --> 00:37:52.720 zeigen Sie einfach den frischen MVVM. 00:37:52.720 --> 00:38:00.130 Schließen wir den Xamarin. Alles klar. Mal sehen. 00:38:00.130 --> 00:38:08.080 Wir gehen also nicht aus, weil wir hatte noch etwa sieben Minuten. 00:38:08.080 --> 00:38:10.600 Gibt es also Fragen? 00:38:10.600 --> 00:38:13.330 Jeder will ans Mikrofon und stellen Sie Ihre Frage zu 00:38:13.330 --> 00:38:16.990 Shell oder Dinge, die es geht Unterstützung oder nicht unterstützen? 00:38:16.990 --> 00:38:20.960 Nein? Wenn nicht, möchte ich nicht mit den nächsten fünf Minuten. 00:38:22.500 --> 00:38:25.645 >> Nummer 1, erstes die ich gerne weiß, ist, 00:38:25.645 --> 00:38:30.640 wie sieht der Zeitplan für das Sein aus in der Lage, Prisma mit Schale zu verwenden? 00:38:30.640 --> 00:38:36.295 >> Ich weiß es nicht wirklich der Zeitplan ehrlich, 00:38:36.295 --> 00:38:39.115 es ist schwer, sich auf Zeitpläne festzulegen. 00:38:39.115 --> 00:38:40.930 Aber damit, was wir tun, 00:38:40.930 --> 00:38:42.550 so ist es wirklich ordentlich weil FreshMvvm, 00:38:42.550 --> 00:38:44.215 das ist die Probe hier, 00:38:44.215 --> 00:38:47.920 hat hier ein Beispiel, wo sie haben es angezapft. 00:38:47.920 --> 00:38:51.069 Der Teil davon, den wir bestimmen, 00:38:51.069 --> 00:38:55.899 ist, wo wir hinbekommen können mit dem, was hier ist, 00:38:55.899 --> 00:38:57.670 welche Teile wir einsetzen können, um 00:38:57.670 --> 00:38:59.755 Prisma, um mit der Unterstützung zu beginnen? 00:38:59.755 --> 00:39:03.010 Das ist also einer der großen Gründe Ich baue eine Menge von diesem Zeug. 00:39:03.010 --> 00:39:05.500 Es gibt ein NuGet dafür dass wir einziehen können, 00:39:05.500 --> 00:39:08.200 also arbeite ich mit Dan sehr aktiv und viel 00:39:08.200 --> 00:39:11.260 um sicherzustellen, dass alles ist hier, was sie brauchen. 00:39:11.260 --> 00:39:14.260 Also ja, viel von diesem Zeug ist in diesem Sinne gebaut. 00:39:14.260 --> 00:39:15.970 Ich habe eine Version, die ich sagen möchte 00:39:15.970 --> 00:39:19.120 in meinem Kopf, aber ich bin wird es nicht sagen 00:39:19.120 --> 00:39:21.535 >> Sein Teil ist, welche Version Ich hoffe, es wird in sein, 00:39:21.535 --> 00:39:24.220 aber vieles davon ist auch nur versuchen, die Teile einzulegen. 00:39:24.220 --> 00:39:28.150 Anstatt also in dieser riesigen PR, 00:39:28.150 --> 00:39:29.890 es wird all diese Dinge sein. 00:39:29.890 --> 00:39:32.140 Ich muss die Sichtbarkeit Wein zu bekommen 00:39:32.140 --> 00:39:34.630 und einige der Zurück-Taste Verhaltensweisen, die auftreten können, 00:39:34.630 --> 00:39:36.430 so rollen wir diesen Felsen oder 00:39:36.430 --> 00:39:38.770 vorwärts sehr aggressiv zwischen ihnen, 00:39:38.770 --> 00:39:40.270 und irgendwann sind wir an den Punkt kommen, an dem 00:39:40.270 --> 00:39:42.010 Prisma ist in der Lage, wirklich tun, was sie wollen. 00:39:42.010 --> 00:39:44.950 Also die wichtigste, denke ich, das Prisma wird brauchen, ist wirklich 00:39:44.950 --> 00:39:48.685 erstellen und dann einige der Navigationshaken. 00:39:48.685 --> 00:39:49.990 Das ist jetzt die große, 00:39:49.990 --> 00:39:55.330 ist, dass es im Moment keine Möglichkeit gibt, um Ihre Seiten mit Shell zu DI, 00:39:55.330 --> 00:39:57.010 das wird groß sein. 00:39:57.010 --> 00:39:59.950 Dann ist der zweite Schritt wird wirklich spannend. 00:39:59.950 --> 00:40:04.150 >> So ist jetzt die Empfehlung zum Onboarding, 00:40:04.150 --> 00:40:06.535 es gibt Verfahren, die wir tun können. 00:40:06.535 --> 00:40:09.070 Wenn wir Tabs machen, können wir verwenden Sie das Flyout und 00:40:09.070 --> 00:40:11.755 das Flyout deaktivieren oder umgekehrt. 00:40:11.755 --> 00:40:14.290 Wird es einen separaten Fluss geben? 00:40:14.290 --> 00:40:15.790 die wie Onboarding umgehen, 00:40:15.790 --> 00:40:18.190 Protokollierung in separaten Strömen 00:40:18.190 --> 00:40:21.310 dass Sie nicht unbedingt möchten, dass der Benutzer zu navigieren? 00:40:21.310 --> 00:40:24.070 >> ja. 00:40:24.070 --> 00:40:26.440 Das ist also mit der Login-Seite. 00:40:26.440 --> 00:40:32.530 Sie meinen also, wo Sie mit ihrer Registrierung haben? 00:40:32.530 --> 00:40:34.060 Ist das, was Sie sind sagen, als ob sie sind 00:40:34.060 --> 00:40:35.560 Registrieren und durchziehen? 00:40:35.560 --> 00:40:37.900 >> Ja. Onboarding-Tutorials so etwas. 00:40:37.900 --> 00:40:39.310 >> Okay. ja, wir hatten 00:40:39.310 --> 00:40:42.295 einige Fälle von Gesprächen Menschen damit. 00:40:42.295 --> 00:40:45.610 Das ist genau das, was Dieser Login-Seitenfluss 00:40:45.610 --> 00:40:49.105 hier ist für, weil mit diesem, 00:40:49.105 --> 00:40:52.255 Sie könnten ein Onboarding machen mit diesen Szenarien. 00:40:52.255 --> 00:40:54.820 Hier denke ich, dass einige der die Namensgebung steht im Weg. 00:40:54.820 --> 00:40:57.160 So können Sie z. B. mit dieser Registerkartenleiste 00:40:57.160 --> 00:41:00.175 dies wird nicht haben eine Tab-Leiste, wie Sie gesehen haben, 00:41:00.175 --> 00:41:01.660 aber sie könnten immer noch von 00:41:01.660 --> 00:41:06.775 Diese Anmeldeseite wird durch anwendung von Onboarding. 00:41:06.775 --> 00:41:10.855 Sie können eine Inhaltsseite übertragen auf für die nächste Seite, 00:41:10.855 --> 00:41:13.630 und dann die nächste Seite, und dann wie alle modalen Dinge funktionieren. 00:41:13.630 --> 00:41:18.535 Aber das ist eine Sache, die die Menschen sind wirklich interessiert, 00:41:18.535 --> 00:41:23.290 es gibt also ein Problem, das jemand, der geschaffen wurde, wo wir 00:41:23.290 --> 00:41:25.540 will deklarativer sein 00:41:25.540 --> 00:41:28.030 Dinge wie Onboarding definieren. 00:41:28.030 --> 00:41:30.520 So wie das, was Sie tun könnten in einem Onboarding-Fall mit 00:41:30.520 --> 00:41:33.790 Ein Login ist, wenn Sie tun können ein weiterer Shell-Inhalt hier 00:41:33.790 --> 00:41:37.360 die Registrierung und 00:41:37.360 --> 00:41:39.790 dann ist das die nächste Seite Ihre Anmeldeseite übergeben. 00:41:39.790 --> 00:41:41.410 Dann mit Ihrer Nest-Registrierung, 00:41:41.410 --> 00:41:43.795 du könntest tun, okay, Sammeln von Details. 00:41:43.795 --> 00:41:45.775 Dann, jetzt, das ist artikulieren 00:41:45.775 --> 00:41:49.345 Ihre Hierarchie, die Sie sind durch zum Onboarding. 00:41:49.345 --> 00:41:51.235 Wir wollen also in der Lage sein, um auch zu beschreiben, 00:41:51.235 --> 00:41:54.565 die Ströme in einer tieferen Art und Weise. 00:41:54.565 --> 00:41:55.915 Beantwortet das Ihre Frage? 00:41:55.915 --> 00:41:56.580 >> Ja. 00:41:56.580 --> 00:41:58.900 >> Okay. Wenn es nicht ganz abgedeckt, 00:41:58.900 --> 00:42:02.575 lassen Sie mich einfach wissen und wir können direkt darüber zu chatten. 00:42:02.575 --> 00:42:04.900 >> Okay. Ich habe also zwei Fragen. 00:42:04.900 --> 00:42:07.480 Die erste, ist es möglich oder 00:42:07.480 --> 00:42:10.375 einfach, kundenspezifisch zu tun Renderer auf der Registerkarte, 00:42:10.375 --> 00:42:13.270 z. B. wie das Symbol oder 00:42:13.270 --> 00:42:16.600 den Text, wenn ich wie ein Stapel in der Registerkarte? 00:42:16.600 --> 00:42:18.280 >> Okay. ja. 00:42:18.280 --> 00:42:19.495 >> ja. 00:42:19.495 --> 00:42:21.880 >> ja. Sie sprechen also nur von 00:42:21.880 --> 00:42:24.070 auf den Registerkarten unten in weißem Knoten? 00:42:24.070 --> 00:42:24.510 >> ja. 00:42:24.510 --> 00:42:27.055 >> Das möchte ich gerne ein wenig einfacher machen, 00:42:27.055 --> 00:42:29.545 aber das Tab-Symbol, 00:42:29.545 --> 00:42:32.285 David, kannst du anpassen die Tab-Symbole? 00:42:32.285 --> 00:42:40.960 >> [unhörbar]. 00:42:40.960 --> 00:42:43.060 >> Okay. ja. Was ist das? 00:42:43.060 --> 00:42:44.950 Wir haben eine PR für die Abzeichen. 00:42:44.950 --> 00:42:46.675 Weil Sie nach Abzeichen gefragt haben? 00:42:46.675 --> 00:42:47.050 >> ja. 00:42:47.050 --> 00:42:48.790 >> Okay. Tut mir leid, das habe ich vermisst. 00:42:48.790 --> 00:42:52.105 ja. Wir haben eine Vorlage, in der Sie können eine Schablone tragen. 00:42:52.105 --> 00:42:54.700 Wir haben eine PR für die Abzeichen dass wir hoffentlich 00:42:54.700 --> 00:42:57.550 bald einsteigen, wo Sie diese einrichten können. 00:42:57.550 --> 00:43:02.635 Im Moment würde ich sagen, der Renderer Geschichte, die sich noch entwickelt. 00:43:02.635 --> 00:43:05.275 Sie können alles in der Schale. 00:43:05.275 --> 00:43:08.800 Also eine Sache über Shell, die ist ein wenig anders über 00:43:08.800 --> 00:43:10.870 die Rendererstruktur ist, dass statt 00:43:10.870 --> 00:43:15.070 mit einem Renderer für jeder Aspekt davon, 00:43:15.070 --> 00:43:17.725 alles wird durchgepfiffen 00:43:17.725 --> 00:43:21.145 ein einzelner Renderer nur als Shell-Render bezeichnet. 00:43:21.145 --> 00:43:24.445 Wenn Sie also auf Plattformebene, 00:43:24.445 --> 00:43:26.770 es ist eine gute Frage wie Sie hier durchpfeifen. 00:43:26.770 --> 00:43:29.815 Der Shell-Renderer ist den Renderer für die Shell. 00:43:29.815 --> 00:43:33.550 Es ist also ein Renderer durchgehen zu müssen. 00:43:33.550 --> 00:43:34.780 Also, was Sie auf tun würden 00:43:34.780 --> 00:43:37.570 die Plattformebene ist, dass Sie implementieren Sie Ihren eigenen Shell-Renderer, 00:43:37.570 --> 00:43:39.730 verwenden Sie das normale Exportattribut, 00:43:39.730 --> 00:43:41.350 und dann jetzt hier, 00:43:41.350 --> 00:43:45.145 es hat andere Überschreibt virtuelle Methoden 00:43:45.145 --> 00:43:49.660 für die Erstellung dieser verschiedenen Teilen davon. 00:43:49.660 --> 00:43:51.685 Hier ist also das Tab-Layout, 00:43:51.685 --> 00:43:53.875 hier ist die untere Navi-Ansicht. 00:43:53.875 --> 00:43:56.425 Hier können Sie Zugang dazu zu erhalten, 00:43:56.425 --> 00:43:59.050 hier ist die Statusleiste. 00:43:59.050 --> 00:44:02.515 Also hier ist, wo es ist all diese zu schaffen, 00:44:02.515 --> 00:44:06.970 und hier können Sie und greifen Sie darauf zu. 00:44:06.970 --> 00:44:08.740 Beantwortet das Ihre Frage? 00:44:08.740 --> 00:44:09.610 >> Art von. ja. 00:44:09.610 --> 00:44:13.405 >> ja. Also, wenn die Tabs würde ich sagen, 00:44:13.405 --> 00:44:15.610 was interessant war denn mit der Abstimmung 00:44:15.610 --> 00:44:18.640 eine der höchsten Stimmen, die wir hatten das Startup wiederhergestellt, 00:44:18.640 --> 00:44:22.150 eine plattformübergreifende Navigationsleiste. 00:44:22.150 --> 00:44:23.890 Die Registerkarte ist also eine andere 00:44:23.890 --> 00:44:26.200 dass wir gesucht haben an dem cool wäre 00:44:26.200 --> 00:44:28.270 um mehr plattformübergreifende 00:44:28.270 --> 00:44:30.535 dass Sie viel mehr leicht in sie tippen. 00:44:30.535 --> 00:44:33.970 Aber es ist immer noch alles in natives Tablet-Layout. 00:44:33.970 --> 00:44:37.480 Es wird Tab-Layout auf Android untere Navigationsleiste, 00:44:37.480 --> 00:44:41.380 und dann Tab-Steuerelemente auf iOS. 00:44:41.380 --> 00:44:44.170 So können Sie sie unter die Rendererebene und 00:44:44.170 --> 00:44:47.440 passen Sie diese Dinge an. Aber ja. 00:44:47.440 --> 00:44:50.080 Wenn dies also ein spezifischer Fall ist, 00:44:50.080 --> 00:44:54.025 Sie können zu leicht auf jeden Fall bekommen Login-Problem mit Shell 00:44:54.025 --> 00:44:56.740 da die Renderer-Story braucht ein wenig 00:44:56.740 --> 00:44:59.875 Arbeit, die es einfacher macht, auf alle verschiedenen Teile. 00:44:59.875 --> 00:45:01.330 Das ist also eine Sache, die 00:45:01.330 --> 00:45:02.860 Schale ein wenig anders weil Sie 00:45:02.860 --> 00:45:06.175 der Shell-Renderer und es ist so ein Top-Level, 00:45:06.175 --> 00:45:08.470 sicherstellen, dass sie Zugang zu all diesen Teilen. 00:45:08.470 --> 00:45:08.710 >> Okay. 00:45:08.710 --> 00:45:15.880 >> [unhörbar]. 00:45:15.880 --> 00:45:18.130 >> Okay. Meine nächste Frage ist: 00:45:18.130 --> 00:45:21.775 wenn ich wie tief tun wollte Verknüpfen oder App-Verknüpfung, 00:45:21.775 --> 00:45:27.145 wäre es möglich, mit diese Shell-Routing-Navigation? 00:45:27.145 --> 00:45:30.235 >> ja. Wir sind fast aus der Zeit hier, aber ja. 00:45:30.235 --> 00:45:32.290 Das ist eines der großen Dinge die wir ermöglichen wollen. 00:45:32.290 --> 00:45:36.500 Also, weil wie wenn Sie tun tiefe Verknüpfung, 00:45:37.050 --> 00:45:39.370 wenn Sie Ihre Tiefenverknüpfung zuordnen, 00:45:39.370 --> 00:45:42.070 es ist im Grunde Ihr Gastgeber und Ihr Schema 00:45:42.070 --> 00:45:46.105 die es sagt, dass Diese Anwendung setzt diese URL, 00:45:46.105 --> 00:45:48.910 und dann der interessante Teil der das ist der Weg, den das Ende ist. 00:45:48.910 --> 00:45:51.040 So wie, wenn Sie Tiefe Verknüpfung zu tun, 00:45:51.040 --> 00:45:52.615 Hier kommt der URI ins Spiel. 00:45:52.615 --> 00:45:55.630 So würden Sie im Grunde Starten Sie Ihre Anwendung 00:45:55.630 --> 00:45:58.780 wenn es von diesem Punkt aus beginnt wo es tief verbunden ist, 00:45:58.780 --> 00:46:01.630 und dann bekommst du von dort den Weg, den sie gehen, 00:46:01.630 --> 00:46:04.930 und dann, wenn Sie Ihre Schale, um das zu entsprechen, 00:46:04.930 --> 00:46:06.610 dann können Sie einfach zu diesem Weg gehen und 00:46:06.610 --> 00:46:08.545 es wird direkt zu dieser Seite gehen. 00:46:08.545 --> 00:46:11.980 Das ist es also, was mit die Abfragezeichenfolgennavigation. 00:46:11.980 --> 00:46:16.585 Also, wenn es navigiert auf den Detailseiten, 00:46:16.585 --> 00:46:19.675 z. B. das Ansichtsmodell, 00:46:19.675 --> 00:46:24.190 hier, sehen Sie den URI, dass es Erstellen ist es nur eine Abfragezeichenfolge, 00:46:24.190 --> 00:46:27.970 es ist nur ein Name von etwas hier auf einem Abfragezeichenfolgenparameter. 00:46:27.970 --> 00:46:29.620 Mit der tiefen Verknüpfung 00:46:29.620 --> 00:46:32.170 Sie können einfach "Details ID ist gleich etwas" 00:46:32.170 --> 00:46:33.310 basierend auf dem, was sie tun und dann 00:46:33.310 --> 00:46:35.350 diese mit der Anwendung verknüpfen. 00:46:35.350 --> 00:46:38.680 Dann, wenn Sie wollen, können Sie gehen verrückt in Ihrem Navigationsdienst 00:46:38.680 --> 00:46:42.265 und erstellen Sie auch einen benutzerdefinierten Stack. 00:46:42.265 --> 00:46:45.490 Das geht also zurück auf wo er sprach, 00:46:45.490 --> 00:46:47.050 was cool wäre wenn wir beschreiben könnten, 00:46:47.050 --> 00:46:48.820 eine Hierarchie hier weil wir dann 00:46:48.820 --> 00:46:52.825 generieren Sie den gesamten Stack für Sie wenn wir wissen, dass wir darüber Begonen haben. 00:46:52.825 --> 00:46:54.610 Also ja. 00:46:54.610 --> 00:46:57.440 Ich denke, wir grunden Sie, es zu schneiden. 00:46:57.720 --> 00:47:01.405 Ich werde meine und dann vielleicht? 00:47:01.405 --> 00:47:03.080 Er ist verantwortlich, damit er sag mir, ich solle aufstehen oder nicht. 00:47:03.080 --> 00:47:05.770 >> Ich habe eine kurze Frage über Navigationsparameter, 00:47:05.770 --> 00:47:07.195 aber ich kann es offline nehmen. 00:47:07.195 --> 00:47:10.360 >> Okay. Nehmen Sie es dort oben weil wir es einpacken müssen. 00:47:10.360 --> 00:47:11.635 Also ja. Alles klar. 00:47:11.635 --> 00:47:14.830 Nun, das war's. ja, [unhörbar] . 00:47:14.830 --> 00:47:17.045 Yay! gipfel. 00:47:17.045 --> 00:47:19.500 ja. 00:47:19.500 --> 00:47:22.000 [MUSIK]