WEBVTT 00:00:00.000 --> 00:00:01.260 [MUSICA] 00:00:01.260 --> 00:00:03.310 >> Fantastico. Vieni dentro. 00:00:05.270 --> 00:00:09.040 Riunitevi per la parola di Xamarin. 00:00:11.690 --> 00:00:13.020 >> Amen. 00:00:13.020 --> 00:00:19.965 >> Amen. Bello. fantastico. Abbiamo lo schermo giusto. 00:00:19.965 --> 00:00:22.995 Va bene. Sono tutti avere un buon tempo? 00:00:22.995 --> 00:00:23.610 >> sì. 00:00:23.610 --> 00:00:26.235 >> sì. Sono contento che tu sia venuto. 00:00:26.235 --> 00:00:27.840 Hai fatto ingelosire i tuoi amici? 00:00:27.840 --> 00:00:28.440 >> Sì. 00:00:28.440 --> 00:00:30.645 >> Hai reso gelosi i tuoi nemici? 00:00:30.645 --> 00:00:33.990 Dai. Sì, è fantastico. 00:00:33.990 --> 00:00:36.090 E 'stato assolutamente meraviglioso per essere circondato da 00:00:36.090 --> 00:00:40.534 così tanti tipi, bello, persone che la pensano allo stesso modo, 00:00:40.534 --> 00:00:44.280 ad eccezione di Duane qui il la parte anteriore. Non lo so. 00:00:47.030 --> 00:00:50.010 Prendo in giro. Lo sai che prendo in giro. 00:00:50.010 --> 00:00:52.880 Bello. Quindi siamo qui per parlare di fare 00:00:52.880 --> 00:00:55.910 pazzo bella UI con Xamarin Forms. 00:00:55.910 --> 00:00:58.580 Quindi immagino siete interessati a 00:00:58.580 --> 00:01:00.140 tutti i suggerimenti e trucchi che ho 00:01:00.140 --> 00:01:02.270 spero di essere in grado di condividere con voi oggi. 00:01:02.270 --> 00:01:06.200 Naturalmente, questi non sono per l'uso gratuito, 00:01:06.200 --> 00:01:08.105 ma possiamo fare alcune cose davvero belle. 00:01:08.105 --> 00:01:11.790 Mi viene chiesto una varietà di domande per tutto il tempo. 00:01:11.790 --> 00:01:14.025 Ovviamente, attraverso Twitter, tramite e-mail, 00:01:14.025 --> 00:01:15.810 parlando a conferenze, 00:01:15.810 --> 00:01:19.005 su come si fa a fare x, y, e z? 00:01:19.005 --> 00:01:23.515 Probabilmente, il principale è come si fa a fare la parallasse? 00:01:23.515 --> 00:01:25.700 Qualcuno ha già fatto il parallasse? 00:01:25.700 --> 00:01:27.335 Chiunque nella stanza, qualche gente. 00:01:27.335 --> 00:01:31.220 Qualcuno ha tentato di fare parallasse e disse: "Screw that". 00:01:31.220 --> 00:01:36.140 Ne ho un po'. Così ho vi mostrerà un po 'di parallasse. 00:01:36.140 --> 00:01:37.370 In realtà è piuttosto impressionante, 00:01:37.370 --> 00:01:40.370 abbastanza facile. Ho ha qualche altro passo. 00:01:40.370 --> 00:01:42.845 Mi sono divertito un sacco costruire queste demo, 00:01:42.845 --> 00:01:46.710 perché stavo usando la ricarica a caldo. 00:01:47.020 --> 00:01:49.835 Quindi è stato molto divertente. 00:01:49.835 --> 00:01:51.140 Ho archiviato alcuni bug, 00:01:51.140 --> 00:01:52.360 alcuni di loro sono stati risolti, 00:01:52.360 --> 00:01:53.590 alcuni di loro saranno fissati, 00:01:53.590 --> 00:01:55.580 alcuni dei miglioramenti devono ancora venire, 00:01:55.580 --> 00:01:58.370 ma sapevamo che era pronto di essere là fuori in natura. 00:01:58.370 --> 00:02:00.230 Quindi sono contento che tu sia sta per essere sempre in 00:02:00.230 --> 00:02:03.320 il tuo sporco poco avido mani e strenuità. 00:02:03.320 --> 00:02:05.150 Spero che si prende l'opportunità di 00:02:05.150 --> 00:02:07.175 fornire un sacco di feedback al team. 00:02:07.175 --> 00:02:09.050 Fateci sapere come funziona per voi, 00:02:09.050 --> 00:02:11.470 Facci sapere dove non è, figo? 00:02:11.470 --> 00:02:14.490 Ecco, questo è il mio handle Twitter. 00:02:14.490 --> 00:02:17.040 Alla fine ho anche la mia e-mail. 00:02:17.040 --> 00:02:18.790 Per favore, contattaci in qualsiasi momento. 00:02:18.790 --> 00:02:22.115 Mi scuso se non lo faccio tornare a voi immediatamente, 00:02:22.115 --> 00:02:27.705 ma leggo tutte le e-mail e cerco di rispondere a tutti loro. 00:02:27.705 --> 00:02:29.760 A volte faccio schifo nella gestione del tempo, 00:02:29.760 --> 00:02:31.520 in modo da sapere com'è. 00:02:31.520 --> 00:02:34.190 Bello. Così ho pensato che il primo cosa che avremmo parlato 00:02:34.190 --> 00:02:39.420 circa se la mia freccia funziona. 00:02:39.420 --> 00:02:42.160 Uno di questi pulsanti deve funzionare. 00:02:42.710 --> 00:02:46.755 Letteralmente non vuole per inoltrare. Ecco fatto. 00:02:46.755 --> 00:02:49.230 ciao. Così ho pensato di parlare prima 00:02:49.230 --> 00:02:51.650 sui temi; colori, font, icone, 00:02:51.650 --> 00:02:55.690 perché probabilmente hai seguito gli annunci di Apple, 00:02:55.690 --> 00:02:59.735 iOS 13 ora ha la modalità scura. 00:02:59.735 --> 00:03:00.570 >> sì. 00:03:00.570 --> 00:03:03.435 >> sì. Più tempo per il telefono a letto, 00:03:03.435 --> 00:03:07.140 è di questo che stiamo parlando. 00:03:07.140 --> 00:03:11.160 Quindi questo è importante e le persone ti chiederanno: 00:03:11.160 --> 00:03:12.625 forse stai già chiedendo, 00:03:12.625 --> 00:03:15.280 "Come posso meglio sostenere queste cose in 00:03:15.280 --> 00:03:18.010 la mia app per assicurarti che la tua app 00:03:18.010 --> 00:03:20.590 sente che appartiene come dovrebbe 00:03:20.590 --> 00:03:23.695 anche la piattaforma iOS come Android, naturalmente. 00:03:23.695 --> 00:03:26.365 Quindi, come posso meglio indirizzo queste cose? 00:03:26.365 --> 00:03:27.910 Quindi ho intenzione di condividere con voi alcuni dei 00:03:27.910 --> 00:03:29.860 le cose che tendo a cercare. 00:03:29.860 --> 00:03:32.440 Ora, il mio background prima 00:03:32.440 --> 00:03:34.450 entrare a far parte di Microsoft due e mezzo anni fa, 00:03:34.450 --> 00:03:36.275 Avevo una compagnia chiamata Render, 00:03:36.275 --> 00:03:38.535 e abbiamo fatto consulenza. 00:03:38.535 --> 00:03:43.550 Sono stato io stesso il partner Ben Bishop e diversi appaltatori. 00:03:43.610 --> 00:03:46.080 Così abbiamo fatto applicazioni per le startup, 00:03:46.080 --> 00:03:47.400 li abbiamo fatto per le imprese, 00:03:47.400 --> 00:03:49.680 avevamo grandi clienti, aveva piccoli clienti. 00:03:49.680 --> 00:03:51.705 Uno dei temi comuni era: 00:03:51.705 --> 00:03:53.415 era molto creativo, 00:03:53.415 --> 00:03:55.455 molto avanti pensiero, ci sono stati 00:03:55.455 --> 00:03:57.985 barra molto alta per l'esperienza utente. 00:03:57.985 --> 00:04:00.490 Così abbiamo fatto costantemente cose che non siamo riusciti a trovare 00:04:00.490 --> 00:04:04.030 qualsiasi precedente per o noi prova solo a risolverlo. 00:04:04.030 --> 00:04:06.010 Così alcuni di questi sono suggerimenti e trucchi da 00:04:06.010 --> 00:04:08.500 risorse utili e pratiche che ho. 00:04:08.500 --> 00:04:11.915 Quindi uno dei primi è trovare risorse come questa. 00:04:11.915 --> 00:04:14.990 Questo è il colore dot adobe dot com. 00:04:14.990 --> 00:04:17.840 Una volta si chiamava Kuler, K-U-L-E-R. 00:04:17.840 --> 00:04:20.960 Quindi questo è un sito web e c'è anche un'app mobile 00:04:20.960 --> 00:04:23.760 che è possibile utilizzare e si può scattare foto di colori, 00:04:23.760 --> 00:04:26.420 è possibile scattare foto di un'intera foto, 00:04:26.420 --> 00:04:29.160 e vi dirà che cosa la tavolozza dei colori è. 00:04:29.160 --> 00:04:32.620 Quindi, se stai cercando solo un set di cinque, sei, 00:04:32.620 --> 00:04:35.310 colori che si adattano a un tema particolare, 00:04:35.310 --> 00:04:37.150 questa è una buona risorsa a cui andare. 00:04:37.150 --> 00:04:40.270 Se sei a colori sfidato, questo è buono. 00:04:40.270 --> 00:04:43.834 Ora, qualcosa da tenere a mente dal punto di vista dell'accessibilità, 00:04:43.834 --> 00:04:45.350 solo perché c'è una tavolozza di colori, 00:04:45.350 --> 00:04:47.890 non significa che sta andando per essere grande sul tuo telefono, 00:04:47.890 --> 00:04:50.659 non significa che sta andando per essere grande per l'accessibilità, 00:04:50.659 --> 00:04:53.165 perché quando si tratta di colore, 00:04:53.165 --> 00:04:55.115 contrasto è molto importante. 00:04:55.115 --> 00:04:56.840 Devi prendere in considerazione il colore 00:04:56.840 --> 00:04:58.565 cecità e cose del genere. 00:04:58.565 --> 00:05:00.230 Quindi vuoi esserne consapevole. 00:05:00.230 --> 00:05:02.270 Non l'ho promosso nel mio mazzo, 00:05:02.270 --> 00:05:05.345 ma so su Mac in particolare, 00:05:05.345 --> 00:05:07.160 c'è un plug-in che si 00:05:07.160 --> 00:05:09.480 può installare, o è nemmeno un plug-in, 00:05:09.480 --> 00:05:10.670 è un'app che puoi installare, 00:05:10.670 --> 00:05:13.550 e trasformerà lo schermo in 00:05:13.550 --> 00:05:17.600 una rappresentazione di ciò che diverse persone daltoniche vedono, 00:05:17.600 --> 00:05:20.690 e che sarà davvero aprire gli occhi 00:05:20.690 --> 00:05:22.880 a quello che hai a che fare 00:05:22.880 --> 00:05:25.070 con e ciò che quelle persone vivere con ogni giorno. 00:05:25.070 --> 00:05:28.860 Il verde non è necessariamente verde come verde forse, quella cosa. 00:05:28.860 --> 00:05:30.510 Quindi questa è una risorsa davvero buona. 00:05:30.510 --> 00:05:33.750 Un altro è coolers.com, è coolers.com? 00:05:33.750 --> 00:05:37.500 Sì, coolers.co. appena Google per questi, 00:05:37.500 --> 00:05:39.690 date un'occhiata. Ancora una volta, davvero buono. 00:05:39.690 --> 00:05:40.905 Ti daranno l'RGB, 00:05:40.905 --> 00:05:44.430 ti daranno i colori esadecimali, 00:05:44.430 --> 00:05:46.440 si può fare mono cromatico, 00:05:46.440 --> 00:05:49.925 si può fare il contrasto, tutte le cose. 00:05:49.925 --> 00:05:52.385 È davvero una grande risorsa e si può iniziare da lì. 00:05:52.385 --> 00:05:54.710 Ora, quali sono i vostri opzioni quando si va a 00:05:54.710 --> 00:05:57.470 fare temi all'interno di Xamarin Forms? 00:05:57.470 --> 00:05:59.720 Quindi probabilmente sei pensando ai temi, 00:05:59.720 --> 00:06:02.870 in modo da cercare il tema di Word con Xamarin Forms, 00:06:02.870 --> 00:06:04.055 e si trova questo Xamarin 00:06:04.055 --> 00:06:08.140 Pacchetto Di Forms.theme. Qualcuno l'ha usato? 00:06:08.140 --> 00:06:12.480 Uno, due. Era che un dolore sul sedere per ottenere istituito? 00:06:12.480 --> 00:06:15.155 Sì, molto più difficile di doveva essere. 00:06:15.155 --> 00:06:20.310 Quindi era un'anteprima che il team ha messo fuori molti anni fa. 00:06:20.310 --> 00:06:23.330 E 'ancora anteprima perché si trasforma 00:06:23.330 --> 00:06:26.130 fuori che in realtà non era l'approccio migliore, 00:06:26.130 --> 00:06:27.600 e così si è imparato molto. 00:06:27.600 --> 00:06:31.160 E 'ancora si siede là fuori solo nel caso qualcuno volesse usarlo, 00:06:31.160 --> 00:06:33.785 perché in realtà non abbiamo sostituito con qualsiasi cosa. 00:06:33.785 --> 00:06:37.105 Non consiglierei di usarlo, 00:06:37.105 --> 00:06:39.510 Lo ignorerei, fingere che non esista. 00:06:39.510 --> 00:06:41.550 Possiamo rimuoverlo ad un certo punto, 00:06:41.550 --> 00:06:42.780 Mi è stato chiesto: "Ehi, 00:06:42.780 --> 00:06:44.430 quando possiamo fosso questa cosa? 00:06:44.430 --> 00:06:46.320 Abbiamo un'abitudine in particolare, 00:06:46.320 --> 00:06:48.110 ora che siamo parte di Microsoft che 00:06:48.110 --> 00:06:49.670 non vogliamo rimuovere tutto ciò che nessuno 00:06:49.670 --> 00:06:52.770 potrebbe avere una dipendenza da senza un sacco di preavviso, 00:06:52.770 --> 00:06:54.620 etichette e cose. 00:06:54.620 --> 00:06:57.495 Allora hai anche GrialKit. 00:06:57.495 --> 00:06:59.025 Io lo chiamo GrialKit, 00:06:59.025 --> 00:07:00.950 ma l'ho sentito pronunciare diversi modi, 00:07:00.950 --> 00:07:04.580 ma credo che sarò solo un ignorante Americano e chiamarlo GrialKit 00:07:04.580 --> 00:07:09.510 perché è come il Santo Graal, graal, Greil. 00:07:09.510 --> 00:07:12.530 Quindi questo è davvero grande, 00:07:12.530 --> 00:07:13.760 super facile da usare. 00:07:13.760 --> 00:07:15.650 L'ho afferrato io stesso e l'ho usato. 00:07:15.650 --> 00:07:18.710 Hanno un robusto motore tesi all'interno 00:07:18.710 --> 00:07:22.385 di Graal e si può usare. 00:07:22.385 --> 00:07:25.430 E 'commerciale, in modo da pagare una tassa di licenza, 00:07:25.430 --> 00:07:27.950 Non so quale sia l'attuale disposizione è e cose del genere, 00:07:27.950 --> 00:07:29.570 ma nella mia esperienza, 00:07:29.570 --> 00:07:31.400 ne vale ogni singolo centesimo. 00:07:31.400 --> 00:07:34.050 Ho creato un team di robotica delle scuole superiori, 00:07:34.050 --> 00:07:35.840 mio figlio fa le cose robotiche, 00:07:35.840 --> 00:07:37.790 e volevano creare un'app per dispositivi mobili per 00:07:37.790 --> 00:07:41.900 fondamentalmente tenere traccia delle altre squadre nelle loro competizioni, 00:07:41.900 --> 00:07:44.254 e fondamentalmente fare scouting, 00:07:44.254 --> 00:07:45.860 ma volevano avere un bell'aspetto. 00:07:45.860 --> 00:07:48.260 Così l'ho instidato con la licenza e tutto il resto, 00:07:48.260 --> 00:07:49.730 e sono stati semplicemente spazzati via. 00:07:49.730 --> 00:07:51.260 E loro: "Questo è esattamente quello che voglio. 00:07:51.260 --> 00:07:54.835 Voglio essere il ragazzo fresco e la mia roba sembra impressionante di default. 00:07:54.835 --> 00:07:58.250 Quindi l'altro modo in cui si può andare su di esso è scriverlo da soli. 00:07:58.250 --> 00:07:59.960 Naturalmente, scriverlo da soli 00:07:59.960 --> 00:08:01.400 significa che hai intenzione di fare un po' di lavoro, 00:08:01.400 --> 00:08:03.680 ma tu lo possiedi, e tu conoscerlo da una fine all'altra. 00:08:03.680 --> 00:08:06.080 Questo è un altro dei le ragioni che non abbiamo mai 00:08:06.080 --> 00:08:08.935 evoluto questi Xamarin Modulo Tema Pacchetto, 00:08:08.935 --> 00:08:11.880 è perché con gli stili, risorse statiche, 00:08:11.880 --> 00:08:13.490 e risorse dinamiche, si 00:08:13.490 --> 00:08:15.935 avere tutto a la punta delle dita di cui hai bisogno. 00:08:15.935 --> 00:08:20.150 Quindi non è necessario un intero pacchetto per renderlo più difficile, 00:08:20.150 --> 00:08:21.755 lo rendiamo abbastanza facile. 00:08:21.755 --> 00:08:23.540 Quindi ho intenzione di mostrare una demo qui in 00:08:23.540 --> 00:08:26.005 un po 'e questo è il metodo che uso. 00:08:26.005 --> 00:08:28.400 Risorse dinamiche, qualcosa che ho 00:08:28.400 --> 00:08:30.770 raccolto da il nostro team di consulenza clienti. 00:08:30.770 --> 00:08:32.620 Stavo guardando attraverso alcuni del loro codice e io sono come, 00:08:32.620 --> 00:08:35.565 "È fantastico, sto solo intenzione di usarlo totalmente. 00:08:35.565 --> 00:08:39.545 Quindi lo mostreremo. Alcuni altri roba quando si tratta di font, 00:08:39.545 --> 00:08:41.120 abbiamo aggiunto questo di recente, 00:08:41.120 --> 00:08:43.235 Penso che fosse Xamarin Forms4.1. 00:08:43.235 --> 00:08:46.060 Abbiamo aggiunto alcune nuove dimensioni dei nomi. 00:08:46.060 --> 00:08:48.290 È bene usare le dimensioni dei nomi 00:08:48.290 --> 00:08:50.705 soprattutto quando all'accessibilità. 00:08:50.705 --> 00:08:53.120 Così ho genitori che stanno diventando un po' 00:08:53.120 --> 00:08:55.535 più difficile negli occhi per vedere le cose, 00:08:55.535 --> 00:08:57.755 e così si prende in modo il loro telefono e solo 00:08:57.755 --> 00:09:00.920 schiaffo in faccia con il carattere perché è così grande. 00:09:00.920 --> 00:09:03.140 Così in realtà ho visto alcuni di voi 00:09:03.140 --> 00:09:05.810 qui con caratteri davvero grandi sui vostri telefoni, 00:09:05.810 --> 00:09:08.420 quindi questo è un bene anche per te. 00:09:08.420 --> 00:09:10.745 Sì, ma abbiamo aggiunto delle cose nuove. 00:09:10.745 --> 00:09:13.640 James Clancy uno dei i nostri ingegneri invia in quel PR. 00:09:13.640 --> 00:09:16.970 Abbiamo alcuni ulteriori lavoro benefico in arrivo per 00:09:16.970 --> 00:09:20.735 font e per renderlo più facile da fare multipiattaforma. 00:09:20.735 --> 00:09:24.995 Abbiamo in cantiere il piano di eliminare essenzialmente 00:09:24.995 --> 00:09:29.350 un file di font nella condivisione, your.NET progetto standard. 00:09:29.350 --> 00:09:31.965 Whoops, ma sai cosa intendo per condivisione? 00:09:31.965 --> 00:09:33.830 Non parliamo di condiviso in termini 00:09:33.830 --> 00:09:35.660 della sporca cosa del progetto condiviso, 00:09:35.660 --> 00:09:38.600 stiamo parlando about.NET progetti standard, 00:09:38.600 --> 00:09:40.580 che non c'è niente di sbagliato con progetti condivisi, 00:09:40.580 --> 00:09:42.990 ma solo per essere chiari su quello che voglio dire. 00:09:43.260 --> 00:09:46.630 Rilasciare il tipo di carattere in là e automaticamente 00:09:46.630 --> 00:09:49.690 fa le cose pre-compilazione necessarie. 00:09:49.690 --> 00:09:53.470 Quindi non devi preoccuparti informazioni sulla configurazione di info.plist. 00:09:53.470 --> 00:09:57.670 Non devi preoccuparti combinando i nomi o capire 00:09:57.670 --> 00:09:59.590 su come fa riferimento Android 00:09:59.590 --> 00:10:02.170 questo tipo di carattere rispetto a come fa iOS fare riferimento a questo tipo di carattere.iOS reference this font. 00:10:02.170 --> 00:10:06.220 Vi siete divertiti che io sia sicuro e hai usato quella curiosità con 00:10:06.220 --> 00:10:08.440 i tuoi amici di stupire loro come si 00:10:08.440 --> 00:10:10.660 può fare font personalizzati su iOS e Android, 00:10:10.660 --> 00:10:12.250 ma possiamo renderlo più facile. 00:10:12.250 --> 00:10:13.735 Quindi sta arrivando anche. 00:10:13.735 --> 00:10:16.255 Quindi si utilizzano questi e poi 00:10:16.255 --> 00:10:19.360 quando l'utente entra in impostazioni di accessibilità, 00:10:19.360 --> 00:10:21.070 cambiano la loro dimensione del carattere, 00:10:21.070 --> 00:10:24.155 ottengono automaticamente il vantaggio del ridimensionamento, 00:10:24.155 --> 00:10:28.955 mentre se si hard code quelle dimensioni del testo poi è fisso. 00:10:28.955 --> 00:10:34.329 Ora, direi che spetta a di utilizzare la vostra discrezione 00:10:34.329 --> 00:10:36.970 e lavorare con il tuo team per capire dove 00:10:36.970 --> 00:10:40.285 utilizzare la dimensione del carattere denominata e dove per utilizzare dimensioni di carattere fisse. 00:10:40.285 --> 00:10:43.870 Forse tutto non ha bisogno di scalare. 00:10:43.870 --> 00:10:46.510 Ecco, questo è qualcosa che è a vostra disposizione. 00:10:46.510 --> 00:10:48.400 Non è una cosa tutto o niente. 00:10:48.400 --> 00:10:50.545 Lo usi come se fosse ha più senso. 00:10:50.545 --> 00:10:52.090 Va bene. Quindi qui ci sono 00:10:52.090 --> 00:10:54.790 gli ingredienti di ciò che Lavorerò con me. 00:10:54.790 --> 00:10:57.190 Un servizio a tema, essenzialmente Sto solo andando a 00:10:57.190 --> 00:11:00.070 utilizzare le risorse dell'app esistenti, 00:11:00.070 --> 00:11:04.060 stili preimpostati, e poi sono applicare stili dinamici. 00:11:04.060 --> 00:11:06.160 Quindi diamo un'occhiata a qualche codice, va bene? 00:11:06.160 --> 00:11:09.320 Non ci sono vote molto tempo per entrare nel codice. 00:11:09.330 --> 00:11:13.570 Bello. D'accordo, dov'è sappy? 00:11:13.570 --> 00:11:16.610 Ecco cosa ho. 00:11:18.450 --> 00:11:22.010 Vediamo qual è il tasto zoom? 00:11:23.400 --> 00:11:29.450 Più-plus, comando più. Guarda. 00:11:30.180 --> 00:11:33.535 Quindi vieni qui piccolo cursore tizio. 00:11:33.535 --> 00:11:36.620 Questo è Windows, è così difficile per me ragazzi. 00:11:36.960 --> 00:11:41.260 Va bene, quindi qui nella mia cartella Stili, 00:11:41.260 --> 00:11:44.320 Ho un tema predefinito, 00:11:44.320 --> 00:11:46.270 Ho un tema oscuro, 00:11:46.270 --> 00:11:49.990 e poi ho un tema bianco che è un nome orribile. 00:11:49.990 --> 00:11:52.090 Uno dovrebbe forse essere tema nero 00:11:52.090 --> 00:11:54.205 o forse il tema bianco dovrebbe essere un tema leggero. 00:11:54.205 --> 00:11:56.380 Perché ho mescolato bianco e scuro, 00:11:56.380 --> 00:11:59.260 Posso solo biasimare per mancanza di sonno. 00:11:59.260 --> 00:12:02.845 Ma sono sicuro che si nomina tutto perfettamente la prima volta. 00:12:02.845 --> 00:12:04.930 Fare nomi è facile per te, 00:12:04.930 --> 00:12:07.150 è difficile per me. Ho capito bene. 00:12:07.150 --> 00:12:10.390 ok. Quindi vedremo quei file solo un secondo 00:12:10.390 --> 00:12:13.915 e poi ho anche qualche altro roba divisa qui. 00:12:13.915 --> 00:12:17.410 XAML globale che porta tutto insieme 00:12:17.410 --> 00:12:22.660 davvero e poi ho icone qui, le dimensioni e il testo. 00:12:22.660 --> 00:12:25.690 Si tratta di una pratica che si utilizza se 00:12:25.690 --> 00:12:28.180 si dispone di un sacco di risorse o un sacco di stili definiti, 00:12:28.180 --> 00:12:31.945 si scompongono in categorie del genere? 00:12:31.945 --> 00:12:34.555 Alzate la mano per me se questo è qualcosa che fai. 00:12:34.555 --> 00:12:39.160 Bello. Quindi non è pazzesco, dopo tutto. 00:12:39.160 --> 00:12:41.620 Portami via di qui, ci siamo. 00:12:41.620 --> 00:12:46.000 Quindi, ecco il mio file XAML globale e così ho tutti i miei colori fino 00:12:46.000 --> 00:12:50.155 qui e forse che potrebbe essere viene esefattore il refactoring in un file separato. 00:12:50.155 --> 00:12:53.230 A proposito, stiamo cercando presso l'app di zappy, 00:12:53.230 --> 00:12:56.980 forse dovrei tirare su quel bordo. 00:12:56.980 --> 00:12:58.690 Useremo un bordo ora, giusto.? 00:12:58.690 --> 00:13:00.100 Bordo su Windows. 00:13:00.100 --> 00:13:03.670 Sta andando alla grande, mi piace esso. Sono sulle Canarie. 00:13:03.670 --> 00:13:07.750 Ho aggiornato tutte le mie cose ieri sera non solo il mio bordo, 00:13:07.750 --> 00:13:09.160 tutti i miei Visual Studio, 00:13:09.160 --> 00:13:10.780 tutto il mio Xamarin perché io sono come, "Ehi, 00:13:10.780 --> 00:13:11.980 Ho due colloqui domani. 00:13:11.980 --> 00:13:13.720 Qual è la cosa migliore da fare? 00:13:13.720 --> 00:13:15.820 Aggiorna tutto. 00:13:15.820 --> 00:13:18.520 Non ho rimpianti. 00:13:18.520 --> 00:13:21.504 Quindi è sul mio GitHub, 00:13:21.504 --> 00:13:23.305 che è come un albero o qualsiasi altra cosa. 00:13:23.305 --> 00:13:26.815 Quindi questa applicazione è davvero, 00:13:26.815 --> 00:13:29.080 Ho fatto le piccole cose parco giochi 00:13:29.080 --> 00:13:31.810 app durante la serie 3.0 e mi è piaciuto molto 00:13:31.810 --> 00:13:34.150 essere in grado di combattere 00:13:34.150 --> 00:13:36.550 testare alcune di queste cose come sono stati rilasciati. 00:13:36.550 --> 00:13:40.210 Ha anche creato un bel po' riferimento, ma era culo brutto. 00:13:40.210 --> 00:13:42.310 Sono come se potessimo fare di meglio. 00:13:42.310 --> 00:13:44.320 Quindi, che ne dici di costruire un'app di riferimento. 00:13:44.320 --> 00:13:48.160 Così sappy è che app di riferimento per la serie 4.0 in cui sono solo 00:13:48.160 --> 00:13:52.660 l'aggiunta di funzionalità che mostrano come fare le cose, aggiungendo scenari. 00:13:52.660 --> 00:13:54.100 Quando faccio lo streaming su Twitch, 00:13:54.100 --> 00:13:57.160 di solito aggiungiamo uno schermo o qualcosa a questo per mostrare 00:13:57.160 --> 00:14:00.490 fuori qualche tecnica e divertirci. 00:14:00.490 --> 00:14:01.690 Ecco, questo è ciò che questa applicazione è. 00:14:01.690 --> 00:14:05.290 È possibile clonarlo, è possibile inviare API. 00:14:05.290 --> 00:14:08.979 Se vuoi vedere roba della serie, 00:14:08.979 --> 00:14:11.995 inviare un problema che faremo lavorare su di esso ed essere cool. 00:14:11.995 --> 00:14:14.185 Ecco a cosa stiamo lavorando, 00:14:14.185 --> 00:14:17.770 e così ho il vostro tipico dizionario risorse 00:14:17.770 --> 00:14:21.625 qui. Vediamo qui. 00:14:21.625 --> 00:14:24.580 Ho alcuni dei i colori sfumati a comparsa 00:14:24.580 --> 00:14:26.425 perché è una sfumatura. 00:14:26.425 --> 00:14:28.210 Naturalmente, tutto ha gradienti. 00:14:28.210 --> 00:14:30.010 Questo è come si vede in più gradienti, 00:14:30.010 --> 00:14:32.695 richieste di gradienti Sì, è tornato. 00:14:32.695 --> 00:14:35.725 La prossima cosa che avremo bordi svelati e poi. 00:14:35.725 --> 00:14:37.750 Potresti farlo apparire come una pelle? 00:14:37.750 --> 00:14:39.950 Vorrei che fosse pelle. 00:14:40.650 --> 00:14:43.675 È comune a tutti voi, è comune. 00:14:43.675 --> 00:14:45.100 Voglio dire davvero WebAssembly 00:14:45.100 --> 00:14:48.655 è come la seconda venuta di Silverlight, non è vero? 00:14:48.655 --> 00:14:51.610 Un po' sì. 00:14:51.610 --> 00:14:56.995 Poi, naturalmente, ho sottolineato questo nella mia ultima sessione. 00:14:56.995 --> 00:14:58.660 Quando si dispone di uno stile e si 00:14:58.660 --> 00:15:01.060 hanno tipi che derivano da altri tipi, 00:15:01.060 --> 00:15:04.405 è possibile utilizzare questa proprietà qui si applicano ai tipi di derivazione. 00:15:04.405 --> 00:15:06.940 Ciò è particolarmente utile con 00:15:06.940 --> 00:15:09.730 il modo in cui abbiamo fatto l'aliasing per shell. 00:15:09.730 --> 00:15:11.800 Quindi in shell è un elemento shell, 00:15:11.800 --> 00:15:14.740 sezione shell e shell contenuto, questa è la gerarchia. 00:15:14.740 --> 00:15:17.140 Ma rende un intero molto più senso di essere 00:15:17.140 --> 00:15:19.390 in grado di dire che voglio un elemento fly out. 00:15:19.390 --> 00:15:20.740 Voglio un tab. 00:15:20.740 --> 00:15:23.080 Voglio che sia una barra delle schede con più schede. 00:15:23.080 --> 00:15:25.405 Questi sono nomi di alias a queste cose, 00:15:25.405 --> 00:15:28.120 in modo da poter utilizzare questa proprietà per assicurarsi 00:15:28.120 --> 00:15:30.970 i tuoi stili arrivano dove ti aspetti che siano. 00:15:30.970 --> 00:15:34.210 Bello. Ecco, questo è qualcosa di essere a conoscenza e poi 00:15:34.210 --> 00:15:35.740 Ho un sacco di convertitori verso il basso 00:15:35.740 --> 00:15:37.675 qui che probabilmente potrebbe essere il proprio file a. 00:15:37.675 --> 00:15:40.930 Quindi il modo in cui funziona il tema è che 00:15:40.930 --> 00:15:44.170 il mio tema predefinito porta tutti quei bit insieme. 00:15:44.170 --> 00:15:48.250 È abbastanza grande? Lo so come fare questo. No, non quello. 00:15:48.250 --> 00:15:51.520 Non l'ho detto. Ecco fatto. 00:15:51.520 --> 00:15:53.380 Ora, anch'io ho una domanda. 00:15:53.380 --> 00:15:56.575 Ecco fatto. È abbastanza grande. Sì, lo puoi vedere. 00:15:56.575 --> 00:15:59.980 Quindi questo è il mio default, 00:15:59.980 --> 00:16:02.770 viene utilizzato in MergedDictionaries che è quello che spediamo che in 00:16:02.770 --> 00:16:06.325 tre qualcosa o era come una cosa di 25, 26? 00:16:06.325 --> 00:16:08.890 Sono passati così tanti anni. 00:16:08.890 --> 00:16:12.730 La piattaforma continua a maturare e emergente, è impressionante. 00:16:12.730 --> 00:16:15.490 Quindi questo porta tutto insieme e poi ho 00:16:15.490 --> 00:16:18.340 hanno il mio tema scuro e il mio tema bianco. 00:16:18.340 --> 00:16:22.540 Quindi il mio tema bianco si basa sul tema predefinito. 00:16:22.540 --> 00:16:26.020 Quindi ha una fonte di base di quel tema predefinito, 00:16:26.020 --> 00:16:30.415 ma poi entra e personalizza questi colori particolari. 00:16:30.415 --> 00:16:33.070 Ora qui è dove la dinamica risorse cosa entra in gioco 00:16:33.070 --> 00:16:35.410 Devi dare a questi ragazzi una chiave in modo 00:16:35.410 --> 00:16:37.855 che posso fare riferimento questi colori altrove, 00:16:37.855 --> 00:16:38.980 e quindi andiamo a guardare dove 00:16:38.980 --> 00:16:42.040 che il colore di sfondo è utilizzato nel mio globale. 00:16:42.040 --> 00:16:46.345 Quindi il colore di sfondo, 00:16:46.345 --> 00:16:50.270 non quel colore di sfondo, l'altro. 00:16:50.400 --> 00:16:54.565 "Cerca", eccoci qua. 00:16:54.565 --> 00:16:58.030 Quindi, per il mio elemento visivo stile di sfondo sono 00:16:58.030 --> 00:17:02.020 usandolo qui, utilizza DynamicResource. 00:17:02.020 --> 00:17:04.630 Quindi, ciò che la risorsa dinamica sta per fare per voi, 00:17:04.630 --> 00:17:07.795 ha la consapevolezza di fondamentalmente in base alla modifica delle proprietà. 00:17:07.795 --> 00:17:11.934 Così, quando quel colore o qualcosa del genere che usa questo colore cambia, 00:17:11.934 --> 00:17:15.175 sta andando a fare in modo che che si riflette immediatamente. 00:17:15.175 --> 00:17:20.620 Così allo stesso modo, quaggiù dentro di credo che sia un testo. 00:17:20.620 --> 00:17:23.290 Quindi, per il mio titolo di testo il colore 00:17:23.290 --> 00:17:25.930 utilizzato è il mio colore primario del testo. 00:17:25.930 --> 00:17:29.259 Quindi tutto in il mio tema bianco sta usando 00:17:29.259 --> 00:17:31.270 essenzialmente testo scuro su 00:17:31.270 --> 00:17:35.800 uno sfondo bianco e come ci si aspetterebbe, 00:17:35.800 --> 00:17:38.275 il mio tema scuro è fondamentalmente il contrario, 00:17:38.275 --> 00:17:41.830 sfondo scuro e testo chiaro. 00:17:41.830 --> 00:17:46.630 Quindi diamo un'occhiata a come questo sembra. 00:17:46.630 --> 00:17:50.845 Non so penso che probabilmente bisogno di ridistribuire questo ragazzo. 00:17:50.845 --> 00:17:55.240 Andremo avanti e fare una build e distribuire e poi avremo 00:17:55.240 --> 00:17:57.070 ricarica a caldo andare avanti e poi Ho un paio di 00:17:57.070 --> 00:17:59.590 altre cose interessanti da condividere con voi da allora in poi. 00:17:59.590 --> 00:18:00.670 Ma non ho fatto alcun cambiamento, 00:18:00.670 --> 00:18:04.555 quindi questa build non dovrebbe prendere fino a domani. 00:18:04.555 --> 00:18:10.550 Ho notato che ho testato alcune build interne calde. 00:18:10.890 --> 00:18:13.210 Ma ti dispiacerebbe che quando si colpisce 00:18:13.210 --> 00:18:15.595 il pulsante "Home" su di esso solo quando inizia il lancio, 00:18:15.595 --> 00:18:17.935 che ha appena ucciso il cosa che sto dispiegando. 00:18:17.935 --> 00:18:19.810 Solo io, no. 00:18:19.810 --> 00:18:21.760 Cosa ho fatto? 00:18:21.760 --> 00:18:23.620 Non è questa la roba Maddie corse in 00:18:23.620 --> 00:18:26.275 ieri in cui tutto funzionava? 00:18:26.275 --> 00:18:41.560 che cosa? 00:18:41.560 --> 00:18:44.030 È una bugia. 00:18:46.980 --> 00:18:50.320 Questo è dire l'usanza renderer, che è così strano. 00:18:50.320 --> 00:18:52.945 Non ho letteralmente fatto nulla lì. 00:18:52.945 --> 00:18:55.255 Letteralmente niente. 00:18:55.255 --> 00:18:58.570 Quindi cosa fai quando succede? 00:18:58.570 --> 00:19:00.685 >> Aggiornamento. 00:19:00.685 --> 00:19:04.490 >> Aggiornamento. Che ne dici di fare una pulizia? 00:19:05.010 --> 00:19:11.275 Quello che sarebbe interessante. Daremo un'occhiata. 00:19:11.275 --> 00:19:18.380 Non quello di questo. Cos'è cambiato? 00:19:20.400 --> 00:19:25.090 Vediamo qui progetto finestra di progettazione, XAML dell'app. 00:19:25.090 --> 00:19:28.000 Hai intenzione di nel codice XAML dell'app. 00:19:28.000 --> 00:19:31.395 Diamo un'occhiata in fretta e 00:19:31.395 --> 00:19:32.810 allora cercheremo di ricostruire ancora una volta 00:19:32.810 --> 00:19:34.680 e se questo non lavoro, andremo avanti. 00:19:34.680 --> 00:19:38.225 Perché ho un altro davvero dimostrazioni dolci che sono ancora meglio. 00:19:38.225 --> 00:19:41.700 Cos'è stata l'ultima cosa che hai fatto qui? 00:19:41.800 --> 00:19:45.150 Non vedo problemi. 00:19:48.090 --> 00:19:52.370 Certo, il tuo passo va liscio ogni volta, giusto? 00:19:57.750 --> 00:20:00.460 Quindi questo è essenzialmente intenzione di darmi 00:20:00.460 --> 00:20:03.985 la possibilità di scambiare i temi. 00:20:03.985 --> 00:20:06.940 Sarò in grado per andare nelle mie Impostazioni 00:20:06.940 --> 00:20:10.375 Pannello e vedere i miei diversi temi, 00:20:10.375 --> 00:20:14.300 cambiarli, e vedere immediatamente lo schermo. 00:20:14.370 --> 00:20:18.290 Si può fare poco Android. 00:20:19.800 --> 00:20:23.725 Ora, ci vuole molto tempo per costruire, giusto? 00:20:23.725 --> 00:20:25.345 Dopo averlo fatto, pulito. 00:20:25.345 --> 00:20:28.100 Che succede? 00:20:28.260 --> 00:20:31.255 Beh, sta andando, perché io può sempre tornare ad esso, 00:20:31.255 --> 00:20:33.280 Voglio dire che la demo sta andando di dover lavorare perché 00:20:33.280 --> 00:20:36.190 ha davvero come tutte le migliori demo in esso. 00:20:36.190 --> 00:20:38.680 Quindi parliamo per un minuto sui gradienti 00:20:38.680 --> 00:20:41.455 e forme mentre questo sta andando. 00:20:41.455 --> 00:20:45.310 Dal momento che i gradienti stanno diventando così puzzolente e popolare, 00:20:45.310 --> 00:20:49.495 come si può fare questo? bene hai alcune opzioni. 00:20:49.495 --> 00:20:52.630 Oh guarda, ecco il mio piccolo emulatore. 00:20:52.630 --> 00:20:54.910 Non è possibile visualizzare l'emulatore perché è sull'altro schermo, 00:20:54.910 --> 00:20:56.140 ma è così piccolo. 00:20:56.140 --> 00:20:59.420 Va bene, siamo tornati. Ci siamo. 00:20:59.850 --> 00:21:04.330 Uscire dalla presentazione. Puoi farlo. 00:21:04.330 --> 00:21:07.060 Lo vedi? Lo potete vedere. 00:21:07.060 --> 00:21:10.240 Torniamo al codice in modo da può vedere che è in esecuzione. Va bene. 00:21:10.240 --> 00:21:14.035 Così ho creato una pagina all'interno La guida di stile è stata chiamata . 00:21:14.035 --> 00:21:16.390 Così ho afferrato tutti i miei colori e ho 00:21:16.390 --> 00:21:18.955 in questa visualizzazione di raccolta. 00:21:18.955 --> 00:21:21.520 Quindi ho una vista di raccolta che è 00:21:21.520 --> 00:21:25.930 quattro righe che si estendono e poi va attraverso. 00:21:25.930 --> 00:21:31.930 Quindi la visualizzazione della raccolta è ancora in anteprima ma è in 4.1 stabile, 00:21:31.930 --> 00:21:33.175 quindi se si sceglie di usarlo, 00:21:33.175 --> 00:21:35.140 è disponibile per voi. 00:21:35.140 --> 00:21:36.430 Mi piacerebbe sapere come ti senti 00:21:36.430 --> 00:21:37.720 noi facendo caratteristiche del genere. 00:21:37.720 --> 00:21:39.130 Fondamentalmente, cuocerli e 00:21:39.130 --> 00:21:41.080 lavorando su di loro e aggiunta di funzionalità 00:21:41.080 --> 00:21:44.875 mentre sono in rilasci stabili ma metterli dietro le bandiere. 00:21:44.875 --> 00:21:48.610 Quindi stiamo cercando di dirci come stanno andando le cose. 00:21:48.610 --> 00:21:50.230 Quindi non adesso, 00:21:50.230 --> 00:21:53.005 non tutti si alzano e andare al microfono. 00:21:53.005 --> 00:21:55.750 Va bene, quindi in questa applicazione, 00:21:55.750 --> 00:21:56.980 vedete ho un gradiente che siamo 00:21:56.980 --> 00:21:58.450 Ne parlerò tra un secondo. 00:21:58.450 --> 00:22:01.215 Ma poi ho ottenuto queste impostazioni visive qui, 00:22:01.215 --> 00:22:04.770 e così ho questo commutatore chiaro e scuro. 00:22:04.770 --> 00:22:06.150 Quindi questo è in realtà, 00:22:06.150 --> 00:22:08.460 e ho intenzione di aggiungere anche altri temi. 00:22:08.460 --> 00:22:12.120 Fucsia è stato raccomandato come stile tema. 00:22:12.120 --> 00:22:13.740 Non so perché. 00:22:13.740 --> 00:22:16.050 Ma a Squeaky piace molto, 00:22:16.050 --> 00:22:17.610 qualcuno è andato a sessioni Squeaky 00:22:17.610 --> 00:22:19.360 questa settimana, ho sentito che è lì. 00:22:19.360 --> 00:22:21.010 È fantastica, vero? 00:22:21.010 --> 00:22:23.815 Quindi ama la Fucsia. 00:22:23.815 --> 00:22:27.355 Va bene. Ecco il mio buio. 00:22:27.355 --> 00:22:32.200 Ecco la mia luce. Luce, luminosa. 00:22:32.200 --> 00:22:34.045 Sì, quindi faccio buio. 00:22:34.045 --> 00:22:36.310 Chiudo questo ragazzo 00:22:36.310 --> 00:22:39.970 e si vede che il mio schermo di nuovo qui è ora buio pure. 00:22:39.970 --> 00:22:43.690 Quindi il modo in cui che l'interruttore che si verificano, 00:22:43.690 --> 00:22:46.690 se andiamo a 00:22:46.690 --> 00:22:56.180 le mie impostazioni ViewModel qui. 00:22:56.400 --> 00:23:01.705 Quindi ho un comando di cambiamento tema, sta per venire. 00:23:01.705 --> 00:23:09.640 Il tema selezionato è associato all'elemento selezionato di questo. 00:23:09.640 --> 00:23:11.395 Vedi il mio cursore? Anche qui. 00:23:11.395 --> 00:23:12.925 Quindi la luce e il buio, 00:23:12.925 --> 00:23:14.200 che in realtà è una vista di raccolta, 00:23:14.200 --> 00:23:16.900 è un orizzontale visualizzazione di raccolta scorrevole. 00:23:16.900 --> 00:23:20.630 In fatti, beh e lo farò dopo. 00:23:20.790 --> 00:23:26.305 Sì, quindi sto ascoltando il tema selezionato come elemento selezionato, 00:23:26.305 --> 00:23:27.805 e poi sulla base di questo, 00:23:27.805 --> 00:23:29.890 Ho intenzione di nuovo il mio tema scuro o 00:23:29.890 --> 00:23:33.445 il mio tema bianco e applicarlo alle risorse correnti dell'app. 00:23:33.445 --> 00:23:35.155 Vedete quanto velocemente ha funzionato, 00:23:35.155 --> 00:23:36.430 e si vede che non ho 00:23:36.430 --> 00:23:38.590 una piccola quantità di risorse in là, 00:23:38.590 --> 00:23:40.075 è un bel po 'di roba. 00:23:40.075 --> 00:23:42.220 Quindi funziona molto bene. 00:23:42.220 --> 00:23:44.590 Ora, questo è un modo in che si può fare. 00:23:44.590 --> 00:23:47.005 Si può certamente provare e molti altri modi per farlo. 00:23:47.005 --> 00:23:49.360 Tutto questo codice è sul mio GitHub, 00:23:49.360 --> 00:23:52.315 provalo, mi piacerebbe per sapere cosa ne pensi. 00:23:52.315 --> 00:23:54.760 sì. Così ho pensato che è stato super facile. 00:23:54.760 --> 00:23:56.650 E 'stato molto più facile di me pensava che sarebbe stato, 00:23:56.650 --> 00:23:59.305 e mi sento come adesso Sono un professionista [incomprensibile]. 00:23:59.305 --> 00:24:00.745 Mi sento come se ce l'avessi, 00:24:00.745 --> 00:24:02.320 nessuno può fermarmi ora. 00:24:02.320 --> 00:24:05.590 Fucsia sta arrivando. Il Fucsia è ora. 00:24:05.590 --> 00:24:11.020 Oh ragazzo. Va bene 00:24:11.020 --> 00:24:12.880 quindi parliamo di quel gradiente. 00:24:12.880 --> 00:24:16.435 Quindi, come possiamo fare gradienti? 00:24:16.435 --> 00:24:18.310 Così codice nativo, naturalmente. 00:24:18.310 --> 00:24:20.140 SkiaSharp, hai una tela, 00:24:20.140 --> 00:24:23.560 è possibile disegnare i gradienti su questo o la vista pancake. 00:24:23.560 --> 00:24:25.315 Chiunque abbia familiarità con la vista Pancake? 00:24:25.315 --> 00:24:27.400 Mi fa fame ogni volta che ne parlo. 00:24:27.400 --> 00:24:30.760 Così Stefano [non udibile] paesi Bassi, 00:24:30.760 --> 00:24:33.580 che non è qui come abbiamo menzionato più volte, 00:24:33.580 --> 00:24:36.025 non c'è vergogna per te Stephen per non essere qui. 00:24:36.025 --> 00:24:38.440 Diamo tutti un infomercial per Stephen in questo momento. 00:24:38.440 --> 00:24:41.260 Stephen, so che sei piangere a casa a destra 00:24:41.260 --> 00:24:44.485 ora che non erano in grado di raggiungere il Summit dev di zam, 00:24:44.485 --> 00:24:49.100 ma sai cosa hai fatto di sbagliato. 00:24:51.060 --> 00:24:54.235 Penso che sia in vacanza in famiglia o qualcosa del genere, comunque. 00:24:54.235 --> 00:24:56.485 Ok, vedi? 00:24:56.485 --> 00:24:59.950 Sono un'opportunità pari raccoglitore sulla gente. 00:24:59.950 --> 00:25:02.530 Quindi queste sono opzioni che è possibile utilizzare. 00:25:02.530 --> 00:25:06.205 Pancake View è davvero quasi una cornice glorificata. 00:25:06.205 --> 00:25:07.390 Essenzialmente, è come telaio su 00:25:07.390 --> 00:25:09.205 steroidi se si ottiene una buona occhiata. 00:25:09.205 --> 00:25:12.385 Ma molto utile e potrebbe essere qualcosa che si desidera utilizzare. 00:25:12.385 --> 00:25:15.590 Ma come lo faresti se volevi farlo da solo? 00:25:16.100 --> 00:25:20.760 Oh, mi dispiace, non stiamo parlando sul tema sfumato, ma forme. 00:25:20.760 --> 00:25:22.170 Hai un sacco di opzioni per le forme. 00:25:22.170 --> 00:25:24.090 Non spenderemo molto tempo sulle forme. 00:25:24.090 --> 00:25:26.610 Davvero, SkiaSharp per il disegno è gentile 00:25:26.610 --> 00:25:29.285 del vostro meglio andare a multipiattaforma per questo. 00:25:29.285 --> 00:25:31.555 Molto potente, molto esecutore. 00:25:31.555 --> 00:25:36.160 Ho visto alcuni esempi da voi che sono abbastanza strabilianti. 00:25:36.160 --> 00:25:39.700 Non so che cosa questo più piatto affari è tutto. 00:25:39.700 --> 00:25:41.815 È possibile farlo in C . 00:25:41.815 --> 00:25:43.885 Puoi farlo con SkiaSharp. È stupendo. 00:25:43.885 --> 00:25:46.180 L'animazione è super facile. 00:25:46.180 --> 00:25:47.890 Ma è possibile utilizzare le bitmap. 00:25:47.890 --> 00:25:50.095 Questo è qualcosa che ottiene trascurato molto, giusto? 00:25:50.095 --> 00:25:51.850 Se si dispone di un disegno e ha come 00:25:51.850 --> 00:25:53.590 questa forma davvero interessante ad esso, 00:25:53.590 --> 00:25:55.540 se si va a guardare la sfida visiva, 00:25:55.540 --> 00:25:58.015 guarda cosa Ryan Davis ha fatto sull'app Quantize, 00:25:58.015 --> 00:26:01.840 sull'intestazione ha questo piccolo tacca con una bella curva ad esso. 00:26:01.840 --> 00:26:03.925 E 'davvero solo un'immagine in background. 00:26:03.925 --> 00:26:07.060 Così a volte, quando si guardate una cosa visiva, 00:26:07.060 --> 00:26:08.830 sei come io intenzione di raggiungere questo obiettivo? 00:26:08.830 --> 00:26:10.870 Che colpiscono o che 00:26:10.870 --> 00:26:14.275 layout o non ho un controllo che fa esattamente questo. 00:26:14.275 --> 00:26:16.270 Forse non è così difficile come pensi. 00:26:16.270 --> 00:26:18.490 Forse il secondo pensiero si dovrebbe avere è come può 00:26:18.490 --> 00:26:21.100 Lo faccio per davvero, ma come posso fingere? 00:26:21.100 --> 00:26:24.640 Come se avessi intenzione di fingere e solo farlo sembrare come se fosse, 00:26:24.640 --> 00:26:26.665 allora come potrei farlo, 00:26:26.665 --> 00:26:29.875 e a volte è così semplice semplicemente incorporando un'immagine. 00:26:29.875 --> 00:26:31.585 Pensare che vada bene. 00:26:31.585 --> 00:26:33.160 Gli utenti non lo sanno. 00:26:33.160 --> 00:26:35.305 Oh, l'ha davvero disegnato? 00:26:35.305 --> 00:26:37.165 Se lo sviluppatore non l'ha disegnato, 00:26:37.165 --> 00:26:39.235 questa applicazione è una merda. 00:26:39.235 --> 00:26:40.990 Non è così che va. 00:26:40.990 --> 00:26:42.415 Non lo so. Va bene. 00:26:42.415 --> 00:26:44.530 Immagini vettoriali, ovviamente, SVG, 00:26:44.530 --> 00:26:47.305 ci sono diversi controller è possibile caricare i file SVG. 00:26:47.305 --> 00:26:49.090 Allora penso di aver già menzionato 00:26:49.090 --> 00:26:51.115 basandosi sul codice SkiaSharp o nativo. 00:26:51.115 --> 00:26:52.780 È possibile disegnare sul codice nativo. 00:26:52.780 --> 00:27:02.500 Così gradienti e demo, fresco. 00:27:02.500 --> 00:27:04.960 Beh, vi mostrerò prima come Faccio il gradiente in questo 00:27:04.960 --> 00:27:07.630 alcuni volano via, ok. 00:27:07.630 --> 00:27:10.135 Quindi questo è il rendering della shell. 00:27:10.135 --> 00:27:11.680 Quindi se andiamo quaggiù, 00:27:11.680 --> 00:27:13.825 Sto facendo Android. 00:27:13.825 --> 00:27:16.645 Quindi diamo un'occhiata al progetto Android, 00:27:16.645 --> 00:27:19.705 ottenuto i miei renderer e ho ottenuto il mio rendering shell di zappy. 00:27:19.705 --> 00:27:28.970 Va bene. Quindi qui quando arriva il mio rendering del contenuto del layout degli scaffali. 00:27:29.970 --> 00:27:33.580 Ok, possiamo vederlo, figo. 00:27:33.580 --> 00:27:37.840 Così ho capito, creo un gradiente [non udibile] , 00:27:37.840 --> 00:27:40.960 Afferro, noto, ho afferrato 00:27:40.960 --> 00:27:44.170 i miei colori perché ho ottenuto il mio tema app qui. 00:27:44.170 --> 00:27:46.179 Questa è un'iniezione di dipendenza, 00:27:46.179 --> 00:27:48.890 questo viene dalle mie risorse. 00:27:48.890 --> 00:27:50.550 Vi ho mostrato nelle mie risorse, 00:27:50.550 --> 00:27:53.580 il mio file globale, che avevo un gradiente inizia e termina il colore. 00:27:53.580 --> 00:27:56.255 L'ho appena detto di sfuggita. 00:27:56.255 --> 00:27:59.920 Così ottengo la mia dipendenza per il mio servizio 00:27:59.920 --> 00:28:03.055 in modo che qui quaggiù quando ho impostato questo, 00:28:03.055 --> 00:28:05.155 Posso impostarlo su colori che sono stati 00:28:05.155 --> 00:28:08.170 stabilito nel mio codice condiviso. 00:28:08.170 --> 00:28:13.405 Poi stavo solo parlando a qualcuno su questo, 00:28:13.405 --> 00:28:16.390 usiamo la visione coordinatore che è 00:28:16.390 --> 00:28:19.480 la visione che ci permette di fare alcune animazioni davvero interessanti, 00:28:19.480 --> 00:28:22.030 se avete visto animazioni eroe o 00:28:22.030 --> 00:28:24.760 alcuni dei più avanzati animazioni basate sulla progettazione dei materiali. 00:28:24.760 --> 00:28:27.400 Molti di loro si basano nella visione del coordinatore, 00:28:27.400 --> 00:28:31.120 e Shell lo utilizza per un bel po 'di lavoro. 00:28:31.120 --> 00:28:34.525 Ed è per questo che sono stato incoraggiare le persone a utilizzare Shell 00:28:34.525 --> 00:28:36.340 perché è la base per noi di essere 00:28:36.340 --> 00:28:38.575 in grado di aggiungere queste cose più facilmente, 00:28:38.575 --> 00:28:42.475 So che le transizioni possono essere un dolore enorme per fare altrimenti. 00:28:42.475 --> 00:28:44.860 Quindi di certo non necessario utilizzare Shell. 00:28:44.860 --> 00:28:46.900 Non voglio mandarti il messaggio che se non lo fai 00:28:46.900 --> 00:28:49.150 utilizzare Shell si è in qualche modo nel Medioevo. 00:28:49.150 --> 00:28:51.910 Sei buono, ami le pagine di navigazione, 00:28:51.910 --> 00:28:53.785 le schede, pagine di dettaglio principale, 00:28:53.785 --> 00:28:55.030 tutto ciò che è ancora buono, 00:28:55.030 --> 00:28:57.010 non vanno da nessuna parte, 00:28:57.010 --> 00:28:59.380 non è storia giocattolo che non viene inviato a 00:28:59.380 --> 00:29:03.610 l'orfanotrofio o qualsiasi altra cosa. 00:29:03.610 --> 00:29:05.935 Non era un orfanotrofio, è come una cosa di asilo nido. 00:29:05.935 --> 00:29:07.300 No, non in un nuovo film, 00:29:07.300 --> 00:29:10.525 questo è come tre, quello davvero triste. 00:29:10.525 --> 00:29:12.760 Sì, quelli nuovi come dovrebbe essere 00:29:12.760 --> 00:29:14.920 bene e sono sicuro che è ancora triste, ho sentito la gente piangere. 00:29:14.920 --> 00:29:16.840 Non piangerò. Ci sarà 00:29:16.840 --> 00:29:20.665 senza lacrime provenienti da questi occhi per quanto ne sai. 00:29:20.665 --> 00:29:27.700 Va bene, queste sono banane. 00:29:27.700 --> 00:29:30.745 Così ottengo il layout del coordinatore, 00:29:30.745 --> 00:29:33.670 Ho impostato lo sfondo ad esso qui, 00:29:33.670 --> 00:29:37.090 e qui ho impostato questo per trasparente 00:29:37.090 --> 00:29:38.560 perché non c'è alcune altre cose che la posa 00:29:38.560 --> 00:29:40.285 sopra di esso con la barra dell'app. 00:29:40.285 --> 00:29:42.600 Quindi voglio fare assicurarsi che il mio gradiente 00:29:42.600 --> 00:29:44.985 va tutta la strada da dal basso verso l'alto, 00:29:44.985 --> 00:29:49.680 perché qui in alto alcuni di questo è in realtà la barra dell'app. 00:29:49.680 --> 00:29:51.600 Sì, quindi è più o meno così, 00:29:51.600 --> 00:29:52.770 ed è così che sono ottenere il mio gradiente. 00:29:52.770 --> 00:29:55.060 Quindi sto usando codice nativo lì per farlo. 00:29:55.060 --> 00:29:58.000 Ora, diamo un'occhiata a un altro esempio, 00:29:58.000 --> 00:30:01.195 e questo è di Ciro. 00:30:01.195 --> 00:30:02.920 Ciro è in Francia, 00:30:02.920 --> 00:30:04.990 Parigi ha fatto un live streaming con me su 00:30:04.990 --> 00:30:07.440 Twitch dove ha costruito una schermata di login. 00:30:07.440 --> 00:30:11.345 Così ho un'altra versione di zap aperto qui, 00:30:11.345 --> 00:30:15.550 dove ha creato una visualizzazione pulsante sfumatura 00:30:15.550 --> 00:30:18.175 o uno sfondo sfumato e un pulsante sfumatura. 00:30:18.175 --> 00:30:21.740 Quindi, se guardiamo a quello che ha fatto qui, 00:30:22.200 --> 00:30:25.015 e correrò questa demo a breve. 00:30:25.015 --> 00:30:26.830 Così, sullo sfondo della griglia ha 00:30:26.830 --> 00:30:29.530 ha questo controllo personalizzato della vista sfumata. 00:30:29.530 --> 00:30:31.330 Sta afferrando che iniziano in 00:30:31.330 --> 00:30:34.555 quello stile fine proprio come ho detto dalle risorse statiche, 00:30:34.555 --> 00:30:36.385 e metterlo qui. 00:30:36.385 --> 00:30:38.860 Quindi, se guardiamo a ciò che che la vista gradiente 00:30:38.860 --> 00:30:42.145 è che è come si farebbe si aspettano un rendering personalizzato. 00:30:42.145 --> 00:30:46.180 Così, quando si scende a il codice Android o il codice iOS, 00:30:46.180 --> 00:30:49.495 tutto quello che fa è disegnare un gradiente e lo invia indietro. 00:30:49.495 --> 00:30:52.360 Quindi, ecco il codice Android per la vista sfumata. 00:30:52.360 --> 00:30:56.664 In questo caso, è un renderer di elementi visivi, 00:30:56.664 --> 00:30:59.455 e creerà un gradiente lineare, 00:30:59.455 --> 00:31:03.115 fare la pittura e poi disegnarlo su una tela. 00:31:03.115 --> 00:31:06.610 Quindi, si può fare il stessa cosa in un pulsante qui. 00:31:06.610 --> 00:31:09.415 Così posso avere un pulsante che è pulsante abituato, 00:31:09.415 --> 00:31:11.350 non un vero pulsante, 00:31:11.350 --> 00:31:12.715 è un pulsante falso. 00:31:12.715 --> 00:31:14.770 L'unica differenza tra un pulsante falso e un pulsante reale 00:31:14.770 --> 00:31:17.770 è quello che si chiama, ancora pulsanti. 00:31:17.770 --> 00:31:20.530 È possibile dichiararli tutti come 00:31:20.530 --> 00:31:22.240 elementi interattivi quindi otterrete tutti i 00:31:22.240 --> 00:31:24.475 vantaggi per l'accessibilità che si dovrebbe, 00:31:24.475 --> 00:31:27.505 in modo da poterlo usare anche qui. 00:31:27.505 --> 00:31:29.545 Quindi se eseguiamo questo, 00:31:29.545 --> 00:31:31.900 guardarlo gettare un errore come l'ultimo. 00:31:31.900 --> 00:31:34.400 Vi sfido a lanciare un errore, 00:31:34.500 --> 00:31:39.415 mai parlare con il codice così, ti sfido. 00:31:39.415 --> 00:31:41.620 E 'come una persona che è 00:31:41.620 --> 00:31:47.960 dire le stesse persone solo articolato i loro schermi. 00:31:48.330 --> 00:31:51.650 Sai cos'è quel gesto? 00:31:55.590 --> 00:31:58.790 Va bene, allora vieni qui. 00:32:01.530 --> 00:32:05.620 Quindi una delle cose che sono stato parlando, oh c'è un errore. 00:32:05.620 --> 00:32:06.880 È lo stesso errore, 00:32:06.880 --> 00:32:13.120 guardate che, incredibile. 00:32:13.120 --> 00:32:15.415 Quindi, come si fa a presentare un bug per questo? 00:32:15.415 --> 00:32:17.515 Voglio dire, l'insetto direbbe fondamentalmente: 00:32:17.515 --> 00:32:20.455 L'ho fatto entrare nella mia stanza d'albergo, 00:32:20.455 --> 00:32:24.925 Chiudo il coperchio: "Sono andato al piano di sotto, 00:32:24.925 --> 00:32:27.609 Ho aspettato circa due ore, 00:32:27.609 --> 00:32:30.490 Ho ricollegato la macchina 00:32:30.490 --> 00:32:36.145 e poi non ha funzionato," e questo è letteralmente quello che è successo. 00:32:36.145 --> 00:32:41.725 Non lo so. Sto pulendo, 00:32:41.725 --> 00:32:44.260 non è quello che ho fatto l'ultima volta, Ho appena pulito e riavviarlo. 00:32:44.260 --> 00:32:46.285 Non ho riavviato l'ID. 00:32:46.285 --> 00:32:47.380 Non ho fatto il pieno ballo, 00:32:47.380 --> 00:32:53.320 Mi è piaciuta... scusarmi. 00:32:53.320 --> 00:32:55.585 Stavo per fare come uno scherzo di danza, 00:32:55.585 --> 00:32:57.055 Come se non avessi fatto la mossa completa, 00:32:57.055 --> 00:33:02.500 Ho rotto il ballo. 00:33:02.500 --> 00:33:06.610 Qualcuno ricorda rottura dagli anni '80. 00:33:06.610 --> 00:33:08.620 >> [non udibile]. 00:33:08.620 --> 00:33:11.095 .>> Tutti loro uomini, tutti. 00:33:11.095 --> 00:33:13.730 È così che ti fai male al piede? 00:33:14.520 --> 00:33:16.360 >> Beh, sì. 00:33:16.360 --> 00:33:18.145 >> Questo è ciò che si sostiene, 00:33:18.145 --> 00:33:21.680 ma si può avere provato per reclamare i giorni di gloria. 00:33:21.750 --> 00:33:27.475 Va bene, ci muoviamo ancora non hanno ancora rotto, siamo a posto. 00:33:27.475 --> 00:33:28.990 Questo ci dà solo più tempo per 00:33:28.990 --> 00:33:31.330 parlare di queste cose, è utile finora? 00:33:31.330 --> 00:33:32.680 Sono cose interessanti? 00:33:32.680 --> 00:33:34.510 Cose che sfidano che si può avere 00:33:34.510 --> 00:33:37.404 di recente o in futuro, 00:33:37.404 --> 00:33:39.505 ci troveremo di fronte in futuro. 00:33:39.505 --> 00:33:44.680 Parlare del futuro ha qualcuno visto scuro, buio su Netflix? 00:33:44.680 --> 00:33:47.350 So che sembra che io cosa rapimento di bambini in base 00:33:47.350 --> 00:33:50.750 sul come il- che è non di cosa si tratta. 00:33:50.970 --> 00:33:54.865 È come una cosa fantascientifica, è tutto in tedesco. 00:33:54.865 --> 00:33:56.575 Puoi lavorare sul tuo tedesco. 00:33:56.575 --> 00:34:02.065 Va bene, ci siamo. 00:34:02.065 --> 00:34:05.200 Dai, rinunciati. per Visual Studio, 00:34:05.200 --> 00:34:09.710 Visual Studio guadagnare i suoi soldi. 00:34:10.710 --> 00:34:14.440 Quindi ci sono un paio di cose interessanti 00:34:14.440 --> 00:34:17.260 accadendo qui, naturalmente, si vede i gradienti che ho menzionato, 00:34:17.260 --> 00:34:19.345 un po 'di una sfumatura nel pulsante. 00:34:19.345 --> 00:34:23.500 Poi hai questa bella animazione transizione accadendo qui. 00:34:23.500 --> 00:34:26.350 Quindi questo non è un vero e proprio segmento da controllare, 00:34:26.350 --> 00:34:29.080 è un segmento falso da controllare. 00:34:29.080 --> 00:34:32.260 L'unica differenza tra un segmento reale da controllare e 00:34:32.260 --> 00:34:36.265 un segmento di fico da controllare presente semplice di "be" alla terza persona singolare? Quello che si chiama. 00:34:36.265 --> 00:34:40.340 Quando il tuo capo dice, ha sempre segmento può mostrarvi, dire sì. 00:34:41.250 --> 00:34:45.850 È come sembra, sì. 00:34:45.850 --> 00:34:48.100 Così alcuni transistor cool hanno stato lì e hai notato 00:34:48.100 --> 00:34:55.870 la coda Octocats agitando, che è un Lottie. 00:34:55.870 --> 00:34:58.540 Quindi un Lottie è una biblioteca da 00:34:58.540 --> 00:35:02.830 Airbnb che hanno open source e si può usare, che cos'è, 00:35:02.830 --> 00:35:07.390 Adobe dopo gli effetti, 00:35:07.390 --> 00:35:10.014 e con una piccola estensione che è possibile installare, 00:35:10.014 --> 00:35:12.505 ed è possibile eseguire le animazioni. 00:35:12.505 --> 00:35:15.490 Sono molto triste che in realtà non ti permettono di farlo 00:35:15.490 --> 00:35:18.640 da Adobe Flash o animare o come lo chiamano ora, 00:35:18.640 --> 00:35:22.150 perché sarei modi il vostro che dopo gli effetti, ma qualunque cosa. 00:35:22.150 --> 00:35:27.220 sì. Così Martin Van Dyke che correva da queste parti, 00:35:27.220 --> 00:35:29.200 potrebbe essere ancora qui intorno, 00:35:29.200 --> 00:35:31.450 ha fatto l'implementazione C-Sharp 00:35:31.450 --> 00:35:32.920 e sostiene il pacchetto per questo. 00:35:32.920 --> 00:35:38.605 Quindi vai a ringraziarlo per l'Otttocat, fresco. 00:35:38.605 --> 00:35:41.410 Quindi i gradienti si raffreddano, 00:35:41.410 --> 00:35:43.450 e vedete che ho del materiale 00:35:43.450 --> 00:35:45.445 lavorare qui e anche tutto il resto, 00:35:45.445 --> 00:35:47.950 Ti darò una rapida occhiata su come funziona questa animazione. 00:35:47.950 --> 00:35:49.750 Questo è anche sul mio GitHub, 00:35:49.750 --> 00:35:51.370 ma emerge come PR, 00:35:51.370 --> 00:35:54.640 ed è per questo che è un progetto separato in questo momento perché ho solo 00:35:54.640 --> 00:35:59.150 capito questa mattina, che è ancora bene. 00:35:59.280 --> 00:36:01.960 Quindi la pagina di login è 00:36:01.960 --> 00:36:04.600 solo il vostro semplice XAML come ci si aspetterebbe, 00:36:04.600 --> 00:36:06.340 Posso farlo un po' più grande, 00:36:06.340 --> 00:36:10.640 Posso darle questo o fare questo, non quello. 00:36:10.640 --> 00:36:14.620 Chiunque abbia mai accidentalmente premere quel pulsante proprio lì? 00:36:15.120 --> 00:36:20.995 Non colpirlo. Sì, quindi davvero nulla di speciale accadendo qui. 00:36:20.995 --> 00:36:22.840 Vedete che ci sono quelle animazioni 00:36:22.840 --> 00:36:24.625 ma questi non vengono eseguiti in XAML. 00:36:24.625 --> 00:36:28.105 Vi mostrerò come eseguirli in XAML in un minuto. 00:36:28.105 --> 00:36:34.555 Quindi, se guardiamo sul retro e l'opzione del selettore tocca, 00:36:34.555 --> 00:36:37.720 questo è l'evento rubinetto su questo ragazzo qui. 00:36:37.720 --> 00:36:40.240 Questo è ciò che sta innescando le animazioni. 00:36:40.240 --> 00:36:41.740 Sta facendo alcune traduzioni, 00:36:41.740 --> 00:36:45.520 in modo da tradurre in è solo un metodo di animazione helper. 00:36:45.520 --> 00:36:48.880 Sta ancora usando LE API di animazione sul back-end. 00:36:48.880 --> 00:36:52.570 Hai anche dissolvenza troppo e cose del genere. 00:36:52.570 --> 00:36:56.440 Poi si può fare un po 'aspettare attività e raggruppare alcune animazioni. 00:36:56.440 --> 00:37:00.580 Quindi fa sia la traduzione e la dissolvenza troppo allo stesso tempo. 00:37:00.580 --> 00:37:04.480 Poi, naturalmente, è possibile gestire in visibilità e cose del genere. 00:37:04.480 --> 00:37:06.715 Così si può fare l'animazione in questo modo. 00:37:06.715 --> 00:37:08.830 Certamente, niente di sbagliato in esso, 00:37:08.830 --> 00:37:11.005 ma ho anche intenzione di mostrare come si può fare 00:37:11.005 --> 00:37:14.830 in XAML. Va bene, va bene. 00:37:14.830 --> 00:37:20.665 Quindi questo è gradienti e forme, Parallasse. 00:37:20.665 --> 00:37:24.445 Penso che questo sia il mio ultimo o dall'ultimo all'ultima demo. 00:37:24.445 --> 00:37:28.525 In realtà ho una demo in più, quindi vedremo. 00:37:28.525 --> 00:37:30.550 Va bene, quindi Parallax. 00:37:30.550 --> 00:37:32.485 Quindi, ecco cosa c'è accadecon Parallax. 00:37:32.485 --> 00:37:36.535 Ho fatto la vista esplosa di ciò che Ve lo mostrerò. 00:37:36.535 --> 00:37:39.745 A dire il vero, no, è già qui. 00:37:39.745 --> 00:37:41.920 Andiamo avanti e costruirlo ed eseguirlo, 00:37:41.920 --> 00:37:45.220 in modo da non incorrere in lo stesso problema che avevamo in precedenza. 00:37:45.220 --> 00:37:46.630 Questo è l'esempio della pagina di accesso. 00:37:46.630 --> 00:37:48.800 Non ne ho bisogno, chiudiamolo. 00:37:49.080 --> 00:37:52.180 Se vengo qui, 00:37:52.180 --> 00:37:55.345 build run go, va bene. 00:37:55.345 --> 00:37:58.750 Ma non hai visto alcun di questo. Va bene. 00:37:58.750 --> 00:38:01.120 Solo sulla costruzione, costruzione e in esecuzione. 00:38:01.120 --> 00:38:04.900 Quindi quello che hai è che hanno diversi strati di 00:38:04.900 --> 00:38:08.830 cose e griglia è davvero grande modo di avere strati diversi. 00:38:08.830 --> 00:38:13.375 Allora, come le cose devono estendere le righe o le colonne, 00:38:13.375 --> 00:38:14.710 si utilizza l'intervallo. 00:38:14.710 --> 00:38:18.280 Quindi un intervallo di righe span, questo genere di cose. 00:38:18.280 --> 00:38:22.315 Ho impostato quello sbagliato dispiace. 00:38:22.315 --> 00:38:27.805 Allora perché hai eseguito quel codice? 00:38:27.805 --> 00:38:31.835 Non è il codice giusto, così strano. 00:38:31.835 --> 00:38:33.900 Voglio dire, è lo stesso progetto, 00:38:33.900 --> 00:38:35.340 ma la corsa in due directory diverse. 00:38:35.340 --> 00:38:37.860 Ma credo che lo fa generare lo stesso binario. 00:38:37.860 --> 00:38:41.340 Quindi è davvero strano. Va bene. 00:38:41.340 --> 00:38:43.470 Quindi fammi pulire questo molto veloce. 00:38:43.470 --> 00:38:49.120 Costruire pulito, costruire pulito, 00:38:49.120 --> 00:38:51.040 pulire tutto, pulito tutto. 00:38:51.040 --> 00:38:54.130 Ora, come i miei figli, non solo infilare le cose nell'armadio, 00:38:54.130 --> 00:38:59.110 pulito a tutti. Bello. Va bene. 00:38:59.110 --> 00:39:01.750 Quindi quello che succederà è, 00:39:01.750 --> 00:39:07.150 stiamo andando a muoversi l'elenco dei contenuti, 00:39:07.150 --> 00:39:09.190 ma stiamo andando a spostare l'intestazione, 00:39:09.190 --> 00:39:12.475 l'immagine di sfondo a un tasso diverso da 00:39:12.475 --> 00:39:14.530 il contenuto che l'utente è 00:39:14.530 --> 00:39:17.575 interagendo con quella crea l'effetto Parallasse. 00:39:17.575 --> 00:39:19.060 Quindi, per farlo, 00:39:19.060 --> 00:39:20.650 abbiamo bisogno di essere in grado di ascoltare 00:39:20.650 --> 00:39:25.300 i dati di scorrimento al di fuori del cosa con cui sto interagendo. 00:39:25.300 --> 00:39:29.710 Quindi, tradizionalmente, questo è ciò che ha problemi per gli sviluppatori. 00:39:29.710 --> 00:39:32.800 Nelle forme Xamarin, è che non tutte le cose 00:39:32.800 --> 00:39:36.100 che scorrono in Xamarin Forms dirvi che stanno scorrendo. 00:39:36.100 --> 00:39:38.320 Ora ScrollView ha 00:39:38.320 --> 00:39:39.910 un metodo onscroll o 00:39:39.910 --> 00:39:42.880 un evento che invierà mentre l'utente scorre, 00:39:42.880 --> 00:39:45.085 in modo da poter gestire che e il codice dietro. 00:39:45.085 --> 00:39:47.530 Ma non voglio fare che e il codice dietro, 00:39:47.530 --> 00:39:50.590 perché XAML hot reload sta ricaricando XAML, 00:39:50.590 --> 00:39:52.165 non sta ricaricando il codice dietro. 00:39:52.165 --> 00:39:54.925 Voglio rimanere in XAML il più possibile. 00:39:54.925 --> 00:39:58.420 In modo da ottenere il massimo beneficio del ricaricamento. 00:39:58.420 --> 00:40:03.790 Quindi cosa succede qui, sta per farlo. 00:40:03.790 --> 00:40:06.580 Ora, quel piccolo bar 00:40:06.580 --> 00:40:09.655 c'è rappresentante della barra di navigazione. 00:40:09.655 --> 00:40:13.060 Poi ci accingiamo anche a fare una barra di navigazione falso, 00:40:13.060 --> 00:40:15.430 e una volta che vedi l'animazione saprete perché. 00:40:15.430 --> 00:40:18.745 Quindi ecco gli ingredienti per far caso a questo. 00:40:18.745 --> 00:40:21.280 Ho bisogno di avere un po' posizione di scorrimento o scorrimento 00:40:21.280 --> 00:40:25.210 percentuale di cui posso attivare le altre animazioni. 00:40:25.210 --> 00:40:27.265 Ho bisogno di avere degli attacchi, 00:40:27.265 --> 00:40:31.510 in modo che io possa fare tutto e reagire ad esso in modo appropriato in XAML. 00:40:31.510 --> 00:40:35.319 Poi uso liberamente convertitori di valori, 00:40:35.319 --> 00:40:38.965 in modo da poter applicare i diversi effetti che voglio. 00:40:38.965 --> 00:40:41.530 Davvero la matematica è abbastanza facile su questa roba. 00:40:41.530 --> 00:40:43.180 Per ottenere qualcosa da fare 00:40:43.180 --> 00:40:45.280 ad un ritmo diverso di qualcos'altro, 00:40:45.280 --> 00:40:47.560 si prende la percentuale dei tempi di pergamena 00:40:47.560 --> 00:40:50.710 la distanza massima di la pergamena, fattore di volte. 00:40:50.710 --> 00:40:53.485 Lo sapevamo tutti. E 'solo 00:40:53.485 --> 00:40:55.870 moltiplicare alcune cose insieme e vedere cosa succede. 00:40:55.870 --> 00:40:57.715 E 'davvero quello che tutto si riduce a. 00:40:57.715 --> 00:40:59.290 I tuoi capi come, "Come hai usato 00:40:59.290 --> 00:41:02.215 un vero e proprio algoritmo Parallax per questo, 00:41:02.215 --> 00:41:06.175 o un algoritmo falso?" Dipende da come lo chiami. 00:41:06.175 --> 00:41:09.250 Così si può pasticciare con tutto quello che vuoi, 00:41:09.250 --> 00:41:11.830 ma in realtà è come semplice come si arriva. 00:41:11.830 --> 00:41:15.279 Quindi parliamo per un minuto sulle transizioni, 00:41:15.279 --> 00:41:17.470 perché voglio fare queste demo del tutto. 00:41:17.470 --> 00:41:20.800 Quindi non sto parlando in particolare sulle transizioni 00:41:20.800 --> 00:41:25.345 da una pagina all'altra, 00:41:25.345 --> 00:41:27.805 ma sto parlando di da stato a stato. 00:41:27.805 --> 00:41:32.200 Quindi c'è di nuovo una bella biblioteca da Stefano a S in Stephen, 00:41:32.200 --> 00:41:35.185 Non so cosa hai fatto che non si poteva essere qui, 00:41:35.185 --> 00:41:38.845 ma amico, è qui in spirito. 00:41:38.845 --> 00:41:42.519 Ma vedete questo, quando carica contenuto della pagina, 00:41:42.519 --> 00:41:44.080 avere qualche indicatore di carico. 00:41:44.080 --> 00:41:45.745 Di' all'utente che stai facendo qualcosa. 00:41:45.745 --> 00:41:48.204 Ancora meglio di un semplice avere un filatore, 00:41:48.204 --> 00:41:50.890 perché non dare loro quell'esperienza di vedere 00:41:50.890 --> 00:41:54.955 il contenuto in uno stato falso e poi sostituirlo. 00:41:54.955 --> 00:41:57.430 E 'qualcosa che si vede molto di applicazioni facendo in questi giorni. 00:41:57.430 --> 00:41:59.080 Mi hanno detto che lo fa da Facebook. 00:41:59.080 --> 00:42:02.560 Io in realtà non uso Facebook molto molto, ma l'ho visto accadere. 00:42:02.560 --> 00:42:05.080 Quindi dice alla gente che succede qualcosa, 00:42:05.080 --> 00:42:07.105 comunica ciò che sta accadendo. 00:42:07.105 --> 00:42:09.115 Le animazioni comunicano cose. 00:42:09.115 --> 00:42:11.230 Quando si esegue un'animazione volontà o nolly o un 00:42:11.230 --> 00:42:14.515 transizione willy o nilly solo perché potrebbe sembrare figo, 00:42:14.515 --> 00:42:16.780 si può essere l'invio di un messaggio sbagliato a 00:42:16.780 --> 00:42:18.670 qualcuno e si può essere frustrante loro. 00:42:18.670 --> 00:42:20.260 Perché potrebbe richiedere troppo tempo e 00:42:20.260 --> 00:42:22.940 vogliono solo ottenere dal punto A al punto B. 00:42:23.340 --> 00:42:25.405 Allora, quando dovresti usarlo? 00:42:25.405 --> 00:42:30.025 Penso che quando si cambia stato è un ottimo momento per aggiornare i dati. 00:42:30.025 --> 00:42:31.450 Fai sapere alle persone sta succedendo qualcosa, 00:42:31.450 --> 00:42:32.680 ma non dare loro uno schermo vuoto, 00:42:32.680 --> 00:42:34.510 non dare mai loro uno schermo vuoto. 00:42:34.510 --> 00:42:36.340 Se avete intenzione di hanno una vista vuota, 00:42:36.340 --> 00:42:39.130 quale collezione si sostiene vista vuota come modello? 00:42:39.130 --> 00:42:42.130 Quindi è fantastico, ListView non ce l'aveva. 00:42:42.130 --> 00:42:44.590 Questo è un ottimo posto per mettere 00:42:44.590 --> 00:42:47.635 qualche indicazione per l'utente di quello che sta succedendo, 00:42:47.635 --> 00:42:49.630 o istruzioni su ciò che 00:42:49.630 --> 00:42:52.375 hanno bisogno di fare per popolare tale contenuto. 00:42:52.375 --> 00:42:56.380 I processi a breve durata sono buono da usare per le transizioni. 00:42:56.380 --> 00:42:57.730 Se si dispone di un processo a esecuzione prolungata, 00:42:57.730 --> 00:43:01.210 si potrebbe desiderare di pensare attentamente su come si sta gestendo che, 00:43:01.210 --> 00:43:04.495 e poi la convalida e convalida del modulo. 00:43:04.495 --> 00:43:08.875 È un ottimo momento per esercitarsi le tue abilità di transizione di animazione. 00:43:08.875 --> 00:43:11.140 Quindi un paio di cosa fare e cosa non fare. 00:43:11.140 --> 00:43:14.425 Alcuni di questi dicono la stessa cosa, 00:43:14.425 --> 00:43:17.830 ma ho pensato che forse questo sarebbe essere un buon modo per esprimerlo. 00:43:17.830 --> 00:43:19.645 Non essere gratuito. 00:43:19.645 --> 00:43:21.475 Non fare il vostro l'animazione di un ostacolo. 00:43:21.475 --> 00:43:22.960 Se devo aspettare che un'animazione 00:43:22.960 --> 00:43:24.685 completo per arrivare a dove sto andando, 00:43:24.685 --> 00:43:27.505 che probabilmente non è il posto migliore per questo. 00:43:27.505 --> 00:43:30.970 Se si tenta di eseguire la transizione più di una cosa alla volta, 00:43:30.970 --> 00:43:33.745 si corre il rischio di travolgendo il dispositivo, 00:43:33.745 --> 00:43:35.770 e poi hanno appena diventano super mosso. 00:43:35.770 --> 00:43:37.570 Se hai mai usato il menu a comparsa, 00:43:37.570 --> 00:43:39.190 e avete notato e forse su Android 00:43:39.190 --> 00:43:40.900 in particolare che l'apertura e 00:43:40.900 --> 00:43:42.340 chiudendo il menu a comparsa mentre si è 00:43:42.340 --> 00:43:44.440 cambiare il contenuto lo fa tagliare, 00:43:44.440 --> 00:43:46.089 e non va liscio, 00:43:46.089 --> 00:43:48.220 è perché sta facendo troppe cose alla volta. 00:43:48.220 --> 00:43:49.630 Quindi quello che puoi fare è, 00:43:49.630 --> 00:43:51.835 è possibile impostare un ritardo una di quelle cose. 00:43:51.835 --> 00:43:54.835 Forse lasciare che il menu si chiuda prima, 00:43:54.835 --> 00:43:56.785 quindi caricare il contenuto della pagina, 00:43:56.785 --> 00:43:59.980 o viceversa, allora è un modo per aggirare questo. 00:43:59.980 --> 00:44:03.310 Ma attenzione a provare per fare troppo in una volta. 00:44:03.310 --> 00:44:07.210 Fallo reversibile attivarlo in risposta a un'azione dell'utente. 00:44:07.210 --> 00:44:08.950 Queste cose lo rendono delizioso. 00:44:08.950 --> 00:44:11.110 Quando l'utente si sente come se 00:44:11.110 --> 00:44:14.455 una cosa reale nelle loro mani che sta rispondendo al loro tocco, 00:44:14.455 --> 00:44:17.560 è molto delizioso, o rispondendo alla loro voce, 00:44:17.560 --> 00:44:20.260 o rispondere alla loro posizione. 00:44:20.260 --> 00:44:23.440 Sa, è consapevole di dove sono e quello che stanno facendo. 00:44:23.440 --> 00:44:26.095 È davvero delizioso per le persone. Va bene. 00:44:26.095 --> 00:44:29.920 Quindi diamo un'occhiata alla demo. 00:44:29.920 --> 00:44:32.710 Fantastico, siamo tornati nell'app giusta. 00:44:32.710 --> 00:44:35.230 Quindi quello che non hai visto l'ultima volta è stato quando ho 00:44:35.230 --> 00:44:37.990 costruito e corse era ancora quella schermata di login, 00:44:37.990 --> 00:44:39.820 che era super strano, perché non era 00:44:39.820 --> 00:44:42.190 anche il codice che ho stava costruendo da. 00:44:42.190 --> 00:44:45.190 Così ho una pagina qui in 00:44:45.190 --> 00:44:50.360 i miei scenari chiamati prodotto dettagli, si prega di non crash. 00:44:50.460 --> 00:44:54.430 Così si vede che ho la mia animazione di caricamento lì, 00:44:54.430 --> 00:44:55.990 e poi si spera se Internet è 00:44:55.990 --> 00:44:57.970 comportandomi ho intenzione di ottenere un'immagine. 00:44:57.970 --> 00:45:00.770 Oh, dai, ce la puoi fare. 00:45:03.230 --> 00:45:08.290 Prendere a, sta cercando di carico da Internet. 00:45:08.290 --> 00:45:10.705 Abbiamo Internet? 00:45:10.705 --> 00:45:13.780 Dai, ce la puoi fare. 00:45:13.780 --> 00:45:20.120 Sembra molto meglio con- Ciao mamma. 00:45:24.030 --> 00:45:28.870 È stato fantastico. Mi sentivo 00:45:28.870 --> 00:45:33.265 sollevato come quella musica era succede, non è vero? 00:45:33.265 --> 00:45:36.130 Beh, non so perché la mia chitarra non si sta caricando. 00:45:36.130 --> 00:45:37.810 Diamo un'occhiata al codice XAML dotato. 00:45:37.810 --> 00:45:39.790 Abbiamo ricarica calda andare avanti e possiamo prendere un momento per guardare 00:45:39.790 --> 00:45:43.090 il codice XAML. Va bene. 00:45:43.090 --> 00:45:46.105 Così ho un sacco di XAML qui tutti voi, perché come ho detto, 00:45:46.105 --> 00:45:48.640 Stavo cercando di rimanere in XAML per quanto 00:45:48.640 --> 00:45:52.465 possibile beneficiare di caldo ricaricare e non andare in altri posti. 00:45:52.465 --> 00:45:56.200 Quindi, prima cosa che ti probabilmente notare come merda santa. 00:45:56.200 --> 00:45:58.235 Ci sono un sacco di XML ins. 00:45:58.235 --> 00:46:01.185 Sono tutti spazi dei nomi. 00:46:01.185 --> 00:46:03.000 Ho un sacco di file in tutto il luogo. 00:46:03.000 --> 00:46:06.060 Come ho detto, sto usando questa cosa di caricamento facile. 00:46:06.060 --> 00:46:09.030 Questa è la mia pagina per la quale ho bisogno di 00:46:09.030 --> 00:46:10.470 legare a qualcosa per qualche motivo 00:46:10.470 --> 00:46:11.640 Non ricordo perché ce l'ho, 00:46:11.640 --> 00:46:13.730 ma deve essere molto importante. 00:46:13.730 --> 00:46:15.700 In questo caso particolare, 00:46:15.700 --> 00:46:18.280 Sto nascondendo alcune cose shell perché ho 00:46:18.280 --> 00:46:21.565 solo non lo vogliono qui per gli scopi di questa demo, 00:46:21.565 --> 00:46:24.220 e poi, naturalmente, sto forzando 00:46:24.220 --> 00:46:26.935 un paio di stili qui per anche gli scopi della demo. 00:46:26.935 --> 00:46:29.965 Sto impostando il mio contesto vincolante qui nel codice XAML. 00:46:29.965 --> 00:46:31.765 Non so se questo è una pratica comune per voi. 00:46:31.765 --> 00:46:34.330 Sto bene questo funziona abbastanza bene con Shell, 00:46:34.330 --> 00:46:38.680 e Shell è stato progettato con questo modello in mente che si mette, 00:46:38.680 --> 00:46:40.390 Trovo che non dovrebbe parlare su Shell troppo. 00:46:40.390 --> 00:46:42.295 Shane ha una sessione più tardi su Shell. 00:46:42.295 --> 00:46:44.150 Vai a vedere il discorso di Shane su Shell. 00:46:44.150 --> 00:46:46.710 Sarà fantastico ogni spline Vado in Shane stock giusto. 00:46:46.710 --> 00:46:49.360 Penso che sia proprio qui, dovrebbe essere proprio qui. 00:46:50.210 --> 00:46:53.250 Quindi, naturalmente, nelle mie risorse, 00:46:53.250 --> 00:46:55.920 Non ho praticamente nulla impostato per alcune animazioni. 00:46:55.920 --> 00:46:57.200 Ho dichiarato. 00:46:57.200 --> 00:47:01.825 Sto usando l'animazione zom da Javier Suarez Ruiz. 00:47:01.825 --> 00:47:05.230 È nella squadra di via smack ed è in Spagna. 00:47:05.230 --> 00:47:07.720 Così fa un po 'davvero bei esempi online. 00:47:07.720 --> 00:47:10.090 Se mai andare a guardare lui fino penso che abbia 00:47:10.090 --> 00:47:13.015 Xamarin impressionante o un po 'di GitHub così. 00:47:13.015 --> 00:47:15.070 So che ne abbiamo un paio di quelli al giorno d'oggi. 00:47:15.070 --> 00:47:17.350 Quindi, controllare che fuori alcuni esempi davvero buoni. 00:47:17.350 --> 00:47:20.440 Così ho un paio di animazioni pre-costruite qui. 00:47:20.440 --> 00:47:22.585 Questo è CarouselFadeOut. 00:47:22.585 --> 00:47:25.960 Questo è un NavBarFadeOut, CarouselFadeIn, 00:47:25.960 --> 00:47:29.230 FakeNavBar, credo che non dovrei chiamarlo FakeNavBar. 00:47:29.230 --> 00:47:34.370 Dovrei essere come Dave NavBar e come se non fosse falso che sia reale. 00:47:34.860 --> 00:47:38.065 Quindi, naturalmente, ho la mia griglia, 00:47:38.065 --> 00:47:40.750 e poi l'immagine in alto è 00:47:40.750 --> 00:47:44.050 questo ragazzo proprio qui, questo CarouselView. 00:47:44.050 --> 00:47:47.425 Allora, dove sono le mie immagini? 00:47:47.425 --> 00:47:51.430 Sono proprio qui. Quello sbagliato con l'immagine? 00:47:51.430 --> 00:47:54.860 Guarda che URL impressionante. 00:47:55.020 --> 00:47:57.640 So solo che guardo, 00:47:57.640 --> 00:47:59.995 Sono innamorato delle chitarre in questo momento. 00:47:59.995 --> 00:48:02.185 Posso controllare la mia tastiera. 00:48:02.185 --> 00:48:04.045 Ho visto questa foto questa mia chitarra, 00:48:04.045 --> 00:48:06.430 questo è quello che sto andando da utilizzare nella mia demo. 00:48:06.430 --> 00:48:08.950 Facciamo in modo l'immagine esiste anche. 00:48:08.950 --> 00:48:11.780 Esiste, qual è il tuo problema? 00:48:12.000 --> 00:48:15.950 Vediamo se riesco a sbatterlo. 00:48:19.470 --> 00:48:30.025 sì. Uomo, byte Android ancora una volta facciamolo. 00:48:30.025 --> 00:48:38.605 Non ho paura. Aggiorniamo Visual Studio in questo momento. Va bene. 00:48:38.605 --> 00:48:40.990 No, non lo farò. 00:48:40.990 --> 00:48:42.640 Ho un piccolo problema tecnico dove 00:48:42.640 --> 00:48:44.290 non piace iniziare l'emulatore da 00:48:44.290 --> 00:48:48.160 Visual Studio in questo momento. No, non voglio saperlo. 00:48:48.160 --> 00:48:51.400 Ho anche un problema molto strano 00:48:51.400 --> 00:48:53.770 dove Hyper-V è in realtà più lento di HAXM. 00:48:53.770 --> 00:48:55.720 C'è qualcuno che sta succedendo? 00:48:55.720 --> 00:48:58.370 È questa la tua esperienza? 00:48:59.160 --> 00:49:01.960 Bello. Va bene. 00:49:01.960 --> 00:49:05.065 Riavvio dell'emulatore. 00:49:05.065 --> 00:49:06.940 Questo è il motivo per cui mi piace facendo live streaming. 00:49:06.940 --> 00:49:10.090 E 'molto più basso chiave e sei come lavorare attraverso questa roba. 00:49:10.090 --> 00:49:12.130 Va tutto bene. Io no 00:49:12.130 --> 00:49:14.780 devono essere qui essendo tutto bello per voi. 00:49:15.690 --> 00:49:19.760 Va bene. È iniziato tutto. È stato super veloce. 00:49:19.800 --> 00:49:23.590 E 'in realtà vivo o è freddo congelato è vivo. 00:49:23.590 --> 00:49:25.465 Va bene, ridistribuisci. 00:49:25.465 --> 00:49:27.160 Così ora stai dicendo che ho intenzione di ottenere 00:49:27.160 --> 00:49:30.835 la mia immagine che dice che sono sta per ottenere un'immagine. 00:49:30.835 --> 00:49:35.365 Coppia di persone esitante dicendo sì, una persona molto competente. 00:49:35.365 --> 00:49:40.765 La maggior parte di voi è come penso forse, che era veloce troppo. 00:49:40.765 --> 00:49:44.240 Di solito non ero io che sta andando molto più lento. 00:49:52.170 --> 00:49:55.390 Anche perché mi piace fare live streaming in 00:49:55.390 --> 00:49:59.470 codifica dal vivo perché tutti si arriva ad aiutarmi. 00:49:59.470 --> 00:50:01.870 Va bene. Bello. Così ecco cosa sta succedendo. 00:50:01.870 --> 00:50:03.460 Scorrerò un po 'più lentamente. 00:50:03.460 --> 00:50:07.720 Vedete la parallasse andare lì con il, sì. 00:50:07.720 --> 00:50:11.080 Poi si vede che ho un NavBar e un NavBar. 00:50:11.080 --> 00:50:14.470 Come mi alto qui al in alto l'immagine si dissolve 00:50:14.470 --> 00:50:18.580 boom e poi il mio NavBar svanisce in. 00:50:18.580 --> 00:50:24.340 Quindi ecco il modo più difficile per farlo transizione NavBar. 00:50:24.340 --> 00:50:26.515 Il modo più difficile è dire, 00:50:26.515 --> 00:50:28.480 "Ho intenzione di fare tutto quel lavoro. 00:50:28.480 --> 00:50:30.190 Sto solo andando a avere un pulsante Indietro. 00:50:30.190 --> 00:50:31.480 Ho intenzione di avere un pulsante zoom. 00:50:31.480 --> 00:50:33.175 Ho intenzione di avere un pulsante del carrello della spesa. 00:50:33.175 --> 00:50:34.300 Ho intenzione di avere un background, 00:50:34.300 --> 00:50:36.070 e ho intenzione di fare tutte quelle traduzioni 00:50:36.070 --> 00:50:37.840 me stesso. Questo è il modo più duro. 00:50:37.840 --> 00:50:39.715 Il modo più semplice è dire, 00:50:39.715 --> 00:50:42.580 "Ho intenzione di avere il primo stato e poi sono solo 00:50:42.580 --> 00:50:46.045 intenzione di creare un altro NavBar e sbiadito e sopra di esso, 00:50:46.045 --> 00:50:48.565 e stanno tutti andando per fare la stessa cosa. 00:50:48.565 --> 00:50:51.490 Fidati di me molto più facile. 00:50:51.490 --> 00:50:53.320 Quindi questo è in realtà quello che sta succedendo lì, 00:50:53.320 --> 00:50:55.135 e fondamentalmente mentre scorro verso l'alto, 00:50:55.135 --> 00:50:58.135 Arriva a un certo punto e attiva l'animazione. 00:50:58.135 --> 00:51:00.700 Quindi sto usando l'evento trigger e sto usando 00:51:00.700 --> 00:51:03.760 trigger di dati e anche utilizzando i binding. 00:51:03.760 --> 00:51:07.255 Quindi per la pergamena della parallasse 00:51:07.255 --> 00:51:09.655 dal momento che questo è quello che sono dovrebbe parlare di, 00:51:09.655 --> 00:51:13.045 Ho tutto dentro di un scrollerView. 00:51:13.045 --> 00:51:16.165 Si può vedere che il ScrollerView è una visualizzazione personalizzata. 00:51:16.165 --> 00:51:18.940 E 'solo una vista a scorrimento su cui ho 00:51:18.940 --> 00:51:21.790 hanno esposto la proprietà scroll, 00:51:21.790 --> 00:51:28.580 perché qui sulla giostra che è la chitarra, 00:51:28.830 --> 00:51:35.725 si vede che non ho i dati attivare la traduzione. 00:51:35.725 --> 00:51:37.375 Ho questo codice qui. 00:51:37.375 --> 00:51:40.810 Sto traducendo la posizione Y della giostra. 00:51:40.810 --> 00:51:42.850 Così, mentre scorro verso l'alto, 00:51:42.850 --> 00:51:44.350 le mie mosse carosello. 00:51:44.350 --> 00:51:46.045 La mia chitarra si muove. 00:51:46.045 --> 00:51:49.420 Quindi sono vincolante per una percentuale di scorrimento che è 00:51:49.420 --> 00:51:53.080 solo una proprietà che ho esposto all'utente di ScrollerView. 00:51:53.080 --> 00:51:55.555 Poi di nuovo ho un convertitore qui, 00:51:55.555 --> 00:51:57.010 e sto usando questo. 00:51:57.010 --> 00:51:59.950 Questo è un bel piccolo trucco che Stephen mi ha mostrato. 00:51:59.950 --> 00:52:02.650 Forse non è un trucco. Sono solo usando i parametri. 00:52:02.650 --> 00:52:04.300 Ho l'abilità perché 00:52:04.300 --> 00:52:07.030 a volte si vuole passare più di un parametro. 00:52:07.030 --> 00:52:12.820 Quindi sto solo passando una stringa con un delimitatore punto e virgola, 00:52:12.820 --> 00:52:15.610 e posso passare quanto voglio. 00:52:15.610 --> 00:52:20.095 Quindi sto passando un fattore di quello che volevo fare, 00:52:20.095 --> 00:52:23.215 un valore minimo, un valore massimo. 00:52:23.215 --> 00:52:25.420 Se è vero o falso. 00:52:25.420 --> 00:52:27.580 Non ricordo cosa che la proprietà era per, 00:52:27.580 --> 00:52:30.730 e poi non mi ricordo nemmeno a cosa era per quello. 00:52:30.730 --> 00:52:34.915 Quindi, ma il fatto è che perché questo è tutto lì ora, 00:52:34.915 --> 00:52:37.855 Non devo tornare indietro e in caso di modifica di qualsiasi elemento in C. 00:52:37.855 --> 00:52:39.775 Non devo tornare a codice dietro una chastening. 00:52:39.775 --> 00:52:43.030 Posso solo modificare questi valori e ricaricare e ricaricare e ricaricare. 00:52:43.030 --> 00:52:45.790 Così posso prendere questo e posso dire, "Ok. 00:52:45.790 --> 00:52:51.040 Stiamo andando a fare solo uno e salvare che, 00:52:51.040 --> 00:52:55.375 ricaricare la pagina, e poi ora sta andando nella direzione sbagliata." 00:52:55.375 --> 00:52:57.160 Quindi è come oh Dave sei 00:52:57.160 --> 00:52:59.230 un idiota si sta andando ad avere per ricostruire tutto questo. 00:52:59.230 --> 00:53:01.960 Lol Non ricostruiremo. 00:53:01.960 --> 00:53:03.970 Questo è il vostro obiettivo, e tutto l'obiettivo è 00:53:03.970 --> 00:53:06.460 uno sviluppatore ora è per smettere di ricostruire. 00:53:06.460 --> 00:53:07.990 Quindi, cosa posso 00:53:07.990 --> 00:53:10.390 fare per fare questa cosa fare qualcosa di diverso? 00:53:10.390 --> 00:53:14.995 Così ora ricaricare ricaricare. 00:53:14.995 --> 00:53:16.525 A volte non si anche sapere per ricaricare. 00:53:16.525 --> 00:53:19.675 Guardate che ora è topo-come sto cacciando via, 00:53:19.675 --> 00:53:21.895 e questo non è l'effetto si desidera sia. 00:53:21.895 --> 00:53:24.790 Così ho solo continuaa a modificare questo e ho scoperto che 00:53:24.790 --> 00:53:28.465 il fattore negativo 10 sembra per allenarsi abbastanza bene, 00:53:28.465 --> 00:53:30.880 e ora ottengo la mia bella transizione. 00:53:30.880 --> 00:53:35.275 Ora un'altra cosa noterete che, 00:53:35.275 --> 00:53:39.370 Non so se si può vedere questo ma si vede come è andato a bianco. 00:53:39.370 --> 00:53:43.540 Ma il mio background è in realtà come un colore grigio. 00:53:43.540 --> 00:53:45.790 In realtà ho un'altra scatola per 00:53:45.790 --> 00:53:47.665 seduto dietro il CarouselView. 00:53:47.665 --> 00:53:49.510 Così posso svanire il CarouselView, 00:53:49.510 --> 00:53:52.000 ma tenerlo su uno sfondo bianco. 00:53:52.000 --> 00:53:54.385 Quindi fa alcune cose belle lì. 00:53:54.385 --> 00:53:56.410 Quindi un bel po 'di cose che accadono qui. 00:53:56.410 --> 00:53:59.560 Ora, non ho davvero vi mostrerà come il facile 00:53:59.560 --> 00:54:02.755 caricamento per il caricamento dello schermo. 00:54:02.755 --> 00:54:08.485 Quindi, per tornare indietro vero e proprio prodotto veloce dettagli che parte proprio lì. 00:54:08.485 --> 00:54:11.065 Vi mostrerò come questo funziona molto velocemente. 00:54:11.065 --> 00:54:13.555 Sì, amico, non me ne vado. 00:54:13.555 --> 00:54:15.205 Stiamo andando noi andare per esso. 00:54:15.205 --> 00:54:17.245 Ci stiamo andando. Davvero 00:54:17.245 --> 00:54:18.790 Voglio dire, sono Kramer che appare uomo. 00:54:18.790 --> 00:54:21.100 Stiamo andando alla fine della linea. 00:54:21.100 --> 00:54:23.845 No, sto scherzando. Sono avvolgendo. Sto impacchetto. 00:54:23.845 --> 00:54:26.650 Questa è l'ultima demo della demo bonus. 00:54:26.650 --> 00:54:29.560 Va tutto bene. Basta dare ogni altri un abbraccio e stare bene. 00:54:29.560 --> 00:54:36.235 Quindi è a Brandon, 00:54:36.235 --> 00:54:40.265 stai cercando di boo me fuori dal palco vengono sugli uomini, 00:54:40.265 --> 00:54:42.310 ora sto scherzando, ho quasi finito. 00:54:42.310 --> 00:54:46.270 Quindi in realtà tutto quello che fai è fare questo. 00:54:46.270 --> 00:54:48.010 Specificare un modello di caricamento. 00:54:48.010 --> 00:54:50.350 Ora non lo so le implicazioni in termini di prestazioni. 00:54:50.350 --> 00:54:52.060 Quindi il chilometraggio può variare, 00:54:52.060 --> 00:54:53.605 ma praticamente solo falso 00:54:53.605 --> 00:54:57.780 il contenuto che sei sta per essere display. 00:54:57.780 --> 00:54:59.805 Quindi è necessario legare 00:54:59.805 --> 00:55:02.520 questa proprietà associata si sta caricando su qualcosa. 00:55:02.520 --> 00:55:04.250 Quindi non ho è occupato, 00:55:04.250 --> 00:55:07.480 e probabilmente tutti voi avete in il suo occupato nei vostri modelli di vista. 00:55:07.480 --> 00:55:08.980 Quindi questo è più o meno. 00:55:08.980 --> 00:55:10.885 Questo codice è tutto sul mio GitHub. 00:55:10.885 --> 00:55:12.250 C'è un'altra cosa. 00:55:12.250 --> 00:55:15.430 Ti indicherò, è in le mie diapositive perché penso 00:55:15.430 --> 00:55:18.985 che questo è davvero un grande risorsa da estrarre. 00:55:18.985 --> 00:55:23.150 Eseguire questa operazione, visualizzare l'azione. 00:55:24.240 --> 00:55:28.510 Così Kym Phillpotts che funziona sulla SM imparare, 00:55:28.510 --> 00:55:30.910 ex Università Xamarin ha 00:55:30.910 --> 00:55:33.280 stato contrazione streaming suoi esempi. 00:55:33.280 --> 00:55:34.705 Questo è uno che ha fatto. 00:55:34.705 --> 00:55:37.075 Penso che sia pazzesco buono. 00:55:37.075 --> 00:55:39.090 Posso, si fa questo tipo di cose, 00:55:39.090 --> 00:55:41.345 il tuo capo sta andando per darvi un aumento. 00:55:41.345 --> 00:55:44.155 Seriamente, guarda un po'. 00:55:44.155 --> 00:55:46.270 Quindi controlla la sua roba. 00:55:46.270 --> 00:55:51.265 Questa demo è sul suo GitHub come così come molti altri. 00:55:51.265 --> 00:55:55.180 L'animazione può davvero essere un bel tocco in cima a tutto. 00:55:55.180 --> 00:55:57.340 Ma c'è un sacco di altre cose di base 00:55:57.340 --> 00:55:58.795 di cui puoi occuparti. Quindi, comunque. 00:55:58.795 --> 00:56:01.750 Grazie mille per il vostro tempo per ascoltare le mie battute. 00:56:01.750 --> 00:56:04.040 Spero che tu abbia imparato qualcosa. 00:56:06.000 --> 00:56:08.200 Restate tutti. 00:56:08.200 --> 00:56:10.000 [MUSICA]