WEBVTT 00:00:00.000 --> 00:00:01.260 [MUSIK] 00:00:01.260 --> 00:00:03.310 >> Ehrfürchtig. Komm rein. 00:00:05.270 --> 00:00:09.040 Sammeln Sie für das Wort von Xamarin. 00:00:11.690 --> 00:00:13.020 >> Amen. 00:00:13.020 --> 00:00:19.965 >> Amen. kühl. Prima. Wir haben den richtigen Bildschirm. 00:00:19.965 --> 00:00:22.995 Alles klar. Ist jeder eine gute Zeit haben? 00:00:22.995 --> 00:00:23.610 >> ja. 00:00:23.610 --> 00:00:26.235 >> ja. Ich bin froh, dass du gekommen bist. 00:00:26.235 --> 00:00:27.840 Haben Sie Ihre Freunde eifersüchtig gemacht? 00:00:27.840 --> 00:00:28.440 >> Ja. 00:00:28.440 --> 00:00:30.645 >> Machen Sie Ihre Feinde eifersüchtig? 00:00:30.645 --> 00:00:33.990 Komm schon. Ja, das ist großartig. 00:00:33.990 --> 00:00:36.090 Es war absolut wunderbar, um umgeben zu sein 00:00:36.090 --> 00:00:40.534 so viele Arten, schön, Gleichgesinnte, 00:00:40.534 --> 00:00:44.280 bis auf Duane hier oben auf die Vorderseite. Ich weiß es nicht. 00:00:47.030 --> 00:00:50.010 Ich necke. Sie wissen, ich necke. 00:00:50.010 --> 00:00:52.880 kühl. Also sind wir hier um über das Erstellen von 00:00:52.880 --> 00:00:55.910 verrückte schöne UI mit Xamarin Forms. 00:00:55.910 --> 00:00:58.580 Ich könnte mir also vorstellen, Sie sind an 00:00:58.580 --> 00:01:00.140 alle Tipps und Tricks, die ich 00:01:00.140 --> 00:01:02.270 hoffen, in der Lage zu sein, teilen Sie mit Ihnen heute. 00:01:02.270 --> 00:01:06.200 Natürlich sind dies keine für unentgeltliche Nutzung, 00:01:06.200 --> 00:01:08.105 aber wir können einige wirklich schöne Dinge. 00:01:08.105 --> 00:01:11.790 Ich werde eine Vielzahl von Fragen die ganze Zeit. 00:01:11.790 --> 00:01:14.025 Offensichtlich durch Twitter, per E-Mail, 00:01:14.025 --> 00:01:15.810 durch das Sprechen auf Konferenzen, 00:01:15.810 --> 00:01:19.005 wie machen Sie x, y und z? 00:01:19.005 --> 00:01:23.515 Wahrscheinlich ist die wichtigste Wie machen Sie Parallaxe? 00:01:23.515 --> 00:01:25.700 Hat jemand schon einmal Parallaxe gemacht? 00:01:25.700 --> 00:01:27.335 Jeder im Raum, ein paar Leute. 00:01:27.335 --> 00:01:31.220 Hat jemand versucht, parallax und sagte: "Schrauben Sie das." 00:01:31.220 --> 00:01:36.140 Haben Sie ein paar davon. Also habe ich wird Ihnen einige Parallaxe zeigen. 00:01:36.140 --> 00:01:37.370 Es ist eigentlich ziemlich genial, 00:01:37.370 --> 00:01:40.370 ziemlich einfach. Ich habe einen anderen Schritt. 00:01:40.370 --> 00:01:42.845 Ich hatte viel Spaß Diese Demos zu bauen, 00:01:42.845 --> 00:01:46.710 weil ich Hot Reload verwendet habe. 00:01:47.020 --> 00:01:49.835 Es hat also sehr viel Spaß gemacht. 00:01:49.835 --> 00:01:51.140 Ich habe einige Bugs eingereicht, 00:01:51.140 --> 00:01:52.360 einige von ihnen wurden repariert, 00:01:52.360 --> 00:01:53.590 einige von ihnen werden repariert, 00:01:53.590 --> 00:01:55.580 einige der Verbesserungen noch kommen, 00:01:55.580 --> 00:01:58.370 aber wir wussten, dass es bereit war draußen in freier Wildbahn zu sein. 00:01:58.370 --> 00:02:00.230 Ich bin froh, dass Sie werden, um es in 00:02:00.230 --> 00:02:03.320 Ihre schmutzige kleine gierige kleine Hände bald. 00:02:03.320 --> 00:02:05.150 Ich hoffe, dass Sie die Möglichkeit, 00:02:05.150 --> 00:02:07.175 viele Rückmeldungen an das Team. 00:02:07.175 --> 00:02:09.050 Lassen Sie uns wissen, wie es für Sie funktioniert, 00:02:09.050 --> 00:02:11.470 lass uns wissen, wo es nicht ist, cool? 00:02:11.470 --> 00:02:14.490 Das ist also mein Twitter-Handle. 00:02:14.490 --> 00:02:17.040 Am Ende habe ich auch meine E-Mail. 00:02:17.040 --> 00:02:18.790 Bitte wenden Sie sich jederzeit an. 00:02:18.790 --> 00:02:22.115 Ich entschuldige mich, wenn ich nicht sofort zu Ihnen zurück, 00:02:22.115 --> 00:02:27.705 aber ich lese alle E-Mails und ich versuche, auf sie alle zu antworten. 00:02:27.705 --> 00:02:29.760 Manchmal sauge ich beim Zeitmanagement, 00:02:29.760 --> 00:02:31.520 so wissen Sie, wie das ist. 00:02:31.520 --> 00:02:34.190 kühl. Also dachte ich, die erste Was wir reden würden 00:02:34.190 --> 00:02:39.420 ob mein Pfeil funktioniert. 00:02:39.420 --> 00:02:42.160 Eine dieser Schaltflächen muss funktionieren. 00:02:42.710 --> 00:02:46.755 Sie will buchstäblich nicht vorwärts zu bringen. Da geht es hin. 00:02:46.755 --> 00:02:49.230 Hallo. Also dachte ich, wir würden zuerst reden 00:02:49.230 --> 00:02:51.650 über Themen; Farben, Schriftarten, Symbole, 00:02:51.650 --> 00:02:55.690 weil Sie wahrscheinlich gefolgt sind die Apple-Ankündigungen, 00:02:55.690 --> 00:02:59.735 iOS 13 hat jetzt den dunklen Modus. 00:02:59.735 --> 00:03:00.570 >> ja. 00:03:00.570 --> 00:03:03.435 >> ja. Mehr Telefonzeit im Bett, 00:03:03.435 --> 00:03:07.140 das ist es, worüber wir sprechen. 00:03:07.140 --> 00:03:11.160 Das ist also wichtig und die Menschen werden Sie fragen, 00:03:11.160 --> 00:03:12.625 vielleicht fragen Sie schon, 00:03:12.625 --> 00:03:15.280 "Wie kann ich besser unterstützen diese Dinge in 00:03:15.280 --> 00:03:18.010 meine App, um sicherzustellen, dass Ihre App 00:03:18.010 --> 00:03:20.590 fühlt, dass es gehört, wie es auf 00:03:20.590 --> 00:03:23.695 die iOS-Plattform sowie als Android natürlich. 00:03:23.695 --> 00:03:26.365 Wie kann ich also am besten ansprechen? diese Dinge?" 00:03:26.365 --> 00:03:27.910 Also werde ich teilen mit Ihnen einige von 00:03:27.910 --> 00:03:29.860 die Dinge, die ich tendenziell suche. 00:03:29.860 --> 00:03:32.440 Nun, mein Hintergrund vor 00:03:32.440 --> 00:03:34.450 Beitritt zu Microsoft zwei und vor einem halben Jahr 00:03:34.450 --> 00:03:36.275 Ich hatte eine Firma namens Render, 00:03:36.275 --> 00:03:38.535 und wir haben beraten. 00:03:38.535 --> 00:03:43.550 Es war ich Partner Ben Bishop und mehrere Auftragnehmer. 00:03:43.610 --> 00:03:46.080 Also haben wir Apps für Startups gemacht, 00:03:46.080 --> 00:03:47.400 wir haben sie für Unternehmen getan, 00:03:47.400 --> 00:03:49.680 wir hatten große Kunden, wir hatte wenig Kunden. 00:03:49.680 --> 00:03:51.705 Eines der gemeinsamen Themen war: 00:03:51.705 --> 00:03:53.415 es war sehr kreativ, 00:03:53.415 --> 00:03:55.455 sehr vorausschauend, gab es 00:03:55.455 --> 00:03:57.985 sehr hohe Messlatte für Benutzererfahrung. 00:03:57.985 --> 00:04:00.490 Also haben wir ständig Dinge, die wir nicht finden konnten 00:04:00.490 --> 00:04:04.030 präzistien für oder wir versuchen Sie einfach, es herauszuarbeiten. 00:04:04.030 --> 00:04:06.010 Einige davon sind also Tipps und Tricks von 00:04:06.010 --> 00:04:08.500 nützliche Ressourcen und Praktiken, die ich habe. 00:04:08.500 --> 00:04:11.915 Einer der ersten ist also Ressourcen wie diese zu finden. 00:04:11.915 --> 00:04:14.990 Dies ist color dot adobe dot com. 00:04:14.990 --> 00:04:17.840 Früher hieß es Kuler, K-U-L-E-R. 00:04:17.840 --> 00:04:20.960 Dies ist also eine Website und es gibt auch eine mobile App 00:04:20.960 --> 00:04:23.760 die Sie verwenden können und Bilder von Farben machen, 00:04:23.760 --> 00:04:26.420 Sie können Fotos machen eines ganzen Fotos, 00:04:26.420 --> 00:04:29.160 und es wird Ihnen sagen, was die Farbpalette, die es ist. 00:04:29.160 --> 00:04:32.620 Wenn Sie also nach nur ein Satz von fünf, sechs, 00:04:32.620 --> 00:04:35.310 Farben, die zu einem bestimmten Thema passen, 00:04:35.310 --> 00:04:37.150 Dies ist eine gute Ressource, zu der Sie gehen können. 00:04:37.150 --> 00:04:40.270 Wenn Sie Farbe sind herausgefordert, das ist gut. 00:04:40.270 --> 00:04:43.834 Nun, etwas zu beachten aus DerAbilitätssicht, 00:04:43.834 --> 00:04:45.350 nur weil es eine Farbpalette gibt, 00:04:45.350 --> 00:04:47.890 bedeutet nicht, dass es geht um groß auf Ihrem Telefon zu sein, 00:04:47.890 --> 00:04:50.659 bedeutet nicht, dass es geht ideal für Barrierefreiheit zu sein, 00:04:50.659 --> 00:04:53.165 denn wenn es um Farbe geht, 00:04:53.165 --> 00:04:55.115 Kontrast ist sehr wichtig. 00:04:55.115 --> 00:04:56.840 Sie müssen Farbe berücksichtigen 00:04:56.840 --> 00:04:58.565 Blindheit und ähnliches. 00:04:58.565 --> 00:05:00.230 Sie wollen sich dessen bewusst sein. 00:05:00.230 --> 00:05:02.270 Ich habe das nicht in meinem Deck gefördert, 00:05:02.270 --> 00:05:05.345 aber ich weiß auf Mac im Besonderen, 00:05:05.345 --> 00:05:07.160 es gibt ein Plug-In, dass Sie 00:05:07.160 --> 00:05:09.480 installiert werden kann, oder nicht einmal ein Plug-in, 00:05:09.480 --> 00:05:10.670 es ist eine App, die Sie installieren können, 00:05:10.670 --> 00:05:13.550 und es wird Ihren Bildschirm in 00:05:13.550 --> 00:05:17.600 eine Darstellung dessen, was verschiedene farbblinde Menschen sehen, 00:05:17.600 --> 00:05:20.690 und das wird wirklich die Augen öffnen 00:05:20.690 --> 00:05:22.880 zu dem, was Sie tun 00:05:22.880 --> 00:05:25.070 mit und was diese Menschen leben mit jedem Tag. 00:05:25.070 --> 00:05:28.860 Grün ist nicht unbedingt grün als grün vielleicht, das Ding. 00:05:28.860 --> 00:05:30.510 Das ist also eine wirklich gute Ressource. 00:05:30.510 --> 00:05:33.750 Ein anderer ist coolers.com, ist das coolers.com? 00:05:33.750 --> 00:05:37.500 ja, coolers.co. gerade Google für diese, 00:05:37.500 --> 00:05:39.690 überprüfen Sie sie. Wieder wirklich gut. 00:05:39.690 --> 00:05:40.905 Sie geben Ihnen die RGB, 00:05:40.905 --> 00:05:44.430 sie geben Ihnen die hexadezimalen Farben, 00:05:44.430 --> 00:05:46.440 Sie können monochromatische, 00:05:46.440 --> 00:05:49.925 Sie können kontrastierend, alles Zeug. 00:05:49.925 --> 00:05:52.385 Es ist eine wirklich tolle Ressource und Sie können dort beginnen. 00:05:52.385 --> 00:05:54.710 Nun, was sind Ihre Optionen, wenn Sie zu 00:05:54.710 --> 00:05:57.470 Themen in Xamarin Forms? 00:05:57.470 --> 00:05:59.720 So sind Sie wahrscheinlich über Themen nachdenken, 00:05:59.720 --> 00:06:02.870 So suchen Sie das Word-Design mit Xamarin Forms, 00:06:02.870 --> 00:06:04.055 und Sie finden dieses Xamarin 00:06:04.055 --> 00:06:08.140 Forms.theme-Paket. Hat das irgendjemand genutzt? 00:06:08.140 --> 00:06:12.480 Eins, zwei. War es, dass ein Schmerz auf dem Hintern, um sich einzurichten? 00:06:12.480 --> 00:06:15.155 ja, viel härter als es musste sein. 00:06:15.155 --> 00:06:20.310 So war es eine Vorschau, dass das Team vor vielen Jahren ausdemiert. 00:06:20.310 --> 00:06:23.330 Es ist immer noch Vorschau, weil es dreht 00:06:23.330 --> 00:06:26.130 raus war es wirklich nicht der beste Ansatz, 00:06:26.130 --> 00:06:27.600 und so wurde viel gelernt. 00:06:27.600 --> 00:06:31.160 Es sitzt immer noch da draußen nur falls jemand es verwenden möchte, 00:06:31.160 --> 00:06:33.785 weil wir wirklich nicht durch irgendetwas ersetzt. 00:06:33.785 --> 00:06:37.105 Ich würde nicht empfehlen, es zu verwenden, 00:06:37.105 --> 00:06:39.510 Ich würde es ignorieren, so tun, als gäbe es sie nicht. 00:06:39.510 --> 00:06:41.550 Wir können es irgendwann entfernen, 00:06:41.550 --> 00:06:42.780 Ich wurde gefragt: "Hey, 00:06:42.780 --> 00:06:44.430 Wann können wir dieses Ding abgraben?" 00:06:44.430 --> 00:06:46.320 Wir haben eine Gewohnheit vor allem, 00:06:46.320 --> 00:06:48.110 jetzt, da wir Teil von Microsoft sind, 00:06:48.110 --> 00:06:49.670 wir wollen nicht entfernen alles, was irgendjemand 00:06:49.670 --> 00:06:52.770 kann eine Abhängigkeit von ohne viel Vorwarnung, 00:06:52.770 --> 00:06:54.620 und Etiketten und Dinge. 00:06:54.620 --> 00:06:57.495 Dann haben Sie auch GrialKit. 00:06:57.495 --> 00:06:59.025 Ich nenne es GrialKit, 00:06:59.025 --> 00:07:00.950 aber ich habe es ausgesprochen gehört verschiedene Wege, 00:07:00.950 --> 00:07:04.580 aber ich denke, ich werde nur ein Unwissender sein Amerikanisch und nennen es GrialKit 00:07:04.580 --> 00:07:09.510 weil es wie der Heilige Gral, Gral, Greil. 00:07:09.510 --> 00:07:12.530 Das ist wirklich toll, 00:07:12.530 --> 00:07:13.760 super einfach zu bedienen. 00:07:13.760 --> 00:07:15.650 Ich habe das selbst gepackt und benutzt. 00:07:15.650 --> 00:07:18.710 Sie haben eine wirklich robuste Theming-Motor im Inneren 00:07:18.710 --> 00:07:22.385 von Gral und Sie können es verwenden. 00:07:22.385 --> 00:07:25.430 Es ist kommerziell, so dass Sie eine Lizenzgebühr zahlen, 00:07:25.430 --> 00:07:27.950 Ich weiß nicht, was die aktuelle Anordnung ist und so etwas, 00:07:27.950 --> 00:07:29.570 aber nach meiner Erfahrung, 00:07:29.570 --> 00:07:31.400 es hat sich für jeden einzelnen Cent gelohnt. 00:07:31.400 --> 00:07:34.050 Ich habe ein High-School-Robotik-Team gegründet, 00:07:34.050 --> 00:07:35.840 mein Sohn macht die Roboter-Sachen, 00:07:35.840 --> 00:07:37.790 und sie wollten Erstellen einer mobilen App, um 00:07:37.790 --> 00:07:41.900 Verfolgen Sie im Grunde die anderen Teams in ihren Wettbewerben, 00:07:41.900 --> 00:07:44.254 und im Grunde Scouting machen, 00:07:44.254 --> 00:07:45.860 aber sie wollten gut aussehen. 00:07:45.860 --> 00:07:48.260 Also richtete ich ihn mit die Lizenz und alles, 00:07:48.260 --> 00:07:49.730 und sie wurden einfach weggeblasen. 00:07:49.730 --> 00:07:51.260 Sie sind wie: "Das ist genau das, was ich will. 00:07:51.260 --> 00:07:54.835 Ich möchte das coole Kind und mein Dinge sehen standardmäßig genial aus." 00:07:54.835 --> 00:07:58.250 Also dann der andere Weg, den Sie gehen können darüber schreibt es selbst. 00:07:58.250 --> 00:07:59.960 Natürlich, es selbst zu schreiben 00:07:59.960 --> 00:08:01.400 bedeutet, dass Sie ein wenig Arbeit, 00:08:01.400 --> 00:08:03.680 aber du besitzt es, und du wissen, dass es zu Ende geht. 00:08:03.680 --> 00:08:06.080 Das ist ein weiterer die Gründe, warum wir wirklich nie 00:08:06.080 --> 00:08:08.935 diese Xamarin entwickelt Formulare Themenpaket, 00:08:08.935 --> 00:08:11.880 ist, weil mit Stilen, statische Ressourcen, 00:08:11.880 --> 00:08:13.490 und dynamischen Ressourcen, sie wirklich 00:08:13.490 --> 00:08:15.935 haben alles auf Ihre Fingerspitzen, die Sie brauchen. 00:08:15.935 --> 00:08:20.150 Sie brauchen also nicht unbedingt ein ganzes Paket, um es schwieriger zu machen, 00:08:20.150 --> 00:08:21.755 wir machen es ziemlich einfach. 00:08:21.755 --> 00:08:23.540 Also werde ich hier eine Demo zeigen 00:08:23.540 --> 00:08:26.005 ein wenig und das ist die Methode, die ich verwende. 00:08:26.005 --> 00:08:28.400 Dynamische Ressourcen, etwas I 00:08:28.400 --> 00:08:30.770 abgeholt von unser Kundenberatungsteam. 00:08:30.770 --> 00:08:32.620 ich habe durch einige ihres Codes und ich bin wie, 00:08:32.620 --> 00:08:35.565 "Das ist genial, ich bin nur werden, um es vollständig zu nutzen." 00:08:35.565 --> 00:08:39.545 Das werden wir zeigen. Einige andere wenn es um Schriftarten geht, 00:08:39.545 --> 00:08:41.120 wir haben dies vor kurzem hinzugefügt, 00:08:41.120 --> 00:08:43.235 Ich denke, es war Xamarin Forms4.1. 00:08:43.235 --> 00:08:46.060 Wir haben einige neue Namensgrößen hinzugefügt. 00:08:46.060 --> 00:08:48.290 Es ist gut, Namensgrößen zu verwenden 00:08:48.290 --> 00:08:50.705 vor allem, wenn es Zugang zur Barrierefreiheit. 00:08:50.705 --> 00:08:53.120 Also habe ich Eltern, die werden ein wenig 00:08:53.120 --> 00:08:55.535 in den Augen schwerer zu sehen, 00:08:55.535 --> 00:08:57.755 und so holen Sie ihr Telefon und nur 00:08:57.755 --> 00:09:00.920 smack ins Gesicht mit die Schriftart, weil sie so groß ist. 00:09:00.920 --> 00:09:03.140 Also habe ich tatsächlich einige von euch gesehen 00:09:03.140 --> 00:09:05.810 hier mit wirklich großen Schriften auf Ihren Telefonen, 00:09:05.810 --> 00:09:08.420 das ist also auch gut für Sie. 00:09:08.420 --> 00:09:10.745 Ja, aber wir haben einige neue Sachen hinzugefügt. 00:09:10.745 --> 00:09:13.640 James Clancy einer von unsere Ingenieure senden diese PR ein. 00:09:13.640 --> 00:09:16.970 Wir haben einige zusätzliche wohltuende Arbeit für 00:09:16.970 --> 00:09:20.735 Schriftarten sowie, um es zu machen einfacher plattformübergreifend zu machen. 00:09:20.735 --> 00:09:24.995 Wir haben in Arbeit den Plan, im Wesentlichen fallen zu lassen 00:09:24.995 --> 00:09:29.350 eine Schriftartdatei in Ihre freigegebenen, your.NET Standardprojekt. 00:09:29.350 --> 00:09:31.965 Whoops, aber Sie wissen, was meine ich mit Shared? 00:09:31.965 --> 00:09:33.830 Wir sprechen nicht über geteilte Begriffe 00:09:33.830 --> 00:09:35.660 des schmutzigen gemeinsamen Projekt-Dings, 00:09:35.660 --> 00:09:38.600 wir sprechen about.NET Standardprojekte, 00:09:38.600 --> 00:09:40.580 was nichts falsch ist mit gemeinsamen Projekten, 00:09:40.580 --> 00:09:42.990 aber nur um klar zu sein darüber, was ich meine. 00:09:43.260 --> 00:09:46.630 Legen Sie diese Schriftart dort ab und es automatisch 00:09:46.630 --> 00:09:49.690 tut das notwendige Vor-Build-Material. 00:09:49.690 --> 00:09:53.470 Sie müssen sich also keine Sorgen machen über die Einrichtung von info.plist. 00:09:53.470 --> 00:09:57.670 Sie müssen sich keine Sorgen machen Kombinieren der Namen oder Figurierung 00:09:57.670 --> 00:09:59.590 heraus, wie Android Referenz 00:09:59.590 --> 00:10:02.170 Diese Schriftart im Vergleich zu wie iOS verweisen auf diese Schriftart. 00:10:02.170 --> 00:10:06.220 Sie alle haben genossen, dass ich sicher bin, und Sie haben diese Trivia mit 00:10:06.220 --> 00:10:08.440 Ihre Freunde, um sie zu begeistern, wie Sie 00:10:08.440 --> 00:10:10.660 kann benutzerdefinierte Schriftarten erstellen auf iOS und Android, 00:10:10.660 --> 00:10:12.250 aber wir können es einfacher machen. 00:10:12.250 --> 00:10:13.735 Das kommt auch. 00:10:13.735 --> 00:10:16.255 So verwenden Sie diese und dann 00:10:16.255 --> 00:10:19.360 wenn der Benutzer in die Barrierefreiheitseinstellungen, 00:10:19.360 --> 00:10:21.070 sie wechseln ihre Schriftgröße, 00:10:21.070 --> 00:10:24.155 sie erhalten automatisch der Nutzen der Größenänderung, 00:10:24.155 --> 00:10:28.955 in der Erwägung, dass, wenn Sie Hartcode diese Textgrößen dann ist es fixiert. 00:10:28.955 --> 00:10:34.329 Nun, ich würde sagen, es ist bis zu Sie, um Ihre Diskretion zu nutzen 00:10:34.329 --> 00:10:36.970 und arbeiten Sie mit Ihrem Team zusammen um herauszufinden, wo 00:10:36.970 --> 00:10:40.285 Benannte Schriftgröße verwenden und wo , um feste Schriftgrößen zu verwenden. 00:10:40.285 --> 00:10:43.870 Vielleicht alles muss nicht skaliert werden. 00:10:43.870 --> 00:10:46.510 Das ist also etwas die Ihnen zur Verfügung steht. 00:10:46.510 --> 00:10:48.400 Es ist keine Alles-oder-Nichts-Sache. 00:10:48.400 --> 00:10:50.545 Sie verwenden es als macht am sinnvollsten. 00:10:50.545 --> 00:10:52.090 Alles klar. Hier sind also 00:10:52.090 --> 00:10:54.790 die Zutaten dessen, was Ich werde mit ihnen arbeiten. 00:10:54.790 --> 00:10:57.190 Ein Themenservice, im Wesentlichen Ich werde nur 00:10:57.190 --> 00:11:00.070 nutzung der vorhandenen App-Ressourcen, 00:11:00.070 --> 00:11:04.060 voreingestellten Stilen, und dann bin ich dynamische Stile anwenden. 00:11:04.060 --> 00:11:06.160 Schauen wir uns also einen Code an, oder? 00:11:06.160 --> 00:11:09.320 Das hat nicht sehr gedauert lange, um in code zu gelangen. 00:11:09.330 --> 00:11:13.570 kühl. Gut, wo ist Zappy? 00:11:13.570 --> 00:11:16.610 Also hier ist, was ich bekam. 00:11:18.450 --> 00:11:22.010 Mal sehen, was ist die Zoom-Taste? 00:11:23.400 --> 00:11:29.450 Plus-plus, Befehl plus. Schau dir das an. 00:11:30.180 --> 00:11:33.535 Also kommen Sie hier kleine Cursor dude. 00:11:33.535 --> 00:11:36.620 Dies ist Windows, es ist so hart für mich Jungs. 00:11:36.960 --> 00:11:41.260 Alles in Ordnung, also hier drüben in meinem Styles-Ordner, 00:11:41.260 --> 00:11:44.320 Ich habe ein Standard-Thema, 00:11:44.320 --> 00:11:46.270 Ich habe ein dunkles Thema, 00:11:46.270 --> 00:11:49.990 und dann habe ich ein weißes Thema das ist schreckliche Benennung. 00:11:49.990 --> 00:11:52.090 Man sollte vielleicht schwarzes Thema sein 00:11:52.090 --> 00:11:54.205 oder vielleicht das weiße Thema sollte ein leichtes Thema sein. 00:11:54.205 --> 00:11:56.380 Warum ich Weiß und Dunkel gemischt habe, 00:11:56.380 --> 00:11:59.260 Ich kann nur den Schlafmangel verantwortlich machen. 00:11:59.260 --> 00:12:02.845 Aber ich bin sicher, Sie nennen alles perfekt das erste Mal. 00:12:02.845 --> 00:12:04.930 Die Namensgebung ist für Sie einfach, 00:12:04.930 --> 00:12:07.150 es ist schwer für mich. Ich bekomme es total. 00:12:07.150 --> 00:12:10.390 Okay. Also schauen wir uns an diese Dateien nur eine Sekunde 00:12:10.390 --> 00:12:13.915 und dann habe ich auch noch ein paar andere Hier trennen sich die Sachen. 00:12:13.915 --> 00:12:17.410 Global EsEl, das alles zusammen 00:12:17.410 --> 00:12:22.660 wirklich und dann habe ich Icons hier, Größen und Text. 00:12:22.660 --> 00:12:25.690 Ist dies eine Praxis, die Sie verwenden, wenn 00:12:25.690 --> 00:12:28.180 Sie haben eine Menge Ressourcen oder viele Stile definiert, 00:12:28.180 --> 00:12:31.945 Sie sie aufteilen in Kategorien wie diese? 00:12:31.945 --> 00:12:34.555 Heben Sie Ihre Hand für mich, wenn das ist etwas, was Sie tun. 00:12:34.555 --> 00:12:39.160 kühl. Es ist also doch nicht verrückt. 00:12:39.160 --> 00:12:41.620 Holt mich hier raus, da gehen wir hin. 00:12:41.620 --> 00:12:46.000 Hier ist also meine globale XAML-Datei und so habe ich alle meine Farben oben 00:12:46.000 --> 00:12:50.155 hier und vielleicht könnte das in eine separate Datei umgestellt. 00:12:50.155 --> 00:12:53.230 Übrigens suchen wir in der Zappy App, 00:12:53.230 --> 00:12:56.980 vielleicht sollte ich diesen Rand hochziehen. 00:12:56.980 --> 00:12:58.690 Wir verwenden jetzt eine Kante, oder?? 00:12:58.690 --> 00:13:00.100 Edge unter Windows. 00:13:00.100 --> 00:13:03.670 Es geht super, ich genieße es. Ich bin auf der Kanaren. 00:13:03.670 --> 00:13:07.750 Ich habe alle meine Sachen aktualisiert letzte Nacht nicht nur mein Edge, 00:13:07.750 --> 00:13:09.160 alle meine Visual Studio's, 00:13:09.160 --> 00:13:10.780 all mein Xamarin, weil ich so bin,"Hey, 00:13:10.780 --> 00:13:11.980 Ich habe morgen zwei Gespräche geführt. 00:13:11.980 --> 00:13:13.720 Was ist das Beste, was zu tun ist?" 00:13:13.720 --> 00:13:15.820 Aktualisieren Sie alles. 00:13:15.820 --> 00:13:18.520 Ich bereue es nicht. 00:13:18.520 --> 00:13:21.504 Also Zappy es ist auf meinem GitHub, 00:13:21.504 --> 00:13:23.305 das ist wie ein Baum oder was auch immer. 00:13:23.305 --> 00:13:26.815 So ist diese App wirklich, 00:13:26.815 --> 00:13:29.080 Ich habe die kleinen Dinge Spielplatz 00:13:29.080 --> 00:13:31.810 App während der 3.0 Serie und ich habe es wirklich genossen 00:13:31.810 --> 00:13:34.150 in der Lage zu kämpfen 00:13:34.150 --> 00:13:36.550 einige dieser Dinge testen, da sie wurden freigelassen. 00:13:36.550 --> 00:13:40.210 Es schuf auch eine schöne kleine Referenz, aber es war Hintern hässlich. 00:13:40.210 --> 00:13:42.310 Ich bin so, als ob wir es besser machen können. 00:13:42.310 --> 00:13:44.320 Wie wäre es also mit dem Bau eine Referenz-App. 00:13:44.320 --> 00:13:48.160 Zappy ist also diese Referenz-App für die 4.0-Serie, in der ich gerade bin 00:13:48.160 --> 00:13:52.660 Hinzufügen von Funktionen, die zeigen, wie wir Dinge tun, Szenarien hinzufügen. 00:13:52.660 --> 00:13:54.100 Wenn ich Twitch Stream, 00:13:54.100 --> 00:13:57.160 in der Regel fügen wir einen Bildschirm oder etwas zu diesem zu zeigen 00:13:57.160 --> 00:14:00.490 aus einigen Technik und genießen Sie uns selbst. 00:14:00.490 --> 00:14:01.690 Das ist, was diese App ist. 00:14:01.690 --> 00:14:05.290 Sie können es klonen, Sie können APRs senden. 00:14:05.290 --> 00:14:08.979 Wenn Sie sehen möchten, Sachen in der Serie, 00:14:08.979 --> 00:14:11.995 senden Sie ein Problem, das wir arbeiten und cool sein. 00:14:11.995 --> 00:14:14.185 Daran arbeiten wir also, 00:14:14.185 --> 00:14:17.770 und so habe ich Ihre typischen Ressourcenwörterbuch 00:14:17.770 --> 00:14:21.625 hier. Sehen wir uns hier an. 00:14:21.625 --> 00:14:24.580 Ich habe einige von die fly-out Farbverlaufsfarben 00:14:24.580 --> 00:14:26.425 weil Zappy einen Farbverlauf hat. 00:14:26.425 --> 00:14:28.210 Natürlich hat alles Steigungen. 00:14:28.210 --> 00:14:30.010 So sehen Sie in mehr Steigungen, 00:14:30.010 --> 00:14:32.695 Anfragen für Farbverläufe Ja, es ist wieder da. 00:14:32.695 --> 00:14:35.725 Als nächstes haben wir abgeschrägte Kanten und dann. 00:14:35.725 --> 00:14:37.750 Könnten Sie das aussehen wie ein Leder? 00:14:37.750 --> 00:14:39.950 Ich möchte, dass das Leder ist. 00:14:40.650 --> 00:14:43.675 Es ist üblich, dass du alle bist, es ist üblich. 00:14:43.675 --> 00:14:45.100 Ich meine wirklich WebAssembly 00:14:45.100 --> 00:14:48.655 ist wie der zweite kommende von Silverlight, nicht wahr? 00:14:48.655 --> 00:14:51.610 Ein bisschen ja. 00:14:51.610 --> 00:14:56.995 Dann zeigte ich natürlich dies in meiner letzten Sitzung. 00:14:56.995 --> 00:14:58.660 Wenn Sie einen Stil haben und 00:14:58.660 --> 00:15:01.060 haben Typen, die ableiten von anderen Typen, 00:15:01.060 --> 00:15:04.405 Sie können diese Eigenschaft verwenden hier gelten für Ableitungstypen. 00:15:04.405 --> 00:15:06.940 Dies ist besonders nützlich bei 00:15:06.940 --> 00:15:09.730 wie wir es taten aliasing pro Shell. 00:15:09.730 --> 00:15:11.800 Also in der Schale ist es ein Shell-Element, 00:15:11.800 --> 00:15:14.740 Shell-Abschnitt und Shell Inhalt, das ist die Hierarchie. 00:15:14.740 --> 00:15:17.140 Aber es macht ein ganzes viel mehr Sinn zu sein 00:15:17.140 --> 00:15:19.390 in der Lage zu sagen, ich möchte ein Fly-Out-Element. 00:15:19.390 --> 00:15:20.740 Ich möchte eine Registerkarte. 00:15:20.740 --> 00:15:23.080 Ich möchte, dass es eine Tab-Leiste ist mit mehreren Registerkarten. 00:15:23.080 --> 00:15:25.405 Das sind Aliasnamen zu diesen Dingen, 00:15:25.405 --> 00:15:28.120 so können Sie Diese Eigenschaft, um sicherzustellen, dass 00:15:28.120 --> 00:15:30.970 Ihre Stile kommen dorthin, wo Sie erwarten, dass sie es sind. 00:15:30.970 --> 00:15:34.210 kühl. Das ist also etwas zu wissen und dann 00:15:34.210 --> 00:15:35.740 Ich habe eine Reihe von Konvertern unten 00:15:35.740 --> 00:15:37.675 hier, die wahrscheinlich eine eigene Datei zu sein. 00:15:37.675 --> 00:15:40.930 Die Art und Weise, wie das Thematierung funktioniert, ist also, dass 00:15:40.930 --> 00:15:44.170 mein Standardthema bringt alle diese Bits zusammen. 00:15:44.170 --> 00:15:48.250 Ist das groß genug? Ich weiß wie dies zu tun. Nein, nicht das. 00:15:48.250 --> 00:15:51.520 Das habe ich nicht gesagt. Na bitte. 00:15:51.520 --> 00:15:53.380 Jetzt habe ich selbst eine Frage. 00:15:53.380 --> 00:15:56.575 Na bitte. Das ist groß genug. Ja, das können Sie sehen. 00:15:56.575 --> 00:15:59.980 Das ist also mein Standard, 00:15:59.980 --> 00:16:02.770 Es wird in MergedDictionaries verwendet was versenden wir in 00:16:02.770 --> 00:16:06.325 drei etwas oder war es wie ein 25, 26 Sache? 00:16:06.325 --> 00:16:08.890 Es ist so viele Jahre her. 00:16:08.890 --> 00:16:12.730 Plattform reift weiter und auftauchend, ist es genial. 00:16:12.730 --> 00:16:15.490 Das bringt also alles zusammen und dann habe ich 00:16:15.490 --> 00:16:18.340 haben mein dunkles Thema und mein weißes Thema. 00:16:18.340 --> 00:16:22.540 Mein weißes Thema basiert also auf auf dem Standarddesign. 00:16:22.540 --> 00:16:26.020 Es hat also eine Basisquelle dieses Standardthemas, 00:16:26.020 --> 00:16:30.415 aber dann kommt es herein und es passt diese speziellen Farben an. 00:16:30.415 --> 00:16:33.070 Hier ist, wo die dynamische Ressourcen Sache kommt in. 00:16:33.070 --> 00:16:35.410 Du musst diesen Jungs einen Schlüssel geben, also 00:16:35.410 --> 00:16:37.855 die ich referenzieren kann diese Farben an anderer Stelle, 00:16:37.855 --> 00:16:38.980 und so schauen wir uns an, wo 00:16:38.980 --> 00:16:42.040 diese Hintergrundfarbe ist in meinem globalen verwendet werden. 00:16:42.040 --> 00:16:46.345 So die Hintergrundfarbe, 00:16:46.345 --> 00:16:50.270 nicht, dass Hintergrundfarbe, die andere. 00:16:50.400 --> 00:16:54.565 "Suchen", hier geht es los. 00:16:54.565 --> 00:16:58.030 Also für mein visuelles Element Hintergrundstil ich bin 00:16:58.030 --> 00:17:02.020 hier verwenden, verwendet DynamicResource. 00:17:02.020 --> 00:17:04.630 Also, was die dynamische Ressource wird für Sie tun, 00:17:04.630 --> 00:17:07.795 es hat das Bewusstsein, im Grunde bei der Änderung der Eigenschaft. 00:17:07.795 --> 00:17:11.934 Wenn also diese Farbe oder irgendetwas die diese Farbänderungen verwendet, 00:17:11.934 --> 00:17:15.175 es wird sicherstellen, dass Veränderung wird sofort widergespiegelt. 00:17:15.175 --> 00:17:20.620 So ähnlich, hier unten im Inneren ich glaube, es ist ein Text. 00:17:20.620 --> 00:17:23.290 Für meine Textüberschrift wird also die Farbe 00:17:23.290 --> 00:17:25.930 wird verwendet wird, ist meine Text-Primärfarbe. 00:17:25.930 --> 00:17:29.259 Also alles in mein weißes Thema verwendet 00:17:29.259 --> 00:17:31.270 im Wesentlichen dunkler Text auf 00:17:31.270 --> 00:17:35.800 einen weißen Hintergrund und wie Sie erwarten würden, 00:17:35.800 --> 00:17:38.275 mein dunkles Thema ist im Grunde umgekehrt, 00:17:38.275 --> 00:17:41.830 dunklen Hintergrund und hellen Text. 00:17:41.830 --> 00:17:46.630 Also schauen wir uns an, wie das aussieht. 00:17:46.630 --> 00:17:50.845 Ich weiß nicht, dass ich glaube, dass ich wahrscheinlich müssen diesen Kerl umschichten. 00:17:50.845 --> 00:17:55.240 Wir machen einen Build und deploy und dann haben wir 00:17:55.240 --> 00:17:57.070 heißes Nachladen weiter und dann Ich habe ein paar 00:17:57.070 --> 00:17:59.590 andere coole Dinge zu teilen danach mit Ihnen. 00:17:59.590 --> 00:18:00.670 Aber ich habe keine Änderungen vorgenommen, 00:18:00.670 --> 00:18:04.555 Daher sollte dieser Build nicht bis morgen dauern. 00:18:04.555 --> 00:18:10.550 Ich habe bemerkt, dass ich getestet habe einige heiße interne Builds. 00:18:10.890 --> 00:18:13.210 Aber du würdest das hassen, wenn du 00:18:13.210 --> 00:18:15.595 die "Home"-Taste darauf wie es zu starten beginnt, 00:18:15.595 --> 00:18:17.935 die gerade die eine Sache, die ich bereitsetze. 00:18:17.935 --> 00:18:19.810 Nur ich, nein. 00:18:19.810 --> 00:18:21.760 Was habe ich getan? 00:18:21.760 --> 00:18:23.620 Ist das nicht das Zeug, in das Maddie gelaufen ist? 00:18:23.620 --> 00:18:26.275 gestern, wo alles funktionierte? 00:18:26.275 --> 00:18:41.560 was? 00:18:41.560 --> 00:18:44.030 Das ist eine Lüge. 00:18:46.980 --> 00:18:50.320 Das ist die Gewohnheit Renderer, das ist so seltsam. 00:18:50.320 --> 00:18:52.945 Ich habe dort buchstäblich nichts getan. 00:18:52.945 --> 00:18:55.255 Buchstäblich nichts. 00:18:55.255 --> 00:18:58.570 Was tun Sie also, wenn das passiert? 00:18:58.570 --> 00:19:00.685 >> Update. 00:19:00.685 --> 00:19:04.490 >> Update. Wie wäre es mit einer Reinigung? 00:19:05.010 --> 00:19:11.275 Was wäre interessant. Wir werfen einen Blick. 00:19:11.275 --> 00:19:18.380 Nicht dieses hier. Was hat sich geändert? 00:19:20.400 --> 00:19:25.090 Sehen wir uns hier das Projekt an Designer, App XAML. 00:19:25.090 --> 00:19:28.000 Du wirst schrauben etwas oben in der App XAML. 00:19:28.000 --> 00:19:31.395 Schauen wir uns es wirklich schnell und 00:19:31.395 --> 00:19:32.810 dann werden wir versuchen, Wiederaufbauen eines 00:19:32.810 --> 00:19:34.680 und wenn das nicht Arbeit, wir machen weiter. 00:19:34.680 --> 00:19:38.225 Weil ich noch ein paar andere habe süße Demos, die noch besser sind. 00:19:38.225 --> 00:19:41.700 Was war das Letzte, was Sie hier gemacht haben? 00:19:41.800 --> 00:19:45.150 Ich sehe keine Probleme. 00:19:48.090 --> 00:19:52.370 Sicher, Ihr Schritt verläuft reibungslos jedes Mal, oder? 00:19:57.750 --> 00:20:00.460 Dies ist also im Wesentlichen gehen, um mir zu geben 00:20:00.460 --> 00:20:03.985 die Möglichkeit, Themen zu tauschen. 00:20:03.985 --> 00:20:06.940 Ich werde in der Lage sein , um in meine Einstellungen zu gehen 00:20:06.940 --> 00:20:10.375 Panel und sehen Meine verschiedenen Themen, 00:20:10.375 --> 00:20:14.300 ändern, und sehen mein Bildschirm sofort aktualisieren. 00:20:14.370 --> 00:20:18.290 Sie können es wenig Android tun. 00:20:19.800 --> 00:20:23.725 Jetzt dauert es lange zu bauen, nicht wahr? 00:20:23.725 --> 00:20:25.345 Nachdem Sie das tun, reinigen. 00:20:25.345 --> 00:20:28.100 Was ist damit los? 00:20:28.260 --> 00:20:31.255 Nun, das geht, weil ich kann immer darauf zurückkommen, 00:20:31.255 --> 00:20:33.280 Ich meine, dass Demo geht zu arbeiten, weil es 00:20:33.280 --> 00:20:36.190 wirklich hat wie die besten Demos darin. 00:20:36.190 --> 00:20:38.680 Lassen Sie uns also für eine Minute über Steigungen 00:20:38.680 --> 00:20:41.455 und Formen, während das geht. 00:20:41.455 --> 00:20:45.310 Da Gradienten immer so stinkend und beliebt, 00:20:45.310 --> 00:20:49.495 Wie können Sie dies tun? brunnen Sie haben einige Optionen. 00:20:49.495 --> 00:20:52.630 Oh schau, da ist mein kleiner Emulator. 00:20:52.630 --> 00:20:54.910 Sie können meinen Emulator nicht sehen, weil es ist auf dem anderen Bildschirm, 00:20:54.910 --> 00:20:56.140 aber es ist so winzig. 00:20:56.140 --> 00:20:59.420 Gut, wir sind zurück. Los geht es. 00:20:59.850 --> 00:21:04.330 Beenden Sie die Diashow. Sie können es tun. 00:21:04.330 --> 00:21:07.060 Sie sehen das? Das sieht man. 00:21:07.060 --> 00:21:10.240 Kehren wir zum Code zurück, damit Sie kann sehen, dass es läuft. Alles klar. 00:21:10.240 --> 00:21:14.035 Also habe ich eine Seite innerhalb Zappy nannte einen Style Guide. 00:21:14.035 --> 00:21:16.390 Also schnappte ich mir alle meine Farben und ich 00:21:16.390 --> 00:21:18.955 sie in diese Auflistungsansicht zu werfen. 00:21:18.955 --> 00:21:21.520 Ich habe also eine Sammlungsansicht, die 00:21:21.520 --> 00:21:25.930 vier Reihen, die sich über dann geht es rüber. 00:21:25.930 --> 00:21:31.930 So ist die Sammlungsansicht noch in Vorschau, aber es ist in 4.1 stabil, 00:21:31.930 --> 00:21:33.175 wenn Sie sich also dafür entscheiden, 00:21:33.175 --> 00:21:35.140 es steht Ihnen zur Verfügung. 00:21:35.140 --> 00:21:36.430 Ich würde gerne wissen, wie Sie sich fühlen 00:21:36.430 --> 00:21:37.720 uns solche Funktionen zu tun. 00:21:37.720 --> 00:21:39.130 Im Grunde, backen sie und 00:21:39.130 --> 00:21:41.080 an ihnen arbeiten und Hinzufügen von Funktionen zu ihnen 00:21:41.080 --> 00:21:44.875 während sie sich in stabilen Releases befinden sondern sie hinter Fahnen zu setzen. 00:21:44.875 --> 00:21:48.610 So suchen wir nach Ihnen, um sagen Sie uns, wie die Dinge laufen. 00:21:48.610 --> 00:21:50.230 Also nicht jetzt, 00:21:50.230 --> 00:21:53.005 nicht alle aufstehen und gehen Sie zum Mikrofon. 00:21:53.005 --> 00:21:55.750 Alles in Ordnung, so in dieser App, 00:21:55.750 --> 00:21:56.980 Sie sehen, ich habe einen Farbverlauf, den wir 00:21:56.980 --> 00:21:58.450 in nur einer Sekunde zu sprechen. 00:21:58.450 --> 00:22:01.215 Aber dann habe ich diese visuellen Einstellungen hier oben, 00:22:01.215 --> 00:22:04.770 und so habe ich dieser helle und dunkle Mischer. 00:22:04.770 --> 00:22:06.150 Das ist also tatsächlich, 00:22:06.150 --> 00:22:08.460 und ich werde hinzufügen auch andere Themen. 00:22:08.460 --> 00:22:12.120 Fuchsia wurde empfohlen als Themenstil. 00:22:12.120 --> 00:22:13.740 Ich weiß nicht warum. 00:22:13.740 --> 00:22:16.050 Aber Squeaky mag es wirklich, 00:22:16.050 --> 00:22:17.610 hat jemand zu Squeaky-Sitzungen gegangen 00:22:17.610 --> 00:22:19.360 diese Woche höre ich, dass sie da ist. 00:22:19.360 --> 00:22:21.010 Sie ist großartig, oder? 00:22:21.010 --> 00:22:23.815 Also liebt sie die Fuchsia. 00:22:23.815 --> 00:22:27.355 Alles klar. Da ist also mein Dunkel. 00:22:27.355 --> 00:22:32.200 Da ist mein Licht. Hell, hell. 00:22:32.200 --> 00:22:34.045 Ja, also werde ich dunkel. 00:22:34.045 --> 00:22:36.310 Ich schließe diesen Kerl 00:22:36.310 --> 00:22:39.970 und Du siehst, dass mein Bildschirm zurück hier ist jetzt auch dunkel. 00:22:39.970 --> 00:22:43.690 Die Art und Weise, wie dass der Schalter auftritt, 00:22:43.690 --> 00:22:46.690 wenn wir zu 00:22:46.690 --> 00:22:56.180 meine Einstellungen ViewModel hier. 00:22:56.400 --> 00:23:01.705 So habe ich eine Änderung Thema Befehl, es wird kommen. 00:23:01.705 --> 00:23:09.640 Das ausgewählte Thema ist gebunden auf das ausgewählte Element dieser. 00:23:09.640 --> 00:23:11.395 Sie sehen meinen Cursor? Auch hier. 00:23:11.395 --> 00:23:12.925 Also das Helle und Dunkle, 00:23:12.925 --> 00:23:14.200 das ist eigentlich eine Sammlungsansicht, 00:23:14.200 --> 00:23:16.900 es ist eine horizontale verschiebbare Sammlungsansicht. 00:23:16.900 --> 00:23:20.630 Sachlich, nun ja, und ich werde das als nächstes tun. 00:23:20.790 --> 00:23:26.305 ja, also höre ich mir die ausgewähltes Thema als ausgewähltes Element, 00:23:26.305 --> 00:23:27.805 und dann darauf basierend, 00:23:27.805 --> 00:23:29.890 Ich werde mein dunkles Thema neu aufstellen oder 00:23:29.890 --> 00:23:33.445 mein weißes Thema und wenden Sie es an auf meine aktuellen Ressourcen meiner App. 00:23:33.445 --> 00:23:35.155 Sie sehen, wie schnell das funktioniert hat, 00:23:35.155 --> 00:23:36.430 und du siehst, dass ich nicht 00:23:36.430 --> 00:23:38.590 eine kleine Menge an Ressourcen dort, 00:23:38.590 --> 00:23:40.075 es ist ziemlich viel Zeug. 00:23:40.075 --> 00:23:42.220 Das klappt also wirklich gut. 00:23:42.220 --> 00:23:44.590 Nun, das ist eine Möglichkeit, was Sie tun können. 00:23:44.590 --> 00:23:47.005 Sie können sicherlich versuchen und viele andere Möglichkeiten, es zu tun. 00:23:47.005 --> 00:23:49.360 All dieser Code ist auf meinem GitHub, 00:23:49.360 --> 00:23:52.315 probieren Sie es aus, ich würde lieben zu wissen, was Sie denken. 00:23:52.315 --> 00:23:54.760 ja. Also dachte ich, das war super einfach. 00:23:54.760 --> 00:23:56.650 Es war viel einfacher als ich dachte, es würde sein, 00:23:56.650 --> 00:23:59.305 und ich fühle mich wie jetzt Ich bin ein [unhörbarer] Profi. 00:23:59.305 --> 00:24:00.745 Ich habe das Gefühl, ich habe es, 00:24:00.745 --> 00:24:02.320 Niemand kann mich jetzt aufhalten. 00:24:02.320 --> 00:24:05.590 Fuchsia kommt. Die Fuchsia ist jetzt. 00:24:05.590 --> 00:24:11.020 junge. Alles klar 00:24:11.020 --> 00:24:12.880 Lassen Sie uns also über diesen Gradienten sprechen. 00:24:12.880 --> 00:24:16.435 Wie können wir also Gradienten machen? 00:24:16.435 --> 00:24:18.310 Also nativer Code natürlich. 00:24:18.310 --> 00:24:20.140 SkiaSharp, du hast eine Leinwand, 00:24:20.140 --> 00:24:23.560 Sie können Ihre Farbverläufe zeichnen oder die Pfannkuchenansicht. 00:24:23.560 --> 00:24:25.315 Jeder, der mit die Pfannkuchenansicht? 00:24:25.315 --> 00:24:27.400 Macht mich hungrig jeden Zeit, in der ich darüber spreche. 00:24:27.400 --> 00:24:30.760 Also Stephen [unhörbar] aus den Niederlanden, 00:24:30.760 --> 00:24:33.580 der nicht hier ist, wie wir mehrfach erwähnt, 00:24:33.580 --> 00:24:36.025 keine Schande für Sie Stephen weil Sie nicht hier sind. 00:24:36.025 --> 00:24:38.440 Lassen Sie uns alle ein infomercial haben für Stephen im Moment. 00:24:38.440 --> 00:24:41.260 Stephen, ich weiß, du bist weinen zu Hause rechts 00:24:41.260 --> 00:24:44.485 jetzt, da Sie nicht in der Lage waren, es zum Zam Dev Summit zu schaffen, 00:24:44.485 --> 00:24:49.100 aber du weißt, was du falsch gemacht hast. 00:24:51.060 --> 00:24:54.235 Ich denke, er ist im Familienurlaub oder so etwas, sowieso. 00:24:54.235 --> 00:24:56.485 Okay, sehen Sie? 00:24:56.485 --> 00:24:59.950 Ich bin eine Chancengleichheit Picker auf die Menschen. 00:24:59.950 --> 00:25:02.530 Das sind also Optionen die Sie verwenden können. 00:25:02.530 --> 00:25:06.205 Pancake View ist wirklich fast ein verherrlichter Rahmen. 00:25:06.205 --> 00:25:07.390 Im Wesentlichen ist es wie Rahmen auf 00:25:07.390 --> 00:25:09.205 Steroide, wenn Sie einen guten Blick darauf. 00:25:09.205 --> 00:25:12.385 Aber sehr nützlich und könnte etwas, das Sie verwenden möchten. 00:25:12.385 --> 00:25:15.590 Aber wie würden Sie es tun, wenn Sie wollten es selbst machen? 00:25:16.100 --> 00:25:20.760 Oh, es tut mir leid, wir reden nicht über Farbverlaufsdesign, aber Formen. 00:25:20.760 --> 00:25:22.170 Sie haben viele Optionen für Formen. 00:25:22.170 --> 00:25:24.090 Wir werden nicht ausgeben viel Zeit auf Formen. 00:25:24.090 --> 00:25:26.610 Wirklich, SkiaSharp zum Zeichnen ist freundlich 00:25:26.610 --> 00:25:29.285 ihrer besten gehen Sie zu Plattformübergreifend. 00:25:29.285 --> 00:25:31.555 Sehr kraftvoll, ziemlich leistungsstark. 00:25:31.555 --> 00:25:36.160 Ich habe einige Beispiele von Ihnen gesehen die ziemlich Geist weht. 00:25:36.160 --> 00:25:39.700 Ich weiß nicht, was das schmeichelhaft Geschäft ist alles über. 00:25:39.700 --> 00:25:41.815 Sie können dies in C-Code tun. 00:25:41.815 --> 00:25:43.885 Sie können es mit SkiaSharp. Es ist wunderschön. 00:25:43.885 --> 00:25:46.180 Animation ist super einfach. 00:25:46.180 --> 00:25:47.890 Sie können jedoch Bitmaps verwenden. 00:25:47.890 --> 00:25:50.095 Das ist etwas, das viel übersehen, oder? 00:25:50.095 --> 00:25:51.850 Wenn Sie ein Design haben und es hat wie 00:25:51.850 --> 00:25:53.590 diese wirklich interessante Form, 00:25:53.590 --> 00:25:55.540 wenn Sie sich ansehen die visuelle Herausforderung, 00:25:55.540 --> 00:25:58.015 schauen, was Ryan Davis tat in der Quantize-App, 00:25:58.015 --> 00:26:01.840 oben auf der Kopfzeile hat es diese kleine Kerb mit einer schönen Kurve dazu. 00:26:01.840 --> 00:26:03.925 Es ist wirklich nur ein Bild im Hintergrund. 00:26:03.925 --> 00:26:07.060 Manchmal also, wenn Sie schauen Sie sich eine visuelle Sache an, 00:26:07.060 --> 00:26:08.830 du bist wie wie bin ich das erreichen? 00:26:08.830 --> 00:26:10.870 Diese Oder diese 00:26:10.870 --> 00:26:14.275 Layout oder ich habe kein Steuerelement das tut genau das. 00:26:14.275 --> 00:26:16.270 Vielleicht ist es nicht so schwer, wie sie denken. 00:26:16.270 --> 00:26:18.490 Vielleicht der zweite Gedanke Sie haben sollten, ist, wie kann 00:26:18.490 --> 00:26:21.100 Ich tue es für echte, aber Wie kann ich es fälschen? 00:26:21.100 --> 00:26:24.640 Als ob ich es fälschen würde und es einfach so aussehen lassen, wie es ist, 00:26:24.640 --> 00:26:26.665 wie könnte ich das tun, 00:26:26.665 --> 00:26:29.875 und manchmal ist es so einfach wie nur das Einbetten eines Bildes. 00:26:29.875 --> 00:26:31.585 Es ist okay. 00:26:31.585 --> 00:26:33.160 Benutzer wissen es nicht. 00:26:33.160 --> 00:26:35.305 Wie oh, hat er das wirklich gezeichnet? 00:26:35.305 --> 00:26:37.165 Wenn der Entwickler das nicht gezeichnet hat, 00:26:37.165 --> 00:26:39.235 Diese App ist Mist. 00:26:39.235 --> 00:26:40.990 So geht es nicht. 00:26:40.990 --> 00:26:42.415 Ich weiß es nicht. Alles klar. 00:26:42.415 --> 00:26:44.530 Vektorbilder natürlich, SVGs, 00:26:44.530 --> 00:26:47.305 Es gibt verschiedene Controller können Sie Ihre SVGs in laden. 00:26:47.305 --> 00:26:49.090 Dann denke ich, dass ich bereits erwähnt 00:26:49.090 --> 00:26:51.115 SkiaSharp- oder Native-Code. 00:26:51.115 --> 00:26:52.780 Sie können auf Native-Code zurückgreifen. 00:26:52.780 --> 00:27:02.500 Also Gradienten und Demos, cool. 00:27:02.500 --> 00:27:04.960 Nun, ich zeige Ihnen zuerst, wie Ich mache den Gradienten in diesem 00:27:04.960 --> 00:27:07.630 einige fliegen raus, okay. 00:27:07.630 --> 00:27:10.135 Dies ist also das Shell-Rendering. 00:27:10.135 --> 00:27:11.680 Wenn wir also hier hinabgehen, 00:27:11.680 --> 00:27:13.825 Ich mache Android. 00:27:13.825 --> 00:27:16.645 Schauen wir uns also das Android-Projekt an, 00:27:16.645 --> 00:27:19.705 hat meine Renderer und ich habe bekam meine Zappy-Shell-Rendering. 00:27:19.705 --> 00:27:28.970 Alles klar. Also hier unten, wenn ich mein Regallayout-Inhaltsgeredern. 00:27:29.970 --> 00:27:33.580 Okay, können wir das sehen, cool. 00:27:33.580 --> 00:27:37.840 Also bekomme ich es, ich erschaffe ein Farbverlauf [unhörbar] , 00:27:37.840 --> 00:27:40.960 Ich packte, bemerke, packte ich 00:27:40.960 --> 00:27:44.170 meine Farben, weil ich mein App-Thema hier oben. 00:27:44.170 --> 00:27:46.179 Dies ist eine Abhängigkeitsinjektion, 00:27:46.179 --> 00:27:48.890 dies kommt von meinen Ressourcen. 00:27:48.890 --> 00:27:50.550 Ich zeigte ihnen in meinen Ressourcen, 00:27:50.550 --> 00:27:53.580 meine globale Datei, die ich hatte einen Farbverlauf beginnen und beenden die Farbe. 00:27:53.580 --> 00:27:56.255 Ich habe es nur beiläufig erwähnt. 00:27:56.255 --> 00:27:59.920 So bekomme ich meine Abhängigkeit für meinen Dienst 00:27:59.920 --> 00:28:03.055 damit hier unten, wenn ich dies setze, 00:28:03.055 --> 00:28:05.155 Ich kann es auf Farben einstellen, die 00:28:05.155 --> 00:28:08.170 in meinem gemeinsamen Code festgelegt. 00:28:08.170 --> 00:28:13.405 Dann redete ich nur jemandem darüber, 00:28:13.405 --> 00:28:16.390 verwenden wir die Koordinatorenansicht, die 00:28:16.390 --> 00:28:19.480 die Ansicht, die es uns ermöglicht, einige wirklich interessante Animationen, 00:28:19.480 --> 00:28:22.030 wenn Sie Heldenanimationen oder 00:28:22.030 --> 00:28:24.760 einige der fortgeschritteneren materialdesignbasierte Animationen. 00:28:24.760 --> 00:28:27.400 Viele von ihnen sind zur Ansicht des Koordinators, 00:28:27.400 --> 00:28:31.120 und Shell verwendet es für ziemlich viel von der Arbeit. 00:28:31.120 --> 00:28:34.525 Deshalb habe ich Ermutigung zur Nutzung von Shell 00:28:34.525 --> 00:28:36.340 weil es die Grundlage für uns ist, 00:28:36.340 --> 00:28:38.575 in der Lage, diese Dinge leichter hinzuzufügen, 00:28:38.575 --> 00:28:42.475 Ich weiß, dass Übergänge ein großer Schmerz, um etwas anderes zu tun. 00:28:42.475 --> 00:28:44.860 Sie haben also sicher nicht Shell verwenden müssen. 00:28:44.860 --> 00:28:46.900 Ich möchte dich nicht schicken die Meldung, dass, wenn Sie nicht 00:28:46.900 --> 00:28:49.150 Verwenden Sie Shell, die Sie irgendwie sind im Dunklen Zeitalter. 00:28:49.150 --> 00:28:51.910 Du bist gut, du liebst Ihre Navigationsseiten, 00:28:51.910 --> 00:28:53.785 Ihre Registerkarten, Ihre Master-Detailseiten, 00:28:53.785 --> 00:28:55.030 alles, was noch gut ist, 00:28:55.030 --> 00:28:57.010 sie gehen nirgendwo hin, 00:28:57.010 --> 00:28:59.380 es ist keine Spielzeuggeschichte dass nicht an 00:28:59.380 --> 00:29:03.610 waisenhaus oder was auch immer. 00:29:03.610 --> 00:29:05.935 Es war kein Waisenhaus, es ist wie eine Kita-Sache. 00:29:05.935 --> 00:29:07.300 Nein, nicht im neuen Film, 00:29:07.300 --> 00:29:10.525 das ist wie drei, die wirklich traurige. 00:29:10.525 --> 00:29:12.760 ja, die neuen wie es sein soll 00:29:12.760 --> 00:29:14.920 gut und ich bin sicher, es ist immer noch traurig, ich hörte Leute weinen. 00:29:14.920 --> 00:29:16.840 Ich werde nicht weinen. es wird geben 00:29:16.840 --> 00:29:20.665 keine Tränen kommen von diese Augen, soweit Ihr wisst. 00:29:20.665 --> 00:29:27.700 Gut, das sind Bananen. 00:29:27.700 --> 00:29:30.745 So bekomme ich das Koordinator-Layout, 00:29:30.745 --> 00:29:33.670 Ich setzise den Hintergrund hier, 00:29:33.670 --> 00:29:37.090 und hier setze ich dies auf transparente 00:29:37.090 --> 00:29:38.560 weil es einige andere Dinge Verlegung 00:29:38.560 --> 00:29:40.285 oben mit der App-Leiste. 00:29:40.285 --> 00:29:42.600 Also möchte ich Sicher, dass mein Gradient 00:29:42.600 --> 00:29:44.985 geht den ganzen Weg von unten nach oben, 00:29:44.985 --> 00:29:49.680 denn hier oben an der Spitze einige davon ist eigentlich App-Leiste. 00:29:49.680 --> 00:29:51.600 Ja, also ist das so ziemlich alles, 00:29:51.600 --> 00:29:52.770 und so bin ich immer mein Gefälle. 00:29:52.770 --> 00:29:55.060 Ich verwende also nativen Code dazu. 00:29:55.060 --> 00:29:58.000 Sehen wir uns nun ein weiteres Beispiel an: 00:29:58.000 --> 00:30:01.195 und dieser ist von Ciro. 00:30:01.195 --> 00:30:02.920 Ciro ist in Frankreich, 00:30:02.920 --> 00:30:04.990 Paris er hat einen Live-Stream mit mir auf 00:30:04.990 --> 00:30:07.440 Twitch, wo er einen Login-Bildschirm gebaut. 00:30:07.440 --> 00:30:11.345 Also habe ich eine andere Version zap hier öffnen, 00:30:11.345 --> 00:30:15.550 wo er schuf eine Farbverlaufsschaltflächenansicht 00:30:15.550 --> 00:30:18.175 oder ein Farbverlaufshintergrund und eine Farbverlaufsschaltfläche. 00:30:18.175 --> 00:30:21.740 Wenn wir uns also anschauen, was er hier getan hat, 00:30:22.200 --> 00:30:25.015 und ich werde diese Demo in Kürze ausführen. 00:30:25.015 --> 00:30:26.830 Also im Hintergrund des Gitters er 00:30:26.830 --> 00:30:29.530 hat diese benutzerdefinierte Steuerung der Farbverlaufsansicht. 00:30:29.530 --> 00:30:31.330 Er schnappt sich diesen Anfang 00:30:31.330 --> 00:30:34.555 dieser Endstil, wie ich erwähnt habe aus den statischen Ressourcen, 00:30:34.555 --> 00:30:36.385 und es hier hineinzustecken. 00:30:36.385 --> 00:30:38.860 Wenn wir also sehen, was diese Verlaufsansicht 00:30:38.860 --> 00:30:42.145 ist es, wie Sie es tun würden erwarten Sie ein benutzerdefiniertes Rendering. 00:30:42.145 --> 00:30:46.180 Wenn Sie also den Android-Code oder den iOS-Code, 00:30:46.180 --> 00:30:49.495 alles, was es tut, ist unentschieden einen Farbverlauf und sendet ihn zurück. 00:30:49.495 --> 00:30:52.360 Hier ist der Android-Code für die Farbverlaufsansicht. 00:30:52.360 --> 00:30:56.664 In diesem Fall ist es ein visueller Element-Renderer, 00:30:56.664 --> 00:30:59.455 und es wird erstellen ein linearer Gradient, 00:30:59.455 --> 00:31:03.115 das Malen machen und dann zeichnen Sie es auf einer Leinwand. 00:31:03.115 --> 00:31:06.610 Dann können Sie die gleiche Sache in einem Knopf hier. 00:31:06.610 --> 00:31:09.415 So kann ich einen Knopf haben das ist gewöhnt Knopf, 00:31:09.415 --> 00:31:11.350 kein echter Knopf, 00:31:11.350 --> 00:31:12.715 es ist ein gefälschter Knopf. 00:31:12.715 --> 00:31:14.770 Der einzige Unterschied zwischen eine gefälschte Taste und eine echte Taste 00:31:14.770 --> 00:31:17.770 ist, wie Sie es nennen, noch Tasten. 00:31:17.770 --> 00:31:20.530 Sie können sie alle als 00:31:20.530 --> 00:31:22.240 interaktive Elemente dann erhalten Sie alle 00:31:22.240 --> 00:31:24.475 Barrierefreiheitsvorteile dass Sie sollten, 00:31:24.475 --> 00:31:27.505 so können Sie es auch hier verwenden. 00:31:27.505 --> 00:31:29.545 Wenn wir also dies betreiben, 00:31:29.545 --> 00:31:31.900 Beobachten Sie, wie es einen Fehler auslöst wie die letzte. 00:31:31.900 --> 00:31:34.400 Ich verzische dich, einen Fehler zu werfen, 00:31:34.500 --> 00:31:39.415 sprechen Sie immer mit Ihrem Code so, ich wagen Sie. 00:31:39.415 --> 00:31:41.620 Es ist wie eine Person, die 00:31:41.620 --> 00:31:47.960 meine dieselben Leute nur ihre Bildschirme artikuliert. 00:31:48.330 --> 00:31:51.650 Wissen Sie, was diese Geste ist? 00:31:55.590 --> 00:31:58.790 Alles in Ordnung, also hier kommen. 00:32:01.530 --> 00:32:05.620 Also eine der Sache, die ich gewesen bin sprechen, oh es gibt einen Fehler. 00:32:05.620 --> 00:32:06.880 Es ist derselbe Fehler, 00:32:06.880 --> 00:32:13.120 Schauen Sie sich das an, unglaublich. 00:32:13.120 --> 00:32:15.415 Wie können Sie also einen Fehler dafür einreichen? 00:32:15.415 --> 00:32:17.515 Ich meine, der Fehler würde im Grunde sagen, 00:32:17.515 --> 00:32:20.455 Ich habe es in meinem Hotelzimmer betrieben, 00:32:20.455 --> 00:32:24.925 Ich schließe den Deckel: "Ich ging nach unten, 00:32:24.925 --> 00:32:27.609 Ich wartete etwa zwei Stunden, 00:32:27.609 --> 00:32:30.490 Ich habe die Maschine wieder eingesteckt 00:32:30.490 --> 00:32:36.145 und dann hat es nicht funktioniert", und das ist buchstäblich passiert. 00:32:36.145 --> 00:32:41.725 Ich weiß es nicht. Ich putze, 00:32:41.725 --> 00:32:44.260 es ist nicht das, was ich beim letzten Mal getan habe, Ich habe es gerade gereinigt und neu gestartet. 00:32:44.260 --> 00:32:46.285 Ich habe die ID nicht neu gestartet. 00:32:46.285 --> 00:32:47.380 Ich habe nicht den ganzen Tanz gemacht, 00:32:47.380 --> 00:32:53.320 Ich mochte einfach a- sorry. 00:32:53.320 --> 00:32:55.585 ich wollte machen wie ein Tanzwitz, 00:32:55.585 --> 00:32:57.055 wie ich nicht den vollen Zug gemacht habe, 00:32:57.055 --> 00:33:02.500 Ich habe etwas gebrochen. 00:33:02.500 --> 00:33:06.610 Erinnert sich jemand Bruch aus den 80er Jahren. 00:33:06.610 --> 00:33:08.620 >> [unhörbar]. 00:33:08.620 --> 00:33:11.095 .>> Alle von ihnen Mann, alle von ihnen. 00:33:11.095 --> 00:33:13.730 Ist das, wie Sie Ihren Fuß verletzt? 00:33:14.520 --> 00:33:16.360 >> Nun ja. 00:33:16.360 --> 00:33:18.145 >> Das behaupten Sie, 00:33:18.145 --> 00:33:21.680 aber Sie haben vielleicht versucht, die glorreichen Tage zurückzugewinnen. 00:33:21.750 --> 00:33:27.475 Gut, wir bewegen uns immer noch haben noch nicht gebrochen, wir sind gut. 00:33:27.475 --> 00:33:28.990 Das gibt uns einfach mehr Zeit, 00:33:28.990 --> 00:33:31.330 über diese Dinge sprechen, ist das bisher hilfreich? 00:33:31.330 --> 00:33:32.680 Sind das interessante Dinge? 00:33:32.680 --> 00:33:34.510 Dinge, die Herausforderungen dass Sie möglicherweise 00:33:34.510 --> 00:33:37.404 vor kurzem oder in der Zukunft konfrontiert, 00:33:37.404 --> 00:33:39.505 wir werden uns in der Zukunft stellen. 00:33:39.505 --> 00:33:44.680 Apropos Zukunft hat irgendjemand dunkel auf Netflix gesehen? 00:33:44.680 --> 00:33:47.350 Ich weiß, es sieht aus wie ich Kindesentführung basiert 00:33:47.350 --> 00:33:50.750 auf dergleichen- das ist nicht, worum es geht. 00:33:50.970 --> 00:33:54.865 Es ist wie eine Sci-Fi-Sache, es ist alles auf Deutsch. 00:33:54.865 --> 00:33:56.575 Sie können an Ihrem Deutsch arbeiten. 00:33:56.575 --> 00:34:02.065 Gut, da gehen wir hin. 00:34:02.065 --> 00:34:05.200 Komm, gib es auf für Visual Studio, 00:34:05.200 --> 00:34:09.710 Visual Studio verdient sein Geld. 00:34:10.710 --> 00:34:14.440 Es gibt also ein paar coole Dinge 00:34:14.440 --> 00:34:17.260 hier natürlich sehen Sie die Gradienten, die ich erwähnt habe, 00:34:17.260 --> 00:34:19.345 ein wenig von einen Farbverlauf in der Schaltfläche. 00:34:19.345 --> 00:34:23.500 Dann haben Sie diese schöne Animation Übergang, der hier stattfindet. 00:34:23.500 --> 00:34:26.350 Das ist also kein wirklicher Segment zu steuern, 00:34:26.350 --> 00:34:29.080 es ist ein gefälschtes Segment zu kontrollieren. 00:34:29.080 --> 00:34:32.260 Der einzige Unterschied zwischen ein echtes Segment zur Steuerung und 00:34:32.260 --> 00:34:36.265 ein Zu steuerndes Feigensegment Ist? Was Sie es nennen. 00:34:36.265 --> 00:34:40.340 Wenn Ihr Chef sagt, hat immer Segment kann Ihnen zeigen, sagen Sie ja. 00:34:41.250 --> 00:34:45.850 Es ist, wie es aussieht, ja. 00:34:45.850 --> 00:34:48.100 So haben einige coole Transistoren dort gewesen und Sie bemerkten 00:34:48.100 --> 00:34:55.870 der Octocats Schwanz winkend, das ist eine Lottie. 00:34:55.870 --> 00:34:58.540 So ist eine Lottie eine Bibliothek von 00:34:58.540 --> 00:35:02.830 Airbnb, die sie Open Source und Sie können verwenden, was ist es, 00:35:02.830 --> 00:35:07.390 Adobe After-Effekte, 00:35:07.390 --> 00:35:10.014 und mit einer kleinen Verlängerung die Sie installieren können, 00:35:10.014 --> 00:35:12.505 und Sie können Ihre Animationen ausgeben. 00:35:12.505 --> 00:35:15.490 Ich bin sehr traurig, dass sie tatsächlich Erlauben Sie nicht, dies zu tun 00:35:15.490 --> 00:35:18.640 von Adobe Flash oder animieren oder wie sie es jetzt nennen, 00:35:18.640 --> 00:35:22.150 weil ich Wege sein würde, die nach Wirkungen, aber was auch immer. 00:35:22.150 --> 00:35:27.220 ja. Also Martin Van Dyke, der lief hier herum, 00:35:27.220 --> 00:35:29.200 er kann noch hier sein, 00:35:29.200 --> 00:35:31.450 hat die C-Sharp-Implementierung 00:35:31.450 --> 00:35:32.920 und er behauptet, das Paket dafür. 00:35:32.920 --> 00:35:38.605 Also danke ihm für Octocat, cool. 00:35:38.605 --> 00:35:41.410 So Steigungen kühl, 00:35:41.410 --> 00:35:43.450 und du siehst, dass ich Material habe 00:35:43.450 --> 00:35:45.445 hier arbeiten und alles andere auch, 00:35:45.445 --> 00:35:47.950 Ich gebe Ihnen einen kurzen Blick wie diese Animation funktioniert. 00:35:47.950 --> 00:35:49.750 Dies ist auch auf meinem GitHub, 00:35:49.750 --> 00:35:51.370 aber es entsteht als PR, 00:35:51.370 --> 00:35:54.640 deshalb ist es ein separates Projekt im Moment, weil ich nur 00:35:54.640 --> 00:35:59.150 heute Morgen, was immer noch in Ordnung ist. 00:35:59.280 --> 00:36:01.960 Die Login-Seite ist also 00:36:01.960 --> 00:36:04.600 nur Ihre unkomplizierte XAML, wie Sie erwarten würden, 00:36:04.600 --> 00:36:06.340 Ich kann das ein bisschen größer machen, 00:36:06.340 --> 00:36:10.640 Ich kann ihr dies geben oder tun Sie dies, nicht das. 00:36:10.640 --> 00:36:14.620 Jeder, der versehentlich drücken Sie diesen Knopf genau dort? 00:36:15.120 --> 00:36:20.995 Treffen Sie das nicht. ja, so wirklich nichts Lust auf hier zu tun. 00:36:20.995 --> 00:36:22.840 Sie sehen, dass es sind diese Animationen 00:36:22.840 --> 00:36:24.625 aber diese werden nicht in XAML durchgeführt. 00:36:24.625 --> 00:36:28.105 Ich werde Ihnen zeigen, wie Sie in XAML in einer Minute. 00:36:28.105 --> 00:36:34.555 Wenn wir also nach hinten schauen und die Selektoroption tippt, 00:36:34.555 --> 00:36:37.720 Dies ist das Tap-Ereignis auf diesem Kerl hier. 00:36:37.720 --> 00:36:40.240 Das ist es, was die Animationen. 00:36:40.240 --> 00:36:41.740 Es macht einige Übersetzungen, 00:36:41.740 --> 00:36:45.520 so übersetzen zu ist nur eine Hilfsanimationsmethode. 00:36:45.520 --> 00:36:48.880 Es ist immer noch mit Animations-APIs auf dem Back-End. 00:36:48.880 --> 00:36:52.570 Sie haben auch verblassen und solche Dinge. 00:36:52.570 --> 00:36:56.440 Dann können Sie einige warten und gruppieren Sie einige Animationen. 00:36:56.440 --> 00:37:00.580 So tut es sowohl die Übersetzung und die Verblassen zu zur gleichen Zeit. 00:37:00.580 --> 00:37:04.480 Dann können Sie natürlich in Sichtbarkeit und dergleichen. 00:37:04.480 --> 00:37:06.715 So können Sie Ihre Animation auf diese Weise. 00:37:06.715 --> 00:37:08.830 Sicherlich, nichts falsch daran, 00:37:08.830 --> 00:37:11.005 aber ich werde auch zeigen, Sie, wie Sie es tun können 00:37:11.005 --> 00:37:14.830 in XAML. Alles in Ordnung, cool. 00:37:14.830 --> 00:37:20.665 Das sind Gradienten und Formen, Parallax. 00:37:20.665 --> 00:37:24.445 Ich denke, dies ist meine letzte oder vorletzte Demo. 00:37:24.445 --> 00:37:28.525 Ich habe tatsächlich eine zusätzliche Demo, so werden wir sehen. 00:37:28.525 --> 00:37:30.550 Alles in Ordnung so Parallax. 00:37:30.550 --> 00:37:32.485 Hier ist also, was mit Parallax. 00:37:32.485 --> 00:37:36.535 Ich habe die Ansicht, was Ich werde es Dir zeigen. 00:37:36.535 --> 00:37:39.745 In der Tat, nein, es ist bereits hier. 00:37:39.745 --> 00:37:41.920 Lassen Sie uns vorangehen und bauen und ausführen, 00:37:41.920 --> 00:37:45.220 damit wir nicht in das gleiche Problem, das wir vorher hatten. 00:37:45.220 --> 00:37:46.630 Dies ist das Beispiel der Anmeldeseite. 00:37:46.630 --> 00:37:48.800 Ich brauche das nicht, schließen wir es. 00:37:49.080 --> 00:37:52.180 Wenn ich hierher komme, 00:37:52.180 --> 00:37:55.345 Build Run go, in Ordnung. 00:37:55.345 --> 00:37:58.750 Aber Sie haben keine davon. Das ist okay. 00:37:58.750 --> 00:38:01.120 Nur auf dem Bau, Bauen und Laufen. 00:38:01.120 --> 00:38:04.900 Was Sie also haben, ist Sie haben unterschiedliche Schichten von 00:38:04.900 --> 00:38:08.830 Dinge und Gitter ist eine wirklich große Möglichkeit, verschiedene Ebenen zu haben. 00:38:08.830 --> 00:38:13.375 Dann, da die Dinge müssen Spannzeilen oder Spannenspalten, 00:38:13.375 --> 00:38:14.710 Sie die Spanne verwenden. 00:38:14.710 --> 00:38:18.280 Also eine Zeilenspannenspanne, so etwas. 00:38:18.280 --> 00:38:22.315 Ich habe das falsche gemacht, sorry. 00:38:22.315 --> 00:38:27.805 Warum haben Sie diesen Code ausgeführt? 00:38:27.805 --> 00:38:31.835 Das ist nicht der richtige Code, so seltsam. 00:38:31.835 --> 00:38:33.900 Ich meine, es ist das gleiche Projekt, 00:38:33.900 --> 00:38:35.340 aber das Laufen in zwei verschiedene Verzeichnisse. 00:38:35.340 --> 00:38:37.860 Aber ich denke, es tut die gleiche Binärdatei zu generieren. 00:38:37.860 --> 00:38:41.340 Das ist wirklich komisch. Alles klar. 00:38:41.340 --> 00:38:43.470 Lassen Sie mich also so schnell reinigen. 00:38:43.470 --> 00:38:49.120 Sauber bauen, sauber bauen, 00:38:49.120 --> 00:38:51.040 alles zu reinigen, alles zu reinigen. 00:38:51.040 --> 00:38:54.130 Nun, wie meine Kinder, nicht nur Dinge in den Schrank schieben, 00:38:54.130 --> 00:38:59.110 überhaupt sauber. kühl. Alles klar. 00:38:59.110 --> 00:39:01.750 Was also passieren wird, ist, 00:39:01.750 --> 00:39:07.150 wir werden umziehen die Liste der Inhalte nach oben, 00:39:07.150 --> 00:39:09.190 aber wir werden die Kopfzeile verschieben, 00:39:09.190 --> 00:39:12.475 das Hintergrundbild unter eine andere Rate als 00:39:12.475 --> 00:39:14.530 der Inhalt, der der Benutzer ist 00:39:14.530 --> 00:39:17.575 Interaktion mit diesem erzeugt den Parallax-Effekt. 00:39:17.575 --> 00:39:19.060 Um dies zu tun, 00:39:19.060 --> 00:39:20.650 wir müssen in der Lage sein, 00:39:20.650 --> 00:39:25.300 die Bildlaufdaten aus dem etwas, mit dem ich interagiere. 00:39:25.300 --> 00:39:29.710 So traditionell, das ist, was hat, was Probleme für Entwickler verursacht. 00:39:29.710 --> 00:39:32.800 In Xamarin Forms ist dass nicht alles 00:39:32.800 --> 00:39:36.100 die in Xamarin Forms scrollen sagen Sie, dass sie scrollen. 00:39:36.100 --> 00:39:38.320 ScrollView hat nun 00:39:38.320 --> 00:39:39.910 eine Onscroll-Methode oder 00:39:39.910 --> 00:39:42.880 ein Ereignis, das während der Benutzer scrollt, 00:39:42.880 --> 00:39:45.085 so können Sie damit umgehen und Code dahinter. 00:39:45.085 --> 00:39:47.530 Aber ich will nicht dass und Code dahinter, 00:39:47.530 --> 00:39:50.590 da XAML-Heißlastvorgang xAML neu lädt, 00:39:50.590 --> 00:39:52.165 es ist nicht neu laden Code hinter. 00:39:52.165 --> 00:39:54.925 Ich möchte in XAML bleiben so viel wie möglich. 00:39:54.925 --> 00:39:58.420 Damit ich die volle Vorteil des Nachladens. 00:39:58.420 --> 00:40:03.790 Also, was hier passiert, wird dies tun. 00:40:03.790 --> 00:40:06.580 Nun, diese kleine Bar 00:40:06.580 --> 00:40:09.655 es gibt repräsentative der Navigationsleiste. 00:40:09.655 --> 00:40:13.060 Dann werden wir auch eine gefälschte Navigationsleiste machen, 00:40:13.060 --> 00:40:15.430 und sobald Sie die Animation sehen Sie werden wissen, warum. 00:40:15.430 --> 00:40:18.745 Hier sind also die Zutaten um dies zu erreichen. 00:40:18.745 --> 00:40:21.280 Ich benötige einige Scrollposition oder Bildlauf 00:40:21.280 --> 00:40:25.210 Prozentsatz, von dem ich meine anderen Animationen auslösen. 00:40:25.210 --> 00:40:27.265 Ich brauche Bindungen, 00:40:27.265 --> 00:40:31.510 damit ich alles tun und reagieren kann in XAML entsprechend. 00:40:31.510 --> 00:40:35.319 Dann benutze ich liberal Wertwandler, 00:40:35.319 --> 00:40:38.965 damit ich die verschiedenen Effekte, die ich möchte. 00:40:38.965 --> 00:40:41.530 Wirklich die Mathematik ist hübsch einfach auf dieses Zeug. 00:40:41.530 --> 00:40:43.180 Um etwas zu tun 00:40:43.180 --> 00:40:45.280 zu einem anderen Preis als etwas anderes, 00:40:45.280 --> 00:40:47.560 Sie nehmen den Prozentsatz der Scrollzeiten 00:40:47.560 --> 00:40:50.710 die maximale Entfernung von die Schriftrolle, Zeitfaktor. 00:40:50.710 --> 00:40:53.485 Das wussten wir alle. Es ist nur 00:40:53.485 --> 00:40:55.870 einige Dinge zusammenvervielfachen und sehen, was passiert. 00:40:55.870 --> 00:40:57.715 Es ist wirklich, was es alles kommt auf. 00:40:57.715 --> 00:40:59.290 Ihre Chefs mögen: "Wie haben Sie 00:40:59.290 --> 00:41:02.215 ein echter Parallax-Algorithmus dafür, 00:41:02.215 --> 00:41:06.175 oder ein gefälschter Algorithmus?" Hängt davon ab, was Sie es nennen. 00:41:06.175 --> 00:41:09.250 So können Sie mit diese alles, was Sie wollen, 00:41:09.250 --> 00:41:11.830 aber wirklich ist das wie einfach, wie es wird. 00:41:11.830 --> 00:41:15.279 Also lassen Sie uns für eine Minute sprechen über Übergänge, 00:41:15.279 --> 00:41:17.470 weil ich diese Demos insgesamt. 00:41:17.470 --> 00:41:20.800 Also rede ich nicht insbesondere über Übergänge 00:41:20.800 --> 00:41:25.345 von einer Seite zur anderen, 00:41:25.345 --> 00:41:27.805 aber ich spreche über von Zustand zu Bundesland. 00:41:27.805 --> 00:41:32.200 Es gibt also wieder eine schöne Bibliothek von Stephan bis S in Stephen, 00:41:32.200 --> 00:41:35.185 Ich weiß nicht, was du getan hast dass du nicht hier sein könntest, 00:41:35.185 --> 00:41:38.845 aber dude, er ist hier im Geiste. 00:41:38.845 --> 00:41:42.519 Aber Sie sehen dies, wenn Seiteninhalt wird geladen, 00:41:42.519 --> 00:41:44.080 haben einige Ladeanzeige. 00:41:44.080 --> 00:41:45.745 Sagen Sie dem Benutzer, dass Sie etwas tun. 00:41:45.745 --> 00:41:48.204 Noch besser als nur mit einem Spinner, 00:41:48.204 --> 00:41:50.890 warum nicht geben sie diese Erfahrung des Sehens 00:41:50.890 --> 00:41:54.955 der Inhalt in einem gefälschten Zustand und ersetzen Sie es dann. 00:41:54.955 --> 00:41:57.430 Es ist etwas, das Sie viel sehen von Apps, die in diesen Tagen tun. 00:41:57.430 --> 00:41:59.080 Mir wird gesagt, dass Facebook es tut. 00:41:59.080 --> 00:42:02.560 Ich benutze Facebook nicht wirklich sehr vieles, aber ich habe es geschehen sehen. 00:42:02.560 --> 00:42:05.080 So sagt es den Menschen, dass etwas passiert, 00:42:05.080 --> 00:42:07.105 kommuniziert, was passiert. 00:42:07.105 --> 00:42:09.115 Animationen kommunizieren Dinge. 00:42:09.115 --> 00:42:11.230 Wenn Sie eine Animation willy-nilly oder ein 00:42:11.230 --> 00:42:14.515 Übergang willy-nilly nur weil es cool aussehen könnte, 00:42:14.515 --> 00:42:16.780 Sie senden möglicherweise eine falsche Nachricht an 00:42:16.780 --> 00:42:18.670 jemanden und Sie können sie zu frustrieren. 00:42:18.670 --> 00:42:20.260 Da es zu lange dauern kann und 00:42:20.260 --> 00:42:22.940 sie wollen nur von Punkt A nach Punkt B. 00:42:23.340 --> 00:42:25.405 Wann sollten Sie es also verwenden? 00:42:25.405 --> 00:42:30.025 Ich denke, wenn der Zustandswechsel eine gute Zeit, die Daten zu aktualisieren. 00:42:30.025 --> 00:42:31.450 Lassen Sie die Menschen wissen etwas passiert, 00:42:31.450 --> 00:42:32.680 aber geben Sie ihnen keinen leeren Bildschirm, 00:42:32.680 --> 00:42:34.510 geben Sie ihnen niemals einen leeren Bildschirm. 00:42:34.510 --> 00:42:36.340 Wenn Sie gehen, um eine leere Ansicht haben, 00:42:36.340 --> 00:42:39.130 welche Sammlung unterstützen Sie leere Ansicht als Vorlage? 00:42:39.130 --> 00:42:42.130 Das ist genial, ListView hatte das nicht. 00:42:42.130 --> 00:42:44.590 Das ist ein großartiger Ort, um 00:42:44.590 --> 00:42:47.635 einige Hinweise an den Benutzer von dem, was passiert, 00:42:47.635 --> 00:42:49.630 oder Anweisungen darüber, was 00:42:49.630 --> 00:42:52.375 sie tun müssen, um diesen Inhalt auffüllen. 00:42:52.375 --> 00:42:56.380 Kurze Laufende Prozesse sind wirklich gut für Übergänge zu verwenden. 00:42:56.380 --> 00:42:57.730 Wenn Sie einen langen Prozess haben, 00:42:57.730 --> 00:43:01.210 Sie möchten vielleicht genau nachdenken wie Sie damit umgehen, 00:43:01.210 --> 00:43:04.495 und dann Validierung und Formularvalidierung. 00:43:04.495 --> 00:43:08.875 Das ist eine tolle Zeit zum Üben Ihre Animations-Übergangsfähigkeiten. 00:43:08.875 --> 00:43:11.140 Also ein paar Do es und Don'ts. 00:43:11.140 --> 00:43:14.425 Einige von ihnen sagen dasselbe, 00:43:14.425 --> 00:43:17.830 aber ich dachte, vielleicht würde dies eine gute Möglichkeit sein, es auszudrücken. 00:43:17.830 --> 00:43:19.645 Seien Sie nicht unentgeltlich. 00:43:19.645 --> 00:43:21.475 Machen Sie nicht Ihre Animation ein Hindernis. 00:43:21.475 --> 00:43:22.960 Wenn ich warten muss, bis eine Animation 00:43:22.960 --> 00:43:24.685 komplett, um dorthin zu gelangen, wo ich hingehe, 00:43:24.685 --> 00:43:27.505 das ist wahrscheinlich nicht der beste Ort dafür. 00:43:27.505 --> 00:43:30.970 Wenn Sie versuchen, mehr als eine Sache zu einer Zeit, 00:43:30.970 --> 00:43:33.745 Sie das Risiko eingehen, überwältigend das Gerät, 00:43:33.745 --> 00:43:35.770 und dann haben sie einfach werden super abgehackt. 00:43:35.770 --> 00:43:37.570 Wenn Sie jemals das Flyout-Menü verwendet haben, 00:43:37.570 --> 00:43:39.190 und Sie haben bemerkt, und vielleicht auf Android 00:43:39.190 --> 00:43:40.900 insbesondere die Öffnung und 00:43:40.900 --> 00:43:42.340 Schließen des Flyout-Menüs, während Sie 00:43:42.340 --> 00:43:44.440 Sich ändernde Inhalte machen es hacken, 00:43:44.440 --> 00:43:46.089 und läuft nicht reibungslos, 00:43:46.089 --> 00:43:48.220 es ist, weil es tut zu viele Dinge auf einmal. 00:43:48.220 --> 00:43:49.630 Was Sie also tun können, ist, 00:43:49.630 --> 00:43:51.835 Sie können eine Verzögerung auf eines dieser Dinge. 00:43:51.835 --> 00:43:54.835 Vielleicht lassen Sie das Menü zuerst schließen, 00:43:54.835 --> 00:43:56.785 dann den Inhalt der Seite laden, 00:43:56.785 --> 00:43:59.980 oder umgekehrt, dann ist das eine Möglichkeit, dies zu umgehen. 00:43:59.980 --> 00:44:03.310 Aber seien Sie vorsichtig beim Versuch, zu viel auf einmal zu tun. 00:44:03.310 --> 00:44:07.210 Machen Sie es reversibel auslösen als Reaktion auf eine Benutzeraktion. 00:44:07.210 --> 00:44:08.950 Diese Dinge machen es herrlich. 00:44:08.950 --> 00:44:11.110 Wenn der Benutzer das Gefühl hat, 00:44:11.110 --> 00:44:14.455 eine echte Sache in ihren Händen die auf ihre Berührung reagiert, 00:44:14.455 --> 00:44:17.560 es ist sehr entzückend, oder auf ihre Stimme zu reagieren, 00:44:17.560 --> 00:44:20.260 oder auf ihren Standort zu reagieren. 00:44:20.260 --> 00:44:23.440 Sie weiß, wo sie sich sie sind und was sie tun. 00:44:23.440 --> 00:44:26.095 Das ist wirklich herrlich für Menschen. Alles klar. 00:44:26.095 --> 00:44:29.920 Schauen wir uns also die Demo an. 00:44:29.920 --> 00:44:32.710 Cool, wir sind wieder in der richtigen App. 00:44:32.710 --> 00:44:35.230 Also, was Sie nicht gesehen haben das letzte Mal, als ich 00:44:35.230 --> 00:44:37.990 baute es und führte es war es noch diesen Login-Bildschirm, 00:44:37.990 --> 00:44:39.820 das war super komisch, weil das nicht war 00:44:39.820 --> 00:44:42.190 sogar den Code, den ich baute aus. 00:44:42.190 --> 00:44:45.190 So habe ich eine Seite hier in 00:44:45.190 --> 00:44:50.360 Meine Szenarien als Produkt bezeichnet Details, bitte nicht abstürzen. 00:44:50.460 --> 00:44:54.430 So sehen Sie, dass ich meine Ladeanimation dort, 00:44:54.430 --> 00:44:55.990 und dann hoffentlich, wenn das Internet 00:44:55.990 --> 00:44:57.970 Ich werde ein Bild bekommen. 00:44:57.970 --> 00:45:00.770 Oh, komm, du kannst es tun. 00:45:03.230 --> 00:45:08.290 Nehmen Sie, es versucht, aus dem Internet geladen werden. 00:45:08.290 --> 00:45:10.705 Haben wir Internets? 00:45:10.705 --> 00:45:13.780 Kommen Sie auf Sie können es tun. 00:45:13.780 --> 00:45:20.120 Sieht viel besser mit- Hallo Mama. 00:45:24.030 --> 00:45:28.870 Das war genial. Ich fühlte mich 00:45:28.870 --> 00:45:33.265 erhoben, wie diese Musik passiert, nicht wahr? 00:45:33.265 --> 00:45:36.130 Nun, ich weiß nicht warum meine Gitarre lädt nicht. 00:45:36.130 --> 00:45:37.810 Sehen wir uns das mit XAML ausgestattete XAML an. 00:45:37.810 --> 00:45:39.790 Wir haben heiße Reload gehen auf und wir können uns einen Moment Zeit nehmen, um 00:45:39.790 --> 00:45:43.090 XAML. Alles klar. 00:45:43.090 --> 00:45:46.105 So habe ich eine Menge XAML hier du alle, denn wie ich schon sagte: 00:45:46.105 --> 00:45:48.640 ich habe versucht zu bleiben in XAML so viel wie 00:45:48.640 --> 00:45:52.465 möglich, von heißen und nicht an andere Orte gehen. 00:45:52.465 --> 00:45:56.200 Also als erstes, was Sie tun werden wahrscheinlich als heiliger Mist bemerken. 00:45:56.200 --> 00:45:58.235 Es gibt eine Menge VON XML-Ins. 00:45:58.235 --> 00:46:01.185 Das sind alle Namensräume. 00:46:01.185 --> 00:46:03.000 Ich habe viele Dateien überall. 00:46:03.000 --> 00:46:06.060 Wie gesagt, ich verwende dieses einfache Laden. 00:46:06.060 --> 00:46:09.030 Dies ist meine Seite, für die ich 00:46:09.030 --> 00:46:10.470 bindung an etwas aus irgendeinem Grund 00:46:10.470 --> 00:46:11.640 Ich weiß nicht, warum ich es so habe, 00:46:11.640 --> 00:46:13.730 aber es muss wirklich wichtig sein. 00:46:13.730 --> 00:46:15.700 In diesem speziellen Fall 00:46:15.700 --> 00:46:18.280 Ich verstecke einige Shell-Sachen, weil ich 00:46:18.280 --> 00:46:21.565 nur wollen es hier nicht für zwecke dieser Demo, 00:46:21.565 --> 00:46:24.220 und dann erfordere ich natürlich 00:46:24.220 --> 00:46:26.935 ein paar Stile hier für auch die Zwecke der Demo. 00:46:26.935 --> 00:46:29.965 Ich sere meinen Bindungskontext ein hier im XAML. 00:46:29.965 --> 00:46:31.765 Ich weiß nicht, ob dies eine gängige Praxis für Sie. 00:46:31.765 --> 00:46:34.330 Mir geht es gut, das klappt recht gut mit Shell, 00:46:34.330 --> 00:46:38.680 und Shell ist mit dieses Muster im Hinterkopf, das Sie setzen, 00:46:38.680 --> 00:46:40.390 Ich finde, sollte nicht reden über Shell zu viel. 00:46:40.390 --> 00:46:42.295 Shane hat eine Sitzung heute auf Shell. 00:46:42.295 --> 00:46:44.150 Sehen Sie Shanes Vortrag auf Shell. 00:46:44.150 --> 00:46:46.710 Es wird toll sein, jeder Spline Ich gehe in Shane Aktie rechts. 00:46:46.710 --> 00:46:49.360 Ich denke, es ist genau hier, es sollte hier richtig sein. 00:46:50.210 --> 00:46:53.250 Also natürlich in meinen Ressourcen, 00:46:53.250 --> 00:46:55.920 Ich habe im Grunde nichts für einige Animationen eingestellt. 00:46:55.920 --> 00:46:57.200 Ich habe erklärt. 00:46:57.200 --> 00:47:01.825 Ich verwende Zam-Animation von Javier Suarez Ruiz. 00:47:01.825 --> 00:47:05.230 Er ist auf dem via smack Team und er ist in Spanien. 00:47:05.230 --> 00:47:07.720 Also macht er wirklich etwas schöne Beispiele online. 00:47:07.720 --> 00:47:10.090 Wenn Sie jemals suchen ihn oben, denke ich, er hat 00:47:10.090 --> 00:47:13.015 Xamarin genial oder einige GitHub wie diese. 00:47:13.015 --> 00:47:15.070 Ich weiß, dass wir ein Paar haben von denen heute. 00:47:15.070 --> 00:47:17.350 Also schauen Sie sich das an einige wirklich gute Beispiele. 00:47:17.350 --> 00:47:20.440 Also habe ich ein paar vorgefertigte Animationen hier. 00:47:20.440 --> 00:47:22.585 Dies ist CarouselFadeOut. 00:47:22.585 --> 00:47:25.960 Dies ist ein NavBarFadeOut, KarussellFadeIn, 00:47:25.960 --> 00:47:29.230 FakeNavBar, ich denke, ich sollte nicht fakeNavBar. 00:47:29.230 --> 00:47:34.370 Ich sollte wie Dave'sNavBar und wie das nicht gefälscht ist, ist es echt. 00:47:34.860 --> 00:47:38.065 Dann habe ich natürlich mein Raster, 00:47:38.065 --> 00:47:40.750 und dann wird das Bild oben 00:47:40.750 --> 00:47:44.050 dieser Kerl hier, diese CarouselView. 00:47:44.050 --> 00:47:47.425 Wo sind meine Bilder? 00:47:47.425 --> 00:47:51.430 Sie sind hier genau richtig. Was falsch mit Ihnen Bild? 00:47:51.430 --> 00:47:54.860 Schauen Sie sich diese tolle URL an. 00:47:55.020 --> 00:47:57.640 Ich weiß, ich schaue nur, 00:47:57.640 --> 00:47:59.995 Ich bin im Moment in Gitarren verliebt. 00:47:59.995 --> 00:48:02.185 Ich kann meine Tastatur steuern. 00:48:02.185 --> 00:48:04.045 Ich habe dieses Bild gesehen diese Gitarre von mir, 00:48:04.045 --> 00:48:06.430 das ist es, was ich gehe in meiner Demo zu verwenden. 00:48:06.430 --> 00:48:08.950 Lassen Sie uns einfach sicherstellen, dass das Bild existiert sogar. 00:48:08.950 --> 00:48:11.780 Es gibt sie, was ist Ihr Problem? 00:48:12.000 --> 00:48:15.950 Mal sehen, ob ich es stoßen kann. 00:48:19.470 --> 00:48:30.025 ja. Mann, Android Bytes Lassen Sie uns es noch einmal tun. 00:48:30.025 --> 00:48:38.605 Ich habe keine Angst. Lassen Sie uns aktualisieren Visual Studio im Moment. Alles klar. 00:48:38.605 --> 00:48:40.990 Nein, das werde ich nicht tun. 00:48:40.990 --> 00:48:42.640 Ich habe eine kleine Panne, wo es 00:48:42.640 --> 00:48:44.290 startet nicht gerne der Emulator von 00:48:44.290 --> 00:48:48.160 Visual Studio im Moment. Nein, ich will es nicht wissen. 00:48:48.160 --> 00:48:51.400 Ich habe auch eine wirklich seltsame Panne 00:48:51.400 --> 00:48:53.770 wo Hyper-V tatsächlich langsamer als HAXM. 00:48:53.770 --> 00:48:55.720 Hat irgendjemand das im Gange? 00:48:55.720 --> 00:48:58.370 Ist das Ihre Erfahrung? 00:48:59.160 --> 00:49:01.960 kühl. Alles klar. 00:49:01.960 --> 00:49:05.065 Neustart des Emulators. 00:49:05.065 --> 00:49:06.940 Deshalb mag ich Live-Streaming. 00:49:06.940 --> 00:49:10.090 Es ist viel mehr Low-Key und Sie sind wie die Arbeit durch dieses Zeug. 00:49:10.090 --> 00:49:12.130 Es ist alles gut. Ich tue nicht 00:49:12.130 --> 00:49:14.780 müssen hier oben sein, alles hübsch für Sie. 00:49:15.690 --> 00:49:19.760 Alles klar. Es an. Das war super schnell. 00:49:19.800 --> 00:49:23.590 Ist es tatsächlich am Leben oder ist es gefroren kühl ist live. 00:49:23.590 --> 00:49:25.465 In Ordnung, redeploy. 00:49:25.465 --> 00:49:27.160 Jetzt sagen Sie dass ich bekomme 00:49:27.160 --> 00:49:30.835 mein Bild, das sagt, ich bin gehen, um ein Bild zu erhalten. 00:49:30.835 --> 00:49:35.365 Paar Leute zögerlich sagen ja eine sehr kompetente Person. 00:49:35.365 --> 00:49:40.765 Die meisten von euch sind wie ich denke vielleicht war das auch schnell. 00:49:40.765 --> 00:49:44.240 Ich war nicht, ich bin in der Regel das geht viel langsamer. 00:49:52.170 --> 00:49:55.390 Auch warum ich gerne tue Live-Streaming in 00:49:55.390 --> 00:49:59.470 Live-Codierung, weil y'all bekommen, um mir zu helfen. 00:49:59.470 --> 00:50:01.870 Alles klar. kühl. Also hier ist, was passiert. 00:50:01.870 --> 00:50:03.460 Ich werde etwas langsamer scrollen. 00:50:03.460 --> 00:50:07.720 Sie sehen, wie die Parallaxe geht da drauf mit dem, ja. 00:50:07.720 --> 00:50:11.080 Dann sehen Sie, dass ich eine NavBar und eine NavBar. 00:50:11.080 --> 00:50:14.470 Als ich hier aufkomme, um die oben verblasst das Bild 00:50:14.470 --> 00:50:18.580 und dann verblasst meine NavBar. 00:50:18.580 --> 00:50:24.340 Hier ist also der harte Weg , um diesen NavBar-Übergang zu tun. 00:50:24.340 --> 00:50:26.515 Der schwierige Weg ist zu sagen, 00:50:26.515 --> 00:50:28.480 "Ich werde all diese Arbeit machen. 00:50:28.480 --> 00:50:30.190 ich werde nur haben eine Zurück-Taste. 00:50:30.190 --> 00:50:31.480 Ich werde einen Zoom-Button haben. 00:50:31.480 --> 00:50:33.175 ich werde einen Warenkorb-Button. 00:50:33.175 --> 00:50:34.300 Ich werde einen Hintergrund haben, 00:50:34.300 --> 00:50:36.070 und ich werde alle diese Übersetzungen 00:50:36.070 --> 00:50:37.840 ich selbst." Das ist der harte Weg. 00:50:37.840 --> 00:50:39.715 Der einfache Weg ist zu sagen, 00:50:39.715 --> 00:50:42.580 "Ich werde der erste Zustand und dann bin ich nur 00:50:42.580 --> 00:50:46.045 Gehen Sie, um eine andere NavBar zu erstellen und verblasst und darüber, 00:50:46.045 --> 00:50:48.565 und sie alle gehen dasselbe zu tun. 00:50:48.565 --> 00:50:51.490 Vertrauen Sie mir viel einfacher. 00:50:51.490 --> 00:50:53.320 Das ist also tatsächlich was dort passiert, 00:50:53.320 --> 00:50:55.135 und im Grunde, wenn ich nach oben scrolle, 00:50:55.135 --> 00:50:58.135 Ich komme zu einem bestimmten Punkt und es löst diese Animation aus. 00:50:58.135 --> 00:51:00.700 Also verwende ich Event Trigger und ich verwende 00:51:00.700 --> 00:51:03.760 Datenauslöser und auch mit Bindungen. 00:51:03.760 --> 00:51:07.255 Also für die Parallaxenrolle 00:51:07.255 --> 00:51:09.655 da ich das bin soll darüber reden, 00:51:09.655 --> 00:51:13.045 Ich habe alles drin eines ScrollerView. 00:51:13.045 --> 00:51:16.165 Sie können sehen, dass die ScrollerView ist eine benutzerdefinierte Ansicht. 00:51:16.165 --> 00:51:18.940 Es ist nur eine Scroll-Ansicht, auf der ich 00:51:18.940 --> 00:51:21.790 die Scroll-Eigenschaft freigelegt haben, 00:51:21.790 --> 00:51:28.580 denn hier oben auf dem Karussell das ist die Gitarre, 00:51:28.830 --> 00:51:35.725 Sie sehen, dass ich nicht die Daten habe die Übersetzung auslösen. 00:51:35.725 --> 00:51:37.375 Ich habe diesen Code hier. 00:51:37.375 --> 00:51:40.810 Ich überstelle die Y-Position des Karussells. 00:51:40.810 --> 00:51:42.850 So wie ich scrolle nach oben, 00:51:42.850 --> 00:51:44.350 mein Karussell bewegt sich. 00:51:44.350 --> 00:51:46.045 Meine Gitarre bewegt sich. 00:51:46.045 --> 00:51:49.420 Ich bin also verbindlich für ein Bildlaufprozentsatz, der 00:51:49.420 --> 00:51:53.080 nur eine Eigenschaft, die ich ausgesetzt habe scrollerView. 00:51:53.080 --> 00:51:55.555 Dann wieder habe ich hier einen Konverter, 00:51:55.555 --> 00:51:57.010 und ich bendieses. 00:51:57.010 --> 00:51:59.950 Das ist ein netter kleiner Trick dass Stephen mir gezeigt hat. 00:51:59.950 --> 00:52:02.650 Vielleicht ist es kein Trick. Ich bin nur mit den Parametern. 00:52:02.650 --> 00:52:04.300 Ich habe die Fähigkeit, weil 00:52:04.300 --> 00:52:07.030 manchmal möchten Sie passieren mehr als einen Parameter. 00:52:07.030 --> 00:52:12.820 Also übergehe ich gerade eine Schnur mit einem Semikolon-Trennzeichen, 00:52:12.820 --> 00:52:15.610 und ich kann so viel passieren, wie ich will. 00:52:15.610 --> 00:52:20.095 Also übernehme ich einen Faktor von dem, was ich tun wollte, 00:52:20.095 --> 00:52:23.215 einen Mindestwert, einen Maximalwert. 00:52:23.215 --> 00:52:25.420 Ob es wahr oder falsch ist. 00:52:25.420 --> 00:52:27.580 Ich weiß nicht, was dass die Eigenschaft für, 00:52:27.580 --> 00:52:30.730 und dann erinnere ich mich nicht einmal wofür das war. 00:52:30.730 --> 00:52:34.915 Also, aber die Sache ist, dass weil das jetzt alles da ist, 00:52:34.915 --> 00:52:37.855 Ich muss nicht zurückgehen und wenn die C-Datei alles ändert. 00:52:37.855 --> 00:52:39.775 Ich muss nicht zurück zu Code hinter einer Züchtigung. 00:52:39.775 --> 00:52:43.030 Ich kann diese Werte einfach optimieren und neu laden und neu laden und neu laden. 00:52:43.030 --> 00:52:45.790 So kann ich dies nehmen und ich kann sagen: "Okay. 00:52:45.790 --> 00:52:51.040 Wir werden nur und das zu speichern, 00:52:51.040 --> 00:52:55.375 Laden Sie die Seite neu, und dann jetzt es geht in die falsche Richtung." 00:52:55.375 --> 00:52:57.160 So ist es wie oh Dave du bist 00:52:57.160 --> 00:52:59.230 ein Moron, den du haben wirst um diese ganze Sache wieder aufzubauen. 00:52:59.230 --> 00:53:01.960 Nein. Wir werden nicht wieder aufbauen. 00:53:01.960 --> 00:53:03.970 Das ist Ihr Ziel, und das ganze Ziel ist 00:53:03.970 --> 00:53:06.460 ein Entwickler ist jetzt , um den Wiederaufbau zu beenden. 00:53:06.460 --> 00:53:07.990 Was kann ich also 00:53:07.990 --> 00:53:10.390 tun, um dieses Ding zu machen etwas anderes tun? 00:53:10.390 --> 00:53:14.995 Also jetzt neu laden Neuladen. 00:53:14.995 --> 00:53:16.525 Manchmal nicht sogar für nachladen wissen. 00:53:16.525 --> 00:53:19.675 Schauen Sie sich an, dass es jetzt ist Maus-wie ich es verjagt, 00:53:19.675 --> 00:53:21.895 und das ist nicht der Effekt Sie wollen entweder ist es. 00:53:21.895 --> 00:53:24.790 Also zwicke ich einfach weiter dies und ich fand, dass 00:53:24.790 --> 00:53:28.465 der negative 10-Faktor scheint um ziemlich gut zu trainieren, 00:53:28.465 --> 00:53:30.880 und jetzt bekomme ich meinen schönen Übergang. 00:53:30.880 --> 00:53:35.275 Nun eine andere Sache Sie werden feststellen, dass, 00:53:35.275 --> 00:53:39.370 Ich weiß nicht, ob Sie das sehen können aber du siehst, wie es zu weiß ging. 00:53:39.370 --> 00:53:43.540 Aber mein Hintergrund ist tatsächlich wie eine graue Farbe. 00:53:43.540 --> 00:53:45.790 Ich habe tatsächlich eine andere Box für 00:53:45.790 --> 00:53:47.665 Sie hinter dem CarouselView sitzen. 00:53:47.665 --> 00:53:49.510 So kann ich die CarouselView ausblenden, 00:53:49.510 --> 00:53:52.000 aber halten Sie es auf einem weißen Hintergrund. 00:53:52.000 --> 00:53:54.385 So macht es einige schöne Dinge dort. 00:53:54.385 --> 00:53:56.410 Hier also passiert einiges. 00:53:56.410 --> 00:53:59.560 Nun, ich habe nicht wirklich zeigen Ihnen, wie die 00:53:59.560 --> 00:54:02.755 Das Laden für den Bildschirm funktioniert. 00:54:02.755 --> 00:54:08.485 Also, um wirklich schnelles Produkt zurück zu gehen Details, die Teil genau dort. 00:54:08.485 --> 00:54:11.065 Ich zeige Ihnen, wie funktioniert wirklich schnell. 00:54:11.065 --> 00:54:13.555 ja Mann, ich höre nicht auf. 00:54:13.555 --> 00:54:15.205 Wir gehen, wir gehen dafür. 00:54:15.205 --> 00:54:17.245 Wir gehen dafür. tun Sie 00:54:17.245 --> 00:54:18.790 Ich meine, ich bin Kramer erscheinen Mann. 00:54:18.790 --> 00:54:21.100 Wir gehen ins Ende der Linie. 00:54:21.100 --> 00:54:23.845 Nein, ich mache nur einen Scherz. Ich bin Verpacken. Ich wickele. 00:54:23.845 --> 00:54:26.650 Dies ist die letzte Demo der Bonus-Demo. 00:54:26.650 --> 00:54:29.560 Es ist alles gut. Geben Sie einfach jedem andere eine Umarmung und in Ordnung sein. 00:54:29.560 --> 00:54:36.235 So ist es bei Brandon, 00:54:36.235 --> 00:54:40.265 bist du versuchst, mich auszubuhen von der Bühne kommen auf Männer, 00:54:40.265 --> 00:54:42.310 jetzt nur noch ein Scherz, ich bin fast fertig. 00:54:42.310 --> 00:54:46.270 Also wirklich alles, was Sie tun, ist, dass Sie dies tun. 00:54:46.270 --> 00:54:48.010 Sie stellen eine Ladevorlage bereit. 00:54:48.010 --> 00:54:50.350 Jetzt weiß ich nicht Auswirkungen auf die Leistung. 00:54:50.350 --> 00:54:52.060 So kann Ihre Kilometerleistung variieren, 00:54:52.060 --> 00:54:53.605 aber Sie so ziemlich nur gefälscht 00:54:53.605 --> 00:54:57.780 den Inhalt, den Sie sind angezeigt werden. 00:54:57.780 --> 00:54:59.805 Dann müssen Sie binden 00:54:59.805 --> 00:55:02.520 Diese angefügte Eigenschaft lädt zu etwas. 00:55:02.520 --> 00:55:04.250 Ich habe also nicht beschäftigt, 00:55:04.250 --> 00:55:07.480 und Sie haben wahrscheinlich alle in seine beschäftigt in Ihrer Ansicht Modelle. 00:55:07.480 --> 00:55:08.980 Das ist also so ziemlich alles. 00:55:08.980 --> 00:55:10.885 Dieser Code ist alle auf meinem GitHub. 00:55:10.885 --> 00:55:12.250 Es gibt noch eine Sache. 00:55:12.250 --> 00:55:15.430 Ich zeige Sie, es ist in meine Folien, weil ich denke, 00:55:15.430 --> 00:55:18.985 dass dies eine wirklich große Ressource zum Auschecken. 00:55:18.985 --> 00:55:23.150 Zeigen Sie dies an, zeigen Sie diese Aktion an. 00:55:24.240 --> 00:55:28.510 So Kym Phillpotts, die arbeitet an MS lernen, 00:55:28.510 --> 00:55:30.910 früher hat die Xamarin University 00:55:30.910 --> 00:55:33.280 zucken, seine Beispiele streamen. 00:55:33.280 --> 00:55:34.705 Das hat er getan. 00:55:34.705 --> 00:55:37.075 Ich finde es verrückt gut. 00:55:37.075 --> 00:55:39.090 Ich darf, du machst so etwas, 00:55:39.090 --> 00:55:41.345 Ihr Chef geht um Ihnen eine Erhöhung zu geben. 00:55:41.345 --> 00:55:44.155 Im Ernst, schauen Sie sich das an. 00:55:44.155 --> 00:55:46.270 Also überprüfen Sie seine Sachen aus. 00:55:46.270 --> 00:55:51.265 Diese Demo ist auf seinem GitHub als sowie einige andere. 00:55:51.265 --> 00:55:55.180 Animation kann wirklich eine nette Note auf alles. 00:55:55.180 --> 00:55:57.340 Aber es gibt eine Menge von andere grundlegende Dinge 00:55:57.340 --> 00:55:58.795 Sie können sich um sie kümmern. Also sowieso. 00:55:58.795 --> 00:56:01.750 Vielen Dank für Ihre Zeit zum Hören meiner Witze. 00:56:01.750 --> 00:56:04.040 Hoffe, sie haben etwas gelernt. 00:56:06.000 --> 00:56:08.200 Alle bleiben. 00:56:08.200 --> 00:56:10.000 [MUSIK]