WEBVTT

00:00:02.090 --> 00:00:06.225
D'accord. Je pense
Nous sommes bons pour y aller.

00:00:06.225 --> 00:00:10.170
Il va se promener dans la tenue
la banane tout le temps.

00:00:10.170 --> 00:00:13.320
D'accord. Comment va tout le monde ?

00:00:13.320 --> 00:00:18.340
bien? ouais. Dernière séance.

00:00:18.350 --> 00:00:21.015
Ca a l'air bien. bien
quantité de personnes ici,

00:00:21.015 --> 00:00:23.565
Je n'étais pas sûr qu'après l'arrivée des déserts.

00:00:23.565 --> 00:00:27.810
Alors allons-y. D'accord.

00:00:27.810 --> 00:00:30.810
Utilisation de Xamarin.Forms Shell pour
créer facilement une

00:00:30.810 --> 00:00:34.965
dynamique, personnalisé et
rempli d'interface uI, amusant, amusant, amusant.

00:00:34.965 --> 00:00:36.870
Je suis Shane Neuville,

00:00:36.870 --> 00:00:38.720
Xamarin.Forms Ingénieur Senior avec

00:00:38.720 --> 00:00:41.525
Microsoft travaille sur
beaucoup de bits Shell.

00:00:41.525 --> 00:00:45.715
Donc ça va être un codage
session de juste coups de pied à travers.

00:00:45.715 --> 00:00:48.780
C'est juste un plaisir que j'ai mis ensemble
presque pour moi juste pour

00:00:48.780 --> 00:00:52.940
voir ce que les choses amusantes que nous pourrions faire
avec l'architecture Shell.

00:00:52.940 --> 00:00:55.010
Beaucoup de lui aussi va être la façon dont

00:00:55.010 --> 00:00:57.230
les cadres MVVM sont
va s'accrocher ensemble,

00:00:57.230 --> 00:00:58.700
ce qui va être cool.

00:00:58.700 --> 00:01:00.320
Le NOUVEAU MVVM n'a

00:01:00.320 --> 00:01:02.990
un échantillon avec elle ainsi
ce qui est soigné que je vais montrer,

00:01:02.990 --> 00:01:05.330
où ils ont accroché dans
beaucoup de ces choses.

00:01:05.330 --> 00:01:09.360
Donc, comme point de départ,

00:01:09.590 --> 00:01:12.785
une partie de la naissance de
coquille est venu d'ici.

00:01:12.785 --> 00:01:16.220
Voici donc notre
choix de page dans formulaire.

00:01:16.220 --> 00:01:17.930
Disons que vous êtes un nouveau développeur,

00:01:17.930 --> 00:01:19.650
vous entrez dans les formes et
"D'accord.

00:01:19.650 --> 00:01:23.115
Qu'est-ce que je fais ? Comment puis-je
créer une application Forms ?"

00:01:23.115 --> 00:01:28.710
Tout d'abord, vous devez comprendre
quelles pages vous avez vues.

00:01:28.710 --> 00:01:30.420
Donc, vous avez maîtrisé la page Détails,

00:01:30.420 --> 00:01:31.880
probablement l'un des plus utilisés

00:01:31.880 --> 00:01:34.240
parce que ça marche juste
comme un haut niveau,

00:01:34.240 --> 00:01:39.275
Page de navigation qui
est-il juste pour ennuyer les gens,

00:01:39.275 --> 00:01:45.400
et puis la page onglet qui
a des onglets et c'est une page.

00:01:45.400 --> 00:01:50.750
C'est notre histoire de page. D'accord.

00:01:50.750 --> 00:01:53.550
Je l'assemble. Donc, vous êtes
aller ensemble et vous êtes comme,

00:01:53.550 --> 00:01:56.670
nous allons le mettre ensemble, nous allons
faire une page de détails Master.

00:01:56.670 --> 00:01:58.630
Tout d'abord, bien pour moi,

00:01:58.630 --> 00:01:59.750
Je confonds toujours lequel est

00:01:59.750 --> 00:02:01.110
le maître et qui
l'un est le détail.

00:02:01.110 --> 00:02:02.120
Il m'a fallu un peu,

00:02:02.120 --> 00:02:06.635
mais j'y suis peut-être arrivé, je ne sais pas.

00:02:06.635 --> 00:02:08.390
Il y a probablement
certains verbiages historiques ou

00:02:08.390 --> 00:02:11.855
régulière ou quelque chose que je suis
juste manquant sur celui-là.

00:02:11.855 --> 00:02:16.285
Alors créez une nouvelle page pour le Maître,

00:02:16.285 --> 00:02:18.285
qui est la barre latérale.

00:02:18.285 --> 00:02:20.490
J'ai dû me rappeler très vite.

00:02:20.490 --> 00:02:22.815
Donc vous créez cette page là,

00:02:22.815 --> 00:02:25.100
créer une nouvelle page pour les détails
parce que tu es genre, "D'accord.

00:02:25.100 --> 00:02:27.725
C'est le contenu
que je veux montrer.

00:02:27.725 --> 00:02:29.655
Alors tu es genre, "Très bien, oui.

00:02:29.655 --> 00:02:30.760
cool. J'ai mes affaires,

00:02:30.760 --> 00:02:32.240
J'ai une deuxième page,

00:02:32.240 --> 00:02:33.890
Je veux naviguer vers une deuxième page.

00:02:33.890 --> 00:02:35.595
Ce sera super excitant.

00:02:35.595 --> 00:02:38.140
Donc tu es comme, d'accord,
il ya cette chose sur une page

00:02:38.140 --> 00:02:40.520
appelé Navigation push async,

00:02:40.520 --> 00:02:42.165
et tu es comme, cool, d'accord,

00:02:42.165 --> 00:02:45.255
qui va pousser ma page Détails.

00:02:45.255 --> 00:02:47.180
Qui pense que c'est en fait ?
Qui pense que ça va

00:02:47.180 --> 00:02:48.785
naviguer vers la page Détails, quelqu'un?

00:02:48.785 --> 00:02:49.970
Dave est secoué la tête non,

00:02:49.970 --> 00:02:51.500
il sait ce qu'il va voir.

00:02:51.500 --> 00:02:53.845
Oh, regarde ça.

00:02:53.845 --> 00:02:56.550
J'ai appris les animations
juste pour cette conversation.

00:02:56.550 --> 00:02:58.875
C'est l'exception que vous obtenez.

00:02:58.875 --> 00:03:00.120
Alors à ce stade, vous êtes comme, eh bien,

00:03:00.120 --> 00:03:01.685
ce que le diable est une page de navigation.

00:03:01.685 --> 00:03:03.530
Alors maintenant vous retournez aux documents,

00:03:03.530 --> 00:03:05.600
habituellement Google cette exception,

00:03:05.600 --> 00:03:07.550
frappé tout un tas de
choses qui indiquent,

00:03:07.550 --> 00:03:09.125
qu'est-ce que tu as à faire ? Oh, d'accord.

00:03:09.125 --> 00:03:10.310
Votre page est dans une page,

00:03:10.310 --> 00:03:14.980
a besoin d'une autre page, donc
que vous pouvez aller n'importe où.

00:03:15.170 --> 00:03:17.820
Alors maintenant, nous en avons quatre,

00:03:17.820 --> 00:03:19.275
Je pense que quatre, je pourrais
ont compté mal.

00:03:19.275 --> 00:03:21.480
Nous avons 4-5 pages créées séparément,

00:03:21.480 --> 00:03:24.720
et nous sommes toujours vraiment
nulle part avec une application.

00:03:25.760 --> 00:03:29.460
Donc vous avez ce menu de tiroir,

00:03:29.460 --> 00:03:32.250
c'est donc votre page Master.

00:03:32.250 --> 00:03:34.609
Vous avez cette page Master à gauche

00:03:34.609 --> 00:03:37.595
qui est juste ce
chose totalement séparée,

00:03:37.595 --> 00:03:39.635
et vous avez cette page ici aussi.

00:03:39.635 --> 00:03:42.020
C'est comme, ok. Eh bien, comment
dois-je connecter ces choses?

00:03:42.020 --> 00:03:43.130
Ce n'est pas drôle non plus.

00:03:43.130 --> 00:03:45.955
Comme si vous regardez les documents pour
Master Details page, c'est fou,

00:03:45.955 --> 00:03:49.500
Je ne connais personne qui
traduire cela à quelque chose d'utile,

00:03:49.500 --> 00:03:52.260
parce que vous devez être
dans la page Master.

00:03:52.260 --> 00:03:54.140
C'est intéressant là-bas,
parce qu'ils sont au MDP

00:03:54.140 --> 00:03:56.150
et ils aiment s'abonner
à la page Master

00:03:56.150 --> 00:03:58.190
du maître, puis
aller l'acheminer à travers à

00:03:58.190 --> 00:04:00.260
la page Détails à
naviguer dans les détails,

00:04:00.260 --> 00:04:03.960
de sorte que vous avez ce bizarre
connexion en cours,

00:04:03.960 --> 00:04:05.460
en plus vous n'êtes pas vraiment n'importe où,

00:04:05.460 --> 00:04:07.025
vous avez juste ces pages.

00:04:07.025 --> 00:04:08.870
C'est donc beaucoup d'efforts.

00:04:08.870 --> 00:04:12.545
C'est déroutant comment vous mettez
ces choses ensemble,

00:04:12.545 --> 00:04:15.610
si sous forme d'image,
Tu ressembles à ça.

00:04:15.610 --> 00:04:21.590
Donc, c'était l'un des grands
motivations derrière la création de Shell.

00:04:21.590 --> 00:04:26.780
Nous voulions créer
une expérience cohérente où vous pouvez

00:04:26.780 --> 00:04:32.030
se débarrasser du mal de tête d'avoir
pour mettre ces choses ensemble.

00:04:32.030 --> 00:04:34.485
La navigation ne ferait que
travailler de partout,

00:04:34.485 --> 00:04:37.965
vous vous envolez, votre menu
travaillerait de partout,

00:04:37.965 --> 00:04:41.175
vous seriez beaucoup plus en mesure de personnaliser,

00:04:41.175 --> 00:04:43.640
vous seriez en mesure de sorte de
sortir de cette boîte de

00:04:43.640 --> 00:04:47.090
ces parties séparées
que nous avons coincé dans.

00:04:47.090 --> 00:04:52.110
Donc, c'est vraiment là que l'ensemble
chose bombardée est allé, qui Shell.

00:04:53.410 --> 00:04:56.970
Grand film si quelqu'un
ne l'a pas vu.

00:04:57.640 --> 00:04:59.285
Est-ce que c'est comme Super-santé aussi?

00:04:59.285 --> 00:05:00.440
Oh Super-santé, non.

00:05:00.440 --> 00:05:05.600
carapace. La version de Simpson
était la meilleure prise sur elle,

00:05:05.600 --> 00:05:08.850
mais Marlon Brando
était assez bon aussi.

00:05:09.260 --> 00:05:11.980
Nous avons Shell.

00:05:11.980 --> 00:05:14.195
David a beaucoup dépassé
de ces choses aussi,

00:05:14.195 --> 00:05:15.695
mais nous l'avons.

00:05:15.695 --> 00:05:18.275
C'est une déclaration
structure d'application.

00:05:18.275 --> 00:05:20.540
Si efficacement, un utilisateur peut juste

00:05:20.540 --> 00:05:22.850
entrer dans votre application shell qui est

00:05:22.850 --> 00:05:24.770
un fichier XAML et ils peuvent

00:05:24.770 --> 00:05:27.465
voir l'articulation
de l'application.

00:05:27.465 --> 00:05:29.525
Ils peuvent voir les onglets qui
ils vont avoir,

00:05:29.525 --> 00:05:33.690
vous pouvez voir les pages fly-out
vous allez avoir,

00:05:33.690 --> 00:05:36.490
vous pouvez voir où ceux
vont conduire à.

00:05:36.490 --> 00:05:40.250
Vous avez tout ce que vous
besoin de mettre cela ensemble.

00:05:40.250 --> 00:05:41.690
Navigation simplifiée.

00:05:41.690 --> 00:05:43.025
La navigation vient d'être intégrée.

00:05:43.025 --> 00:05:45.695
C'est un citoyen de première classe
de l'application.

00:05:45.695 --> 00:05:48.225
Donc vous avez ces membres.

00:05:48.225 --> 00:05:50.834
Tout d'abord, il fonctionne avec
les anciennes API de navigation,

00:05:50.834 --> 00:05:53.960
de sorte que vous pouvez saisir la navigation et

00:05:53.960 --> 00:05:57.560
il suffit de pousser une page et il va pousser
une page, ça marche avec ceux-là.

00:05:57.560 --> 00:05:59.330
Il fonctionne également avec la coquille

00:05:59.330 --> 00:06:01.910
être capable de faire le tour
à la partie différente,

00:06:01.910 --> 00:06:06.560
il utilise un chemin simple pour indiquer
quel chemin vous voulez aller,

00:06:06.560 --> 00:06:10.165
qui est ce que beaucoup de cadres
se déplacent aussi.

00:06:10.165 --> 00:06:12.120
C'est donc facile. Vous pouvez juste dire, "Hé,

00:06:12.120 --> 00:06:13.170
Je veux aller ici,

00:06:13.170 --> 00:06:16.480
que j'ai appelé cette chose et
c'est là que je vais finir.

00:06:16.480 --> 00:06:20.430
C'est sympa. C'est très cohérent
l'expérience du développement.

00:06:20.430 --> 00:06:21.910
Vous avez dans cette page,

00:06:21.910 --> 00:06:23.870
vous savez comment la partie gauche va

00:06:23.870 --> 00:06:27.940
de travailler avec le milieu
partie. C'est bon d'y aller.

00:06:27.940 --> 00:06:32.385
De plus, tout est juste
à cet endroit.

00:06:32.385 --> 00:06:36.020
Donc, avec Shell, l'objectif
que nous déménageons

00:06:36.020 --> 00:06:39.650
vers, c'est que vous n'avez pas vraiment
besoin d'une page Master Details,

00:06:39.650 --> 00:06:41.970
vous n'avez pas besoin d'une page Onglet,

00:06:43.220 --> 00:06:45.585
il ya probablement un autre
J'en ai marre, mais oui,

00:06:45.585 --> 00:06:47.090
vous n'avez pas besoin des autres pages.

00:06:47.090 --> 00:06:49.625
Vous avez juste essentiellement Shell
et vous avez votre contenu.

00:06:49.625 --> 00:06:52.430
Ensuite, parce que quand vous êtes
faire sur n'importe quelle page,

00:06:52.430 --> 00:06:55.295
vous voulez être en mesure de facilement
dites-lui ce que vous voulez faire.

00:06:55.295 --> 00:06:57.245
Vous voulez aller à
une page De contenu et dire,

00:06:57.245 --> 00:06:59.090
"D'accord, cette page, je
veulent une barre de navigation.

00:06:59.090 --> 00:07:01.430
Vous ne voulez pas que ce soit
enveloppé dans une navigation.

00:07:01.430 --> 00:07:03.080
Cette page, je veux avoir des onglets,

00:07:03.080 --> 00:07:05.610
et puis qui montre juste basé sur
sur la description du contenu,

00:07:05.610 --> 00:07:07.655
mais le contenu déclaratif
indique ce que

00:07:07.655 --> 00:07:10.005
votre page va faire. C'est facile.

00:07:10.005 --> 00:07:14.670
Alors naviguez à partir de
n'importe où.

00:07:14.960 --> 00:07:17.340
C'est de ça que je parlais.

00:07:17.340 --> 00:07:20.030
Vous pouvez personnaliser vos onglets,

00:07:20.030 --> 00:07:22.460
votre barre de navigation juste
en fonction des propriétés de la page,

00:07:22.460 --> 00:07:25.370
afin que chaque page peut dicter comment il

00:07:25.370 --> 00:07:28.280
veut afficher et
l'effet qu'il a.

00:07:28.280 --> 00:07:29.300
Donc, si vous déménagez à aimer

00:07:29.300 --> 00:07:31.370
une page de détails où
vous voulez que les onglets disparus,

00:07:31.370 --> 00:07:32.675
vous avez juste les onglets disparus.

00:07:32.675 --> 00:07:34.340
C'est agréable et facile.

00:07:34.340 --> 00:07:37.420
Vous pouvez personnaliser la disposition du tiroir.

00:07:37.420 --> 00:07:41.690
Vous obtenez toutes les fonctionnalités
du templatable Shell.

00:07:41.690 --> 00:07:45.200
Ainsi, vous pouvez créer un modèle
pour tous les articles,

00:07:45.200 --> 00:07:47.420
vous pouvez créer
un modèle pour le haut.

00:07:47.420 --> 00:07:51.260
C'est vraiment facile d'obtenir
à l'endroit où vous voulez aller,

00:07:51.260 --> 00:07:56.765
ou rapidement se rendre à
un point de départ de l'application.

00:07:56.765 --> 00:08:01.225
Donc, c'est là que nous sommes
va avec Shell.

00:08:01.225 --> 00:08:06.020
Donc, voici juste où vous
voir le xAML déclaratif.

00:08:06.020 --> 00:08:08.420
Donc c'est cool ici,
parce que c'est essentiellement,

00:08:08.420 --> 00:08:11.430
vous avez votre page Master Details

00:08:12.020 --> 00:08:15.210
avec les objets de fly-out,
vous avez le contenu.

00:08:15.210 --> 00:08:17.204
Donc vous avez votre Maître
qui est votre fly-out,

00:08:17.204 --> 00:08:19.490
et vous avez vos coordonnées
qui est votre contenu Shell.

00:08:19.490 --> 00:08:23.240
Maintenant, toute cette chose ici est
une page Master Details, une page Onglet,

00:08:23.240 --> 00:08:27.500
tous roulés dans
une belle boîte heureuse.

00:08:27.500 --> 00:08:30.860
Donc, ceci est tiré de
les modèles, le modèle shell,

00:08:30.860 --> 00:08:36.410
si vous voulez voir comment
qui roule ensemble,

00:08:36.410 --> 00:08:40.345
qui est le modèle que je suis
aussi en basant ma démo sur.

00:08:40.345 --> 00:08:43.090
Donc, c'est ce que nous sommes
va emménager maintenant.

00:08:43.090 --> 00:08:49.820
Donc, c'est juste un nous allons voir
ce que nous pouvons faire avec parler shell.

00:08:49.820 --> 00:08:51.440
Donc beaucoup de ces trucs sont des trucs,

00:08:51.440 --> 00:08:54.430
ce sont des alphabets très
que nous sommes alors éclater

00:08:54.430 --> 00:08:57.520
dans les fonctionnalités que vous êtes
va voir venir à travers,

00:08:57.520 --> 00:09:00.550
et puis frais MVVM
en fait a pris beaucoup de

00:09:00.550 --> 00:09:02.620
ce genre de choses et la carte

00:09:02.620 --> 00:09:05.440
leur cadre sur elle et a obtenu
va assez vite avec cela.

00:09:05.440 --> 00:09:08.230
Donc c'est soigné. Donc, vous allez
voir comment vous pouvez vraiment

00:09:08.230 --> 00:09:11.330
facilement articuler comment vous
veulent que l'application fonctionne,

00:09:11.330 --> 00:09:13.810
comment la navigation à
où contrôler les choses

00:09:13.810 --> 00:09:15.730
comme littéralement tout.

00:09:15.730 --> 00:09:18.985
Donc, c'est le grand problème est que nous sommes
essayer de s'assurer que vous pouvez prendre

00:09:18.985 --> 00:09:21.775
l'aspect déclaratif de celui-ci et

00:09:21.775 --> 00:09:25.835
essentiellement remplacer que
intérieurs entiers de celui-ci.

00:09:25.835 --> 00:09:28.310
Donc, nous allons faire une démo ici,

00:09:28.310 --> 00:09:30.595
démo de code avec la personnalisation de Shell.

00:09:30.595 --> 00:09:32.390
Donc ça va être une démo de codage

00:09:32.390 --> 00:09:34.050
que nous allons passer à travers,

00:09:34.050 --> 00:09:36.655
et nous pouvons voir.

00:09:36.655 --> 00:09:38.725
Voyons voir.

00:09:38.725 --> 00:09:40.815
C'est l'application.

00:09:40.815 --> 00:09:43.160
D'accord, cool. C'est donc notre application de base.

00:09:43.160 --> 00:09:44.570
Tout le monde ne voit rien ?

00:09:44.570 --> 00:09:50.370
cool. perfectionner. Je pourrais
l'avoir sur le mauvais mode.

00:09:50.370 --> 00:09:55.200
Et voilà. Vous devez
terminer le diaporama en premier.

00:09:56.140 --> 00:09:59.910
Faisons ça un peu
plus grand pour tout le monde.

00:10:01.920 --> 00:10:07.070
C'est une coupe très regrettable
du texte de la région.

00:10:08.040 --> 00:10:11.770
ouais? d'accord. Là, nous
aller. Réparons ça.

00:10:11.770 --> 00:10:14.725
On peut arranger ça dans l'édition.

00:10:14.725 --> 00:10:17.740
D'accord. Donc ce qu'on a fait.

00:10:17.740 --> 00:10:19.480
Alors laissez-moi juste vous montrer une sorte de

00:10:19.480 --> 00:10:24.175
l'application de base qui est vide peut-être
à cause de l'affichage commuté.

00:10:24.175 --> 00:10:27.535
Donc, ce que j'ai fait ici, c'est que j'ai pris

00:10:27.535 --> 00:10:36.970
l'application de modèle.

00:10:36.970 --> 00:10:39.100
Ainsi, l'application de modèle est
votre application de base à faire.

00:10:39.100 --> 00:10:40.915
Il a une page d'articles.

00:10:40.915 --> 00:10:42.130
Vous cliquez sur les éléments,

00:10:42.130 --> 00:10:45.220
les articles apparaissent, très excitant.

00:10:45.220 --> 00:10:47.095
Donc ce que j'ai fait ici,

00:10:47.095 --> 00:10:49.870
J'ai voulu montrer à quel point c'est facile

00:10:49.870 --> 00:10:53.245
est de pirater les caractéristiques
que vous voulez.

00:10:53.245 --> 00:10:55.060
Voici donc l'application.

00:10:55.060 --> 00:10:56.815
Tout le monde voit ça.

00:10:56.815 --> 00:11:02.065
Je ne sais pas vraiment. ouais.
Fondamentalement, aller quelque part,

00:11:02.065 --> 00:11:04.600
revenir de quelque part. D'accord.

00:11:04.600 --> 00:11:07.150
Alors maintenant, c'est la rupture.

00:11:07.150 --> 00:11:11.990
Donc, nous avons créé cette chose
qui est ShellNavigationService.

00:11:12.660 --> 00:11:16.320
Beaucoup de ces choses va
être disponible en XAML ainsi

00:11:16.320 --> 00:11:19.200
par SEGS que nous voulons
être en mesure d'exposer facilement,

00:11:19.200 --> 00:11:20.415
mais c'est une sorte de tripes.

00:11:20.415 --> 00:11:21.660
Donc, c'est si vous
vraiment envie d'entrer dans

00:11:21.660 --> 00:11:23.315
une sorte de courage de jouer avec elle.

00:11:23.315 --> 00:11:27.445
Donc, ce que nous avons fait est créé
ce ShellNavigationService.

00:11:27.445 --> 00:11:30.475
Maintenant, ce que c'est est ce
c'est comme ça que tout fonctionne.

00:11:30.475 --> 00:11:32.890
Lorsque vous lui envoyez un URI,

00:11:32.890 --> 00:11:34.300
comme une ficelle ou un chemin,

00:11:34.300 --> 00:11:35.800
il passe par ce service.

00:11:35.800 --> 00:11:38.350
Quand il pare que,
il va au service.

00:11:38.350 --> 00:11:39.670
Lorsqu'il s'applique à tous les

00:11:39.670 --> 00:11:42.340
les paramètres de la page
ça passe,

00:11:42.340 --> 00:11:43.420
il passe par ce service.

00:11:43.420 --> 00:11:47.320
Ainsi, vous pouvez l'influencer à chaque
aspect de ce qu'il fait.

00:11:47.320 --> 00:11:49.330
Donc, c'est très bien ce que
cette démo fait.

00:11:49.330 --> 00:11:52.795
Donc, ce que cette démo a été mis en place avec

00:11:52.795 --> 00:11:55.570
est-ce que je l'ai mis en place de sorte que vous

00:11:55.570 --> 00:11:58.975
peut faire efficacement
Navigation ViewModel.

00:11:58.975 --> 00:12:05.440
Donc, ce que vous pouvez voir ici est
J'ai pris les routes à ce sujet,

00:12:05.440 --> 00:12:09.730
et j'ai rebaptisé tous les itinéraires
aux noms ViewModel.

00:12:09.730 --> 00:12:13.315
Alors maintenant, quand je fais de la navigation,

00:12:13.315 --> 00:12:16.045
Je peux juste le donner
le nom d'un modèle de vue

00:12:16.045 --> 00:12:19.990
et je peux lui donner le nom
de la vue réelle,

00:12:19.990 --> 00:12:21.370
et il ya différentes façons
vous pouvez fil de cette

00:12:21.370 --> 00:12:22.885
ensemble, comme vous en avez besoin.

00:12:22.885 --> 00:12:24.970
Mais êtes-vous lui donner
le nom d'un modèle de vue,

00:12:24.970 --> 00:12:28.480
et puis ce que j'ai fait si nous
entrer dans le service de navigation,

00:12:28.480 --> 00:12:31.265
vous pouvez voir où j'ai

00:12:31.265 --> 00:12:35.430
mis en œuvre cette fonctionnalité
ici où fondamentalement,

00:12:35.430 --> 00:12:38.275
J'ai pris la route.

00:12:38.275 --> 00:12:40.810
Voilà donc les arguments
qui entrent en vigueur.

00:12:40.810 --> 00:12:42.760
Donc c'est prendre le nom de l'itinéraire,

00:12:42.760 --> 00:12:44.905
et puis je suis instantanée
le modèle de vue

00:12:44.905 --> 00:12:47.320
ici et puis le mettre
dans le contexte contraignant.

00:12:47.320 --> 00:12:49.540
Donc, si vous regardez comme
l'exemple frais MVVM

00:12:49.540 --> 00:12:51.950
que j'aurais dû faire.

00:12:52.320 --> 00:12:55.360
Il fait un très similaire
chose ici aussi, voyez-vous?

00:12:55.360 --> 00:12:57.550
Il vérifie si la liaison
contexte est nul,

00:12:57.550 --> 00:12:59.950
et maintenant il puise dans

00:12:59.950 --> 00:13:04.330
le résolveur qui fait partie
de frais pour être MVVM,

00:13:04.330 --> 00:13:06.910
afin qu'il puisse faire le
l'injection de dépendance et d'autres choses.

00:13:06.910 --> 00:13:08.740
Si vous avez mis fin à l'injection de dépendance,

00:13:08.740 --> 00:13:09.880
Je pense que certains d'entre vous le sont.

00:13:09.880 --> 00:13:13.825
Donc si vous avez déjà parlé à Dan
et puis vous êtes probablement en elle.

00:13:13.825 --> 00:13:18.550
Tellement frais indium juste branché dedans.

00:13:18.550 --> 00:13:21.100
C'est un moyen facile et agréable
pour faire ce dont vous avez besoin.

00:13:21.100 --> 00:13:23.650
Donc, la chose cool à ce sujet aussi, c'est,

00:13:23.650 --> 00:13:28.345
c'est une façon de décrire le
façon totale de créer votre contenu.

00:13:28.345 --> 00:13:30.610
Donc vous vous verrez dans une seconde,
J'ai un exemple où

00:13:30.610 --> 00:13:33.730
Je cache une section
en fonction de vos rôles.

00:13:33.730 --> 00:13:35.995
Vous verrez dans la page top secret

00:13:35.995 --> 00:13:39.205
où il ne va même pas
à travers notre système.

00:13:39.205 --> 00:13:42.430
Donc, si vous regardez
la page top secret,

00:13:42.430 --> 00:13:45.774
Je n'ai même pas
un modèle de contenu spécifié,

00:13:45.774 --> 00:13:50.170
parce que ce que j'ai fait
est que j'ai vérifié pour

00:13:50.170 --> 00:13:52.120
voir si c'est ce qu'ils créent

00:13:52.120 --> 00:13:54.460
et puis vient de revenir
ma propre page de contenu.

00:13:54.460 --> 00:13:56.680
Donc, en tant que concepteur de bibliothèque,

00:13:56.680 --> 00:13:59.590
vous pourriez même juste
faire en sorte que celui qui est

00:13:59.590 --> 00:14:02.740
mise en œuvre shell n'est même pas
à l'aide des modèles de contenu,

00:14:02.740 --> 00:14:05.170
que tout le truc est en cours
acheminé salaud dans votre cadre.

00:14:05.170 --> 00:14:08.695
Donc, c'est l'ensemble
aspect de la création ici.

00:14:08.695 --> 00:14:10.270
Ca avait l'air si grandiose,

00:14:10.270 --> 00:14:12.790
tout l'aspect de la création.

00:14:12.790 --> 00:14:15.985
C'est l'Alpha et
l'oméga de la page.

00:14:15.985 --> 00:14:17.050
Non, c'est l'Alpha, je suppose,

00:14:17.050 --> 00:14:20.810
l'Omega est plus tard lent
ici quelque part.

00:14:20.970 --> 00:14:25.975
C'est donc le point de départ
de ce que je veux montrer.

00:14:25.975 --> 00:14:30.450
Eh bien, c'est essentiellement
ce que je voulais montrer.

00:14:30.450 --> 00:14:32.940
Donc, passons à travers la démo et

00:14:32.940 --> 00:14:36.195
voir les différentes choses
que vous pouvez faire.

00:14:36.195 --> 00:14:37.350
Donc, une chose que je voulais faire

00:14:37.350 --> 00:14:40.785
ici puisque c'est quelque chose
qui a été à venir.

00:14:40.785 --> 00:14:42.270
Oh, c'est visible. Est visible

00:14:42.270 --> 00:14:43.800
vient pour n'importe qui
qui ne l'a pas vu.

00:14:43.800 --> 00:14:47.180
Donc, c'est la capa cité de cacher
et montrez vos articles de coquille.

00:14:47.180 --> 00:14:50.215
Donc, je voulais montrer un rapide
exemple avec une page de connexion.

00:14:50.215 --> 00:14:54.820
Donc, l'idée ici est qu'une barre d'onglet
a votre vol hors désactivé.

00:14:54.820 --> 00:14:56.305
Il s'agit d'un scénario

00:14:56.305 --> 00:15:00.655
où vous voulez que l'utilisateur

00:15:00.655 --> 00:15:03.835
de ne pas vraiment atteindre le reste
de votre demande, non?

00:15:03.835 --> 00:15:06.745
Donc, dans ce cas, ici,

00:15:06.745 --> 00:15:11.240
nous commençons avec une page de connexion.

00:15:13.070 --> 00:15:17.290
Je pensais que nous avons mis
assez de jetons de poker là-dedans,

00:15:17.290 --> 00:15:19.135
de sorte qu'il serait démarrer
plus rapide, mais peut-être pas.

00:15:19.135 --> 00:15:23.020
D'accord. Alors voilà.

00:15:23.020 --> 00:15:24.070
Donc, nous avons la page de connexion,

00:15:24.070 --> 00:15:26.680
qui montre la cachette
parce que je ne l'ai pas désactiver?

00:15:26.680 --> 00:15:34.760
C'est en grande partie des codes Alpha.

00:15:36.570 --> 00:15:38.800
Pourquoi ça s'est fait ? D'accord.

00:15:38.800 --> 00:15:40.810
Si cela se montra, nous allons juste
imaginez qu'il n'a pas montré.

00:15:40.810 --> 00:15:44.560
[inaudible].

00:15:44.560 --> 00:15:45.970
Je ne savais pas que nous étions
le montrant pour cela,

00:15:45.970 --> 00:15:54.520
donc je ne l'ai pas mis en place
ici. D'accord.

00:15:54.520 --> 00:15:56.170
Bien sûr, comme celui
chose que je voulais

00:15:56.170 --> 00:15:57.490
assurez-vous de montrer avec la page de connexion,

00:15:57.490 --> 00:15:58.720
mais si c'est juste dire,

00:15:58.720 --> 00:16:01.210
Imaginons ce handicapé.

00:16:01.210 --> 00:16:04.900
Il y avait peut-être quelque chose
J'ai cassé les autres.

00:16:04.900 --> 00:16:06.925
d'accord. Passons à travers.

00:16:06.925 --> 00:16:09.325
Non, mais ce n'est pas le cas, je ne le fais pas.
savoir pourquoi il montre.

00:16:09.325 --> 00:16:11.350
Oh, il pourrait montrer parce que
d'un autre code que j'ai.

00:16:11.350 --> 00:16:13.375
D'accord. Ignorons
il. Mais ça ne marche pas.

00:16:13.375 --> 00:16:18.190
d'accord. Donc, nous allons dire que c'est
un quatrième échec de la démo à ce jour.

00:16:18.190 --> 00:16:22.165
D'accord. Donc, cette
est votre page de connexion.

00:16:22.165 --> 00:16:23.530
Donc vous avez cette page de connexion,

00:16:23.530 --> 00:16:25.269
vous ne pouvez pas aller n'importe où

00:16:25.269 --> 00:16:28.660
parce que vous avez désactivé
le comportement flyout là-bas.

00:16:28.660 --> 00:16:30.670
Ensuite, vous pouvez cliquer sur Connexion,

00:16:30.670 --> 00:16:32.995
il obtenir des journaux que vous finissez
à l'application,

00:16:32.995 --> 00:16:35.605
vous cliquez dessus, et maintenant
vous êtes en mesure d'y accéder.

00:16:35.605 --> 00:16:39.325
Ainsi, vous pouvez personnaliser cette page
et faire ce que vous voulez.

00:16:39.325 --> 00:16:42.400
Alors maintenant, je suis comme hyper-conscient qu'il ya

00:16:42.400 --> 00:16:45.880
ne pas utiliser le rechargement à chaud comme tous les
fois que je le ferme et être comme.

00:16:45.880 --> 00:16:48.370
D'accord. J'étais

00:16:48.370 --> 00:16:49.120
l'une des choses où vous avez

00:16:49.120 --> 00:16:50.170
votre démo prête et
alors ils sont comme,

00:16:50.170 --> 00:16:52.405
"Oh, nous montrons recharger à chaud,"
et tu es genre, "Je ne sais pas.

00:16:52.405 --> 00:16:53.500
Je ne veux pas installer ces nouveaux

00:16:53.500 --> 00:16:58.840
paris".. D'accord. Alors maintenant,
nous commençons.

00:16:58.840 --> 00:17:03.085
Donc, c'est maintenant montrer l'idée
d'une section admin.

00:17:03.085 --> 00:17:05.065
Disons-le ici.

00:17:05.065 --> 00:17:08.319
Ici, j'ai créé le
section top secret,

00:17:08.319 --> 00:17:11.995
qui est basé sur si
l'utilisateur est un administrateur.

00:17:11.995 --> 00:17:15.745
C'est donc une façon de
montrer différents domaines,

00:17:15.745 --> 00:17:19.750
et je vais vous montrer ce travail
très rapide avec la case à cocher.

00:17:19.750 --> 00:17:20.860
Qui est excité par la case à cocher?

00:17:20.860 --> 00:17:23.360
Ouais, écoutons la case à cocher.

00:17:23.700 --> 00:17:27.280
La chose super drôle
sur la case à cocher est là

00:17:27.280 --> 00:17:28.690
a été tellement de discussion sur

00:17:28.690 --> 00:17:30.235
et il y a
tant de choses à ce sujet,

00:17:30.235 --> 00:17:32.650
et comme la seconde
nous l'avons mis en œuvre,

00:17:32.650 --> 00:17:34.825
Mec, j'utilise cette chose tout le temps.

00:17:34.825 --> 00:17:37.615
Surtout dans les tests d'interface uI
et des choses comme ça.

00:17:37.615 --> 00:17:39.895
Oui, je l'utilise partout. Je suis
"Cette chose est géniale."

00:17:39.895 --> 00:17:45.430
Merci pour James pour avoir motivé
nous faire cela. Mais, oui.

00:17:45.430 --> 00:17:50.125
d'accord. Est admin, cliquez sur
que, oh Top Secrets.

00:17:50.125 --> 00:17:51.880
Alors maintenant, si vous allez ici,

00:17:51.880 --> 00:17:54.835
vous verrez qu'il ya
une autre section ici Top Secret

00:17:54.835 --> 00:17:58.060
que vous pouvez obtenir à
vous cliquez sur "Logout",

00:17:58.060 --> 00:18:00.505
il vous ramène ici,

00:18:00.505 --> 00:18:02.725
et puis vous cliquez sur "Login".

00:18:02.725 --> 00:18:04.900
En fait, je n'ai pas testé
en cliquant ou en unclicking.

00:18:04.900 --> 00:18:08.560
Oh mon Dieu, ça a marché
cool. Voilà, c'est toi qui l'as.

00:18:08.560 --> 00:18:11.095
Je passe par là. Donc, ce genre
d'une étude est visible,

00:18:11.095 --> 00:18:12.640
est quelque chose qui vient.

00:18:12.640 --> 00:18:16.120
C'est l'une des nouvelles fonctionnalités
que nous poussons à travers.

00:18:16.120 --> 00:18:19.600
Une chose que je voulais mettre en évidence
à ce sujet étaient-ce est une sorte de

00:18:19.600 --> 00:18:23.365
articuler que cool où
tout se réunit aspect.

00:18:23.365 --> 00:18:26.635
Donc, si vous regardez
la page top secret,

00:18:26.635 --> 00:18:28.810
c'est une de ces choses
où il va

00:18:28.810 --> 00:18:30.745
d'être un mélange de grincer des dents et
l'excitation à propos de celui-ci,

00:18:30.745 --> 00:18:35.845
mais au plus haut niveau, nous
avoir la coquille ViewModel.

00:18:35.845 --> 00:18:40.765
Donc, la coquille ViewModel est en cours
assigné à la coquille de l'application ici.

00:18:40.765 --> 00:18:42.640
D'accord. Donc, c'est
être signé avec

00:18:42.640 --> 00:18:44.725
le contexte contraignant
au niveau de la coquille.

00:18:44.725 --> 00:18:46.330
Alors ce qui se passe, c'est que

00:18:46.330 --> 00:18:49.075
ShellViewModel va
à ruisseler à travers

00:18:49.075 --> 00:18:51.310
votre hiérarchie entière jusqu'à ce qu'il

00:18:51.310 --> 00:18:55.865
atteint ailleurs qui est
en utilisant son propre contexte contraignant.

00:18:55.865 --> 00:18:58.739
Donc, pour la page Top Secret,

00:18:58.739 --> 00:19:02.190
puisque je ne suis pas la mise
le contexte contraignant ici,

00:19:02.190 --> 00:19:04.440
Je ne fais que retourner la page.

00:19:04.440 --> 00:19:08.570
La page Top Secret
qui est ici,

00:19:08.570 --> 00:19:11.275
ce qui n'est pas encore utile.

00:19:11.275 --> 00:19:13.030
Code derrière avec quelque chose
y. D'accord.

00:19:13.030 --> 00:19:14.905
C'est parti, la commande de déconnexion.

00:19:14.905 --> 00:19:18.310
Cette commande de déconnexion sur
que la page de contenu est en fait

00:19:18.310 --> 00:19:22.540
liant à travers le ShellViewModel
commande qui est juste ici.

00:19:22.540 --> 00:19:27.940
Ainsi, la page de contenu est contraignante
jusqu'au niveau de votre application ViewModel.

00:19:27.940 --> 00:19:29.410
Donc, la chose cool
ici, je veux dire parce que

00:19:29.410 --> 00:19:30.925
c'est la chose soignée sur MVVM.

00:19:30.925 --> 00:19:35.095
Vous décrivez essentiellement l'ensemble de votre
application dans votre ViewModels,

00:19:35.095 --> 00:19:37.630
et une fois que vous avez tout ce qui est connecté,

00:19:37.630 --> 00:19:39.010
vous faites tout là-bas.

00:19:39.010 --> 00:19:44.780
Ainsi, lorsque l'utilisateur se connecte
à la LoginViewModel,

00:19:45.320 --> 00:19:48.660
ici, je suis juste l'accès
le shellViewModel

00:19:48.660 --> 00:19:51.885
d'une manière très pauvre
mais il le fait toujours.

00:19:51.885 --> 00:19:55.710
Il définit le drapeau d'administration est
qui est lié à

00:19:55.710 --> 00:19:59.590
l'élément de coquille dans
votre App Shell ici,

00:19:59.590 --> 00:20:01.435
qui cache cette visibilité.

00:20:01.435 --> 00:20:03.715
Alors maintenant, à votre couche ShellViewModel,

00:20:03.715 --> 00:20:09.820
vous pouvez indiquer tous les rôles
et les aspects de tout et

00:20:09.820 --> 00:20:12.490
acheter que par le biais de celui-ci
tous vos articles de coquille ou

00:20:12.490 --> 00:20:16.180
même comme vous voulez
votre contenu shell à montrer.

00:20:16.180 --> 00:20:18.100
Ainsi, vous pouvez même lier
rien là-bas.

00:20:18.100 --> 00:20:19.690
Donc, si vous voulez
changer la façon dont la mouche

00:20:19.690 --> 00:20:21.340
sur ont montré ou
quelque chose comme ça.

00:20:21.340 --> 00:20:24.490
Comme si tu puisses faire tout ça
avec ces ViewModel de haut niveau.

00:20:24.490 --> 00:20:27.730
Donc là, vous avez comme ça ce que
Je parle aussi loin que comme

00:20:27.730 --> 00:20:31.235
être la nature cohésive de la coquille.

00:20:31.235 --> 00:20:35.185
Vous avez tout mis ensemble.

00:20:35.185 --> 00:20:37.310
Voyons. Donc, je pense que
qui a été le plus

00:20:37.310 --> 00:20:38.690
des choses que je voulais montrer.

00:20:38.690 --> 00:20:42.840
Personne n'a lu mes notes.
D'accord, cool.

00:20:42.840 --> 00:20:45.410
Ouais, c'est ce que je voulais
montrer avec les sections admin,

00:20:45.410 --> 00:20:46.610
parce que toujours grande chose les gens sont

00:20:46.610 --> 00:20:47.930
demander est d'être en mesure de cacher

00:20:47.930 --> 00:20:53.610
ces flyouts en fonction de votre contexte.

00:20:53.890 --> 00:21:01.945
D'accord. Donc je vais me cacher
la page de connexion très rapide,

00:21:01.945 --> 00:21:04.090
principalement juste parce que vous les gars

00:21:04.090 --> 00:21:05.735
ne veulent pas me voir
cliquez sur "Login" à chaque fois,

00:21:05.735 --> 00:21:07.745
que vous n'auriez pas à
si frappé je serais chaud recharger droit?

00:21:07.745 --> 00:21:12.440
quel que. Alors passons à travers
service de navigation personnalisé.

00:21:12.440 --> 00:21:15.470
Donc, ce que j'ai fait ici sur
le NavigationService personnalisé est

00:21:15.470 --> 00:21:21.245
J'ai mis en œuvre
quelques fonctionnalités supplémentaires,

00:21:21.245 --> 00:21:26.000
de sorte que vous n'avez pas à garder
me regarder compiler et recompiler.

00:21:26.000 --> 00:21:28.250
Une chose que j'ai faite ici.

00:21:28.250 --> 00:21:34.530
Où est l'anse ? Est-il caché?

00:21:35.500 --> 00:21:38.530
Donc une chose que j'ai faite ici, d'accord.

00:21:38.530 --> 00:21:41.960
cool. Donc, une chose que vous ne pouvez pas
faire avec shell actuellement,

00:21:41.960 --> 00:21:43.790
qui sera probablement
mettre en œuvre très bientôt

00:21:43.790 --> 00:21:45.860
est à travers la navigation URI,

00:21:45.860 --> 00:21:47.405
vous ne pouvez pas revenir en arrière une page.

00:21:47.405 --> 00:21:50.210
Il n'y a aucun moyen de donner
il n'importe quoi de lui dire,

00:21:50.210 --> 00:21:51.875
"Hé, je veux revenir en arrière une page."

00:21:51.875 --> 00:21:54.360
Donc, ce que vous pouvez faire,

00:21:54.360 --> 00:21:56.060
mais la chose est est
que vous pouvez mettre en œuvre

00:21:56.060 --> 00:21:59.850
votre propre régime URI ici.

00:21:59.880 --> 00:22:03.654
Vous pouvez mettre en œuvre votre propre système URI

00:22:03.654 --> 00:22:06.160
et lui dire de faire ce que vous voulez.

00:22:06.160 --> 00:22:07.810
Est-ce que la page des éléments,

00:22:07.810 --> 00:22:12.895
la chose est un tel mélange
de, nous y voilà.

00:22:12.895 --> 00:22:14.335
ouais. Donc ici vous voyez,

00:22:14.335 --> 00:22:16.000
Je fais ce point point.

00:22:16.000 --> 00:22:18.655
Donc, c'est quelque chose qui est
même pas intégré dans Shell.

00:22:18.655 --> 00:22:21.820
C'est le domaine où les choses
comme le prisme et la croix MVVM.

00:22:21.820 --> 00:22:23.830
Il sera intéressant de voir
quand ils innovent sur ce point.

00:22:23.830 --> 00:22:26.440
Ainsi prisme peut effectivement prendre c'est

00:22:26.440 --> 00:22:33.670
Modélisation du schéma URI et
clé dans mes notes de texte,

00:22:33.670 --> 00:22:36.625
clé dans, "Contrôle" pas "Shift",

00:22:36.625 --> 00:22:39.415
peut clé dans le ParseAsync

00:22:39.415 --> 00:22:42.130
pour faire une anquille
comme ils le veulent et

00:22:42.130 --> 00:22:48.940
exprimer ce que le nouvel état
de la Coquille va être,

00:22:48.940 --> 00:22:50.620
qui est aussi un grand aspect

00:22:50.620 --> 00:22:51.970
qui va aider avec
les choses de recharge à chaud

00:22:51.970 --> 00:22:53.860
parce que l'idée est entière

00:22:53.860 --> 00:22:56.110
que c'est le nouveau modèle
Je veux que Shell ressemble,

00:22:56.110 --> 00:22:58.540
il fait valoir que dans
le concept Shell, puis

00:22:58.540 --> 00:23:01.150
Shell se transforme pour correspondre à cela.

00:23:01.150 --> 00:23:04.795
Donc, ce que j'ai fait ici
avec le bouton "Back",

00:23:04.795 --> 00:23:10.030
vous verrez ici, j'ai

00:23:10.030 --> 00:23:15.210
essentiellement pris le code et j'ai
je l'ai regardé et j'ai dit,

00:23:15.210 --> 00:23:16.590
Hey, regardez ça.

00:23:16.590 --> 00:23:20.575
L'URI correspond-il?

00:23:20.575 --> 00:23:24.700
Est-ce point point dot" Si elle est
point point point alors ce que nous voulons

00:23:24.700 --> 00:23:29.455
faire, c'est que nous voulons revenir en arrière
dans l'application.

00:23:29.455 --> 00:23:32.530
Donc ici, vous pouvez mettre en place
votre propre système URI.

00:23:32.530 --> 00:23:33.940
Donc, c'est là qu'il est
va jouer dans

00:23:33.940 --> 00:23:38.695
trucs, même avec des choses comme
profond par exemple.

00:23:38.695 --> 00:23:41.575
Disons que votre URI profondément lié

00:23:41.575 --> 00:23:44.155
ne correspond pas tout à fait
ou des choses comme ça,

00:23:44.155 --> 00:23:46.360
ce que vous pouvez faire ici, c'est que vous pouvez dire,

00:23:46.360 --> 00:23:50.440
hey, je veux
mettre en œuvre mon propre truc.

00:23:50.440 --> 00:23:53.890
Si vous détestez la façon dont nous avons mis
jusqu'à l'uri ne uri et vous voulez

00:23:53.890 --> 00:23:56.890
pour faire votre propre mise en avant de tout,

00:23:56.890 --> 00:23:59.560
alors vous pouvez configurer vos paramètres.

00:23:59.560 --> 00:24:04.150
La chose cool à propos de cette structure
voici que ce qu'il parit

00:24:04.150 --> 00:24:10.165
dans est quelque chose qui
vous pouvez indiquer.

00:24:10.165 --> 00:24:12.250
C'est donc votre chemin qui est brisé,

00:24:12.250 --> 00:24:14.815
il a toute la navigation
paramètres sur elle ici.

00:24:14.815 --> 00:24:18.280
Ainsi, vous pouvez ajouter des paramètres de navigation
à elle aussi que

00:24:18.280 --> 00:24:22.015
s'appliquer à la page,
ce qui est utile.

00:24:22.015 --> 00:24:31.990
Donc, nous allons vraiment
personnalisez le bouton "Retour" ici.

00:24:32.810 --> 00:24:35.370
J'essaie juste de m'assurer

00:24:35.370 --> 00:24:38.930
les pièces et voir ce que
les trucs pile de navigation.

00:24:38.930 --> 00:24:42.400
Donc, c'est bien parce que

00:24:42.400 --> 00:24:46.450
le bouton "Back" en particulier
est très personnalisé.

00:24:46.450 --> 00:24:48.070
Donc, je vais juste commenter

00:24:48.070 --> 00:24:49.630
certaines de ces sections
dehors pour que je puisse faire

00:24:49.630 --> 00:24:54.890
sûr que tout cela est tiré
ensemble. C'est le mauvais bouton.

00:24:55.920 --> 00:24:59.170
ouais. Alors laissez-moi tirer
certaines de ces parties.

00:24:59.170 --> 00:25:07.090
Alors laissez-moi vous montrer ce que
l'application ressemble.

00:25:07.090 --> 00:25:12.280
Très bien, laissons l'année,

00:25:12.280 --> 00:25:16.900
nous allons vous montrer
le résultat final ici,

00:25:16.900 --> 00:25:18.160
J'allais marcher à travers elle, mais

00:25:18.160 --> 00:25:19.720
il est un peu faible à l'heure.

00:25:19.720 --> 00:25:22.795
Donc, je voulais juste
assurez-vous que nous pouvons voir.

00:25:22.795 --> 00:25:26.590
Donc, tout cela est fait
à l'intérieur du service de navigation.

00:25:26.590 --> 00:25:31.540
Donc je voulais juste montrer
combien je peux modifier ce

00:25:31.540 --> 00:25:33.565
nous faisons ici et puis
Je vais passer à travers ça

00:25:33.565 --> 00:25:37.490
une fois que la démo s'exécute
parfaitement sans erreurs.

00:25:38.940 --> 00:25:42.385
N'importe lequel de mes petites sections bizarres
commenté plus?

00:25:42.385 --> 00:25:43.735
Lol D'accord, cool.

00:25:43.735 --> 00:25:46.940
L'animation, c'est
va vous faire sauter l'esprit.

00:25:48.750 --> 00:25:52.165
Je devrais ajouter de l'audio à elle aussi.

00:25:52.165 --> 00:25:56.005
C'est comme une transition Batman.

00:25:56.005 --> 00:26:03.175
Donc, c'est l'application maintenant
puisant dans elle ici qui,

00:26:03.175 --> 00:26:04.780
oh regarde ça,

00:26:04.780 --> 00:26:07.070
c'est très excitant.

00:26:09.060 --> 00:26:12.790
ouais. Si vous êtes vigilant,

00:26:12.790 --> 00:26:16.945
vous avez vu que je suis allé à la page "A propos"
premier coup d'œil. Pourquoi ferait-il ça ?

00:26:16.945 --> 00:26:21.250
Donc, nous avons ces points de navigation
ici, regardez ça.

00:26:21.250 --> 00:26:23.830
Maintenant, le bouton "Retour"
avec les travaux point point.

00:26:23.830 --> 00:26:25.030
Alors maintenant, regardez ça.

00:26:25.030 --> 00:26:27.355
Maintenant, si je vais à ce deuxième point,

00:26:27.355 --> 00:26:29.245
vous voyez que je suis sur le deuxième point,

00:26:29.245 --> 00:26:31.195
croyez-moi, il dit deuxième point.

00:26:31.195 --> 00:26:35.170
Maintenant, si je "ferme" l'application
et puis je retourne sur

00:26:35.170 --> 00:26:37.240
ici et je clique sur

00:26:37.240 --> 00:26:40.120
c'est parce qu'aucun des noms
n'a aucun sens en ce moment.

00:26:40.120 --> 00:26:41.485
Mais si je clique dessus,

00:26:41.485 --> 00:26:44.935
il le fera, regardez ça.

00:26:44.935 --> 00:26:47.800
Donc c'est la pierre tombale
trucs de récupération ici.

00:26:47.800 --> 00:26:51.235
Alors maintenant, l'application est
fermé et quand il revient,

00:26:51.235 --> 00:26:52.660
c'est là qu'il s'est éteint.

00:26:52.660 --> 00:26:55.090
Donc, c'est le truc
c'est vraiment puissant

00:26:55.090 --> 00:26:57.655
avec Shell parce que chaque concept,

00:26:57.655 --> 00:27:02.545
chaque partie de votre Shell
est représenté par un URI.

00:27:02.545 --> 00:27:06.355
Alors que l'utilisateur navigue à travers,

00:27:06.355 --> 00:27:09.970
vous pouvez reconstruire que l'ensemble
hiérarchie qui est vraiment soignée.

00:27:09.970 --> 00:27:12.610
Alors, nous allons briser cette
vers le bas un peu.

00:27:12.610 --> 00:27:16.030
Il suffit de regarder à travers la façon dont cela fonctionne.

00:27:16.030 --> 00:27:18.820
Nous pouvons regarder à travers le cycle de vie.

00:27:18.820 --> 00:27:21.010
En fait, une chose que je
voulait aussi vous montrer.

00:27:21.010 --> 00:27:22.180
Donc, l'une des choses que les gens ont été

00:27:22.180 --> 00:27:23.650
parler aussi est de vouloir

00:27:23.650 --> 00:27:26.980
pour influencer la pile de navigation.

00:27:26.980 --> 00:27:29.710
Donc, par défaut, quand
vous naviguez à travers

00:27:29.710 --> 00:27:33.460
Shell et vous cliquez sur
les différents objets volants,

00:27:33.460 --> 00:27:36.670
il ne maintient pas la pile arrière.

00:27:36.670 --> 00:27:39.160
Mais ce que j'ai fait ici
est que j'ai personnalisé

00:27:39.160 --> 00:27:41.140
le comportement du bouton "Back"
de sorte que si vous

00:27:41.140 --> 00:27:43.569
allez ici et vous cliquez sur ceci,

00:27:43.569 --> 00:27:47.305
il va à la page d'environ qui
le remplace par un bouton "Back"

00:27:47.305 --> 00:27:49.150
et je clique sur le bouton "Retour"
et maintenant il va

00:27:49.150 --> 00:27:51.160
retour à l'autre élément fly-out.

00:27:51.160 --> 00:27:55.720
Donc, ce sont ces scénarios cool
que vous pouvez vraiment

00:27:55.720 --> 00:28:01.300
définir facilement comment
vous voulez que cela fonctionne.

00:28:01.300 --> 00:28:06.040
Donc, nous allons travailler à travers
c'est un peu ici.

00:28:06.040 --> 00:28:09.410
Donc ici, quand la page est créée,

00:28:11.580 --> 00:28:15.910
nous avons cette propri été liante
ici, "Retour" comportement bouton.

00:28:15.910 --> 00:28:18.805
Donc, ce que j'ai fait
ici, ce qui est cool,

00:28:18.805 --> 00:28:21.250
est que j'ai créé une commande pour

00:28:21.250 --> 00:28:23.260
le comportement "Back" bouton et maintenant

00:28:23.260 --> 00:28:25.870
chaque page qui est créée,

00:28:25.870 --> 00:28:32.500
le bouton "Back"
se traverse,

00:28:32.500 --> 00:28:35.320
l'exécution va
par cette commande.

00:28:35.320 --> 00:28:37.525
Donc maintenant n'importe où dans l'application

00:28:37.525 --> 00:28:40.090
où ils cliquent sur cette chose en haut à gauche,

00:28:40.090 --> 00:28:42.895
Je peux le regarder et puis

00:28:42.895 --> 00:28:46.374
déterminer en fonction
l'état de demande,

00:28:46.374 --> 00:28:49.180
indiquer où je veux faire.

00:28:49.180 --> 00:28:51.520
Donc, vous verrez ici ce que j'ai fait est

00:28:51.520 --> 00:28:55.795
Je maintiens une pile de navigation,

00:28:55.795 --> 00:28:58.795
et si la pile de navigation
a plus d'un élément,

00:28:58.795 --> 00:29:03.145
J'envoie ceci ici qui est
mon URI personnalisé que j'ai créé.

00:29:03.145 --> 00:29:05.905
Sinon, ce que je fais, c'est
Je dis à la Coquille, hey,

00:29:05.905 --> 00:29:08.110
en fait, vous voulez présenter
la mouche parce qu'il n'y a personne

00:29:08.110 --> 00:29:11.545
là, ce qui je pense est cool.

00:29:11.545 --> 00:29:13.900
Parce que maintenant, vous avez tous vos
Bouton "Back" ici est centralisé dans

00:29:13.900 --> 00:29:17.275
un service de la façon dont vous voulez
votre demande de travail.

00:29:17.275 --> 00:29:19.930
Donc, vous pourriez dire
le bouton "Back" pour faire n'importe quoi.

00:29:19.930 --> 00:29:22.390
Donc, si vous regardez
l'application Facebook par exemple,

00:29:22.390 --> 00:29:24.445
quand ils cliquent
à travers les onglets,

00:29:24.445 --> 00:29:27.160
le bouton "Retour" toujours
revient à l'onglet "Home".

00:29:27.160 --> 00:29:29.830
Donc, si vous êtes sur l'onglet "Home" et
vous cliquez sur le deuxième, troisième,

00:29:29.830 --> 00:29:31.390
quatrième, cinquième onglet et
vous cliquez sur "Retour",

00:29:31.390 --> 00:29:32.860
il remonte à l'onglet "Home".

00:29:32.860 --> 00:29:35.920
Donc, vous pouvez utiliser ce comportement ici

00:29:35.920 --> 00:29:40.285
d'influencer ce que vous voulez
votre navigation au travail.

00:29:40.285 --> 00:29:43.705
C'est ce qui est vraiment cool
ici dans votre navigation.

00:29:43.705 --> 00:29:48.085
Donc, ici, nous cherchons
cycles de vie.

00:29:48.085 --> 00:29:52.450
Donc, le point de navigation
c'est quand il est déterminé

00:29:52.450 --> 00:29:58.495
l'Uri a soumis
une navigation réussie.

00:29:58.495 --> 00:30:02.155
Alors maintenant, une navigation
va se produire.

00:30:02.155 --> 00:30:06.085
C'est donc là que le plaisir
l'animation entre en jeu.

00:30:06.085 --> 00:30:08.530
Donc, ce que je fais ici est
pendant la navigation,

00:30:08.530 --> 00:30:11.050
Je saisis la page actuelle.

00:30:11.050 --> 00:30:14.320
Donc, je saisis la page actuelle
qui va être affiché,

00:30:14.320 --> 00:30:18.730
et j'applique une balance à l'animation.

00:30:18.730 --> 00:30:22.030
C'est ce que vous voyez.
lorsque la page arrive.

00:30:22.030 --> 00:30:23.875
Quand la page arrive,

00:30:23.875 --> 00:30:28.220
il échelles à elle que vous
peut même voir. Attendez.

00:30:28.470 --> 00:30:31.060
J'ai oublié que je ferais
lundi. Voir ça.

00:30:31.060 --> 00:30:33.895
Si vous cliquez sur le
"A propos", n'est-ce pas amusant?

00:30:33.895 --> 00:30:36.505
Vous cliquez juste entre les onglets

00:30:36.505 --> 00:30:39.400
et il vous donne
cette animation cool.

00:30:39.400 --> 00:30:44.770
Parce que c'est tout l'anace
en apparaissant.

00:30:44.770 --> 00:30:52.040
Donc, apparaissant maintenant indique
que votre page va apparaître.

00:30:52.290 --> 00:30:55.090
Donc, cela arrive.

00:30:55.090 --> 00:30:56.710
La chose cool ici à propos
le truc Shell, aussi,

00:30:56.710 --> 00:30:58.585
est "apparaissant" en fait
signifie apparaître.

00:30:58.585 --> 00:31:01.779
Ainsi, l'événement apparaissant
est tiré sur Shell

00:31:01.779 --> 00:31:05.695
avant la vue fait
apparaissant sur la page.

00:31:05.695 --> 00:31:08.590
Donc, c'est l'endroit où
Les cadres MVVM s'accrocheront

00:31:08.590 --> 00:31:12.160
changer vos fixations et tous les
ces choses, parce qu'en ce moment,

00:31:12.160 --> 00:31:15.445
si vous vous accrochez à "apparaissant" sur iOS,

00:31:15.445 --> 00:31:17.320
votre page s'affichera vide, puis

00:31:17.320 --> 00:31:20.395
votre texte s'estompera dans
parce que l'événement est faux,

00:31:20.395 --> 00:31:23.935
mais les feux de Shell apparaissant
correctement dans 4.2.

00:31:23.935 --> 00:31:28.345
Il n'a pas tout tiré en quatre lignes
mais nous n'en parlerons pas.

00:31:28.345 --> 00:31:31.595
Donc c'est cool.

00:31:31.595 --> 00:31:34.945
Maintenant, apparaissant est là où je suis
personnaliser la façon dont je veux qu'il fonctionne.

00:31:34.945 --> 00:31:37.465
Alors regarde ça, j'ai
ce comportement bouton arrière

00:31:37.465 --> 00:31:39.745
que j'ai affecté à toutes les pages

00:31:39.745 --> 00:31:42.550
et ce que j'ai fait maintenant, c'est que je récupère

00:31:42.550 --> 00:31:45.415
que le comportement bouton de retour
c'est sur cette page,

00:31:45.415 --> 00:31:47.680
et puis je regarde
la pile de navigation,

00:31:47.680 --> 00:31:50.155
et ensuite basé sur
la pile de navigation,

00:31:50.155 --> 00:31:52.060
c'est là que vous avez vu ici.

00:31:52.060 --> 00:31:54.535
C'est où? Voir où je suis
réglage, à quoi cela ressemble.

00:31:54.535 --> 00:31:57.130
Alors maintenant, à l'intérieur de cette chose apparaissant,

00:31:57.130 --> 00:32:00.910
J'ai le contexte de
ma pile virtualisée.

00:32:00.910 --> 00:32:03.715
La pile dans laquelle j'ai fait

00:32:03.715 --> 00:32:05.890
ce service et je dis
ce que je veux que vous

00:32:05.890 --> 00:32:08.455
fait, c'est que je veux que vous
pour mettre le texte à l'arrière,

00:32:08.455 --> 00:32:10.720
et puis s'il ya
pas de pile de navigation,

00:32:10.720 --> 00:32:13.960
Je veux que vous utilisiez
le menu hamburger normal là-bas.

00:32:13.960 --> 00:32:18.459
Donc c'est soigné. L'ensemble
concept de navigation

00:32:18.459 --> 00:32:22.345
de votre demande est en cours de
décrit dans ce service.

00:32:22.345 --> 00:32:24.070
Ainsi, vous pouvez vraiment richement

00:32:24.070 --> 00:32:26.230
orchestrer comme vous le souhaitez
tout pour travailler.

00:32:26.230 --> 00:32:30.520
Alors c'est là que
l'effet de sa filature.

00:32:30.520 --> 00:32:32.890
Donc, chaque fois que vous êtes
en cliquant sur un de ces onglets,

00:32:32.890 --> 00:32:34.645
l'événement apparaissant incendies,

00:32:34.645 --> 00:32:38.170
et puis c'est l'ensemble
d'opérations qui se produisent.

00:32:38.170 --> 00:32:39.670
Donc, cette rotation ici,

00:32:39.670 --> 00:32:43.690
ce que vous voyez comme
cette animation de page entrante.

00:32:43.690 --> 00:32:45.280
N'est-ce pas bien ? Donc, c'est parce que

00:32:45.280 --> 00:32:47.170
les formes animations sont vraiment cool.

00:32:47.170 --> 00:32:49.105
Je pense que parfois les gens
oublier qu'ils sont là.

00:32:49.105 --> 00:32:52.720
Ainsi, l'ensemble des
ces animations que vous avez vu,

00:32:52.720 --> 00:32:55.255
c'est si peu de code.

00:32:55.255 --> 00:32:59.620
Tout ce que c'est, c'est ce code
ici qui est en train de transformer

00:32:59.620 --> 00:33:05.960
la page et puis la chose ici
qui est à l'échelle. Voilà.

00:33:08.630 --> 00:33:10.830
C'est tout ce qui fait

00:33:10.830 --> 00:33:13.425
que la plate-forme croisée
animation qui est cool.

00:33:13.425 --> 00:33:16.005
Alors, oui.

00:33:16.005 --> 00:33:19.890
C'est ainsi que fonctionne l'animation.

00:33:19.890 --> 00:33:21.330
L'anse que nous avons vécue.

00:33:21.330 --> 00:33:23.040
Donc, la parse est assez basique.

00:33:23.040 --> 00:33:26.835
C'est juste regarder
la pile de navigation qui est soignée.

00:33:26.835 --> 00:33:31.380
D'accord. Voyons voir.

00:33:31.380 --> 00:33:36.135
Regardons la pierre tombale
ici très rapide.

00:33:36.135 --> 00:33:39.210
Donc, la pierre tombale
est soigné qui utilise

00:33:39.210 --> 00:33:43.390
L'essentiel de Xamarin
mais fondamentalement ce que je

00:33:43.390 --> 00:33:50.710
faire, c'est que j'ai ces méthodes simples
que j'ai créé.

00:33:50.710 --> 00:33:56.570
Il s'agit donc d'une sérialisation très basique.

00:33:56.580 --> 00:34:02.290
Je prends les URI et puis je viens
pris d'assaut dans la pile de paramètres.

00:34:02.290 --> 00:34:05.155
Into Paramètres est comme une chaîne.

00:34:05.155 --> 00:34:06.760
Donc assez basique.

00:34:06.760 --> 00:34:10.855
Alors laissez-moi passer par où
Je construis la pile.

00:34:10.855 --> 00:34:13.015
Ouais, ici "Navigating".

00:34:13.015 --> 00:34:17.710
Donc tout ce que je fais vraiment avec
navigation est que je le regarde et

00:34:17.710 --> 00:34:24.940
le dire quand l'URI arrive,

00:34:24.940 --> 00:34:27.400
Je le regarde et je dis, "Ok, cool."

00:34:27.400 --> 00:34:31.165
Alors je prends la navigationStack et
puis je l'ajoute à la navStack.

00:34:31.165 --> 00:34:33.040
La principale raison pour laquelle je fais la comparaison

00:34:33.040 --> 00:34:34.150
sur le dessus est si vous faites comme

00:34:34.150 --> 00:34:35.620
un dos parce que vous ne voulez pas

00:34:35.620 --> 00:34:38.200
le bouton arrière pour entrer dans
votre navigationStack.

00:34:38.200 --> 00:34:41.950
Donc, si la dernière page
est la page actuelle,

00:34:41.950 --> 00:34:44.575
cela signifie que l'utilisateur est
popping il sur le dessus.

00:34:44.575 --> 00:34:47.215
Donc, c'est essentiellement
ce que c'est ici.

00:34:47.215 --> 00:34:52.135
Donc, ce que cela fait est
création de ce VirtualStack,

00:34:52.135 --> 00:34:57.880
et puis le VirtualStack est
juste une liste qui est stockée localement.

00:34:57.880 --> 00:35:00.220
Ainsi, vous pouvez voir l'état enregistré.

00:35:00.220 --> 00:35:01.645
Ce n'est pas si excitant.

00:35:01.645 --> 00:35:05.260
C'est juste ici, l'état sauvé.

00:35:05.260 --> 00:35:08.395
Donc, c'est juste prendre
la navigationStack.

00:35:08.395 --> 00:35:13.945
C'est le délimiter de la
navigationStack et il le stocke,

00:35:13.945 --> 00:35:17.850
et c'est vraiment tout.

00:35:17.850 --> 00:35:18.990
Il le stocke.

00:35:18.990 --> 00:35:21.225
Où suis-je ? Cordes magiques.

00:35:21.225 --> 00:35:22.290
C'est cool.

00:35:22.290 --> 00:35:24.390
Alors maintenant, ce qui se passe
c'est quand vous êtes

00:35:24.390 --> 00:35:27.610
démarrage de l'application,

00:35:29.210 --> 00:35:33.250
ce qu'il fait ici avec
votre navigationStack,

00:35:33.250 --> 00:35:38.170
est-il dit, "Est-ce que
la navigationStack existent?

00:35:38.170 --> 00:35:41.395
C'est pas le cas. ainsi
navigationStack est nul.

00:35:41.395 --> 00:35:45.025
Donc, cela signifie que c'est
le premier point de navigation

00:35:45.025 --> 00:35:47.410
et puis ce qu'il fait est
qu'il charge les États.

00:35:47.410 --> 00:35:53.080
Alors maintenant, c'est en train de désaserialr.

00:35:53.080 --> 00:35:56.440
La délaquation est bien trop

00:35:56.440 --> 00:35:57.955
d'un mot compliqué
pour ce qu'il fait,

00:35:57.955 --> 00:36:00.325
mais il essentiellement
ennuie la ficelle,

00:36:00.325 --> 00:36:03.295
divise sur ce terme, puis

00:36:03.295 --> 00:36:07.910
recrée ce que votre pile URI
fonctionne ressemble.

00:36:08.520 --> 00:36:10.600
Parce que chaque application a

00:36:10.600 --> 00:36:12.715
d'une manière différente, ils
veulent faire des piles.

00:36:12.715 --> 00:36:14.965
Ce qu'ils veulent
le bouton "Back" à faire.

00:36:14.965 --> 00:36:17.050
Certaines personnes par exemple sur Slack,

00:36:17.050 --> 00:36:19.195
si vous naviguez
entre les canaux,

00:36:19.195 --> 00:36:21.850
le bouton "Back" ne vous laisse pas
faire autre chose que beaucoup de gens

00:36:21.850 --> 00:36:25.300
veulent être en mesure de
personnaliser ce comportement.

00:36:25.300 --> 00:36:29.380
Ouais, donc c'est cool. Donc, il enregistre
l'État et puis tout ce que nous faisons,

00:36:29.380 --> 00:36:32.125
c'est là que vous pouvez voir
il tout rassembler

00:36:32.125 --> 00:36:36.520
est-ce que vous le prenez,

00:36:36.520 --> 00:36:39.130
vous obtenez la navigationStack
Et après

00:36:39.130 --> 00:36:41.500
Je l'appelle "ParseAsync".

00:36:41.500 --> 00:36:42.640
Alors maintenant, ce que je dis à

00:36:42.640 --> 00:36:46.795
la navigation est que je suis
prendre ce dernier URI,

00:36:46.795 --> 00:36:50.635
J'ai l'anace que URI contre
le système, puis en disant,

00:36:50.635 --> 00:36:54.880
"Je veux que tu me reviennes
l'état suivant de la demande.

00:36:54.880 --> 00:36:57.010
Alors maintenant c'est la page
qu'il va aller

00:36:57.010 --> 00:37:00.295
à et maintenant mon
navigationStack est restauré.

00:37:00.295 --> 00:37:03.040
Alors maintenant, la navigationStack
ici est en mesure

00:37:03.040 --> 00:37:11.110
de travailler maintenant avec le bouton arrière
Comportement que j'ai personnalisé.

00:37:11.110 --> 00:37:12.730
Donc c'est cool.

00:37:12.730 --> 00:37:15.265
Donc tu as pu te ressaisir.

00:37:15.265 --> 00:37:17.260
Vous pouvez beaucoup

00:37:17.260 --> 00:37:20.050
personnaliser tous ces différents
caractéristiques de la façon dont il fonctionne.

00:37:20.050 --> 00:37:23.095
Alors, oui.

00:37:23.095 --> 00:37:25.810
Donc, sur l'une de ces pages
où il tire dans

00:37:25.810 --> 00:37:30.340
les pages avec ces cycles de vie ici,

00:37:30.340 --> 00:37:31.480
c'est là que sur l'apparence,

00:37:31.480 --> 00:37:33.265
vous pouvez définir la navbar visible.

00:37:33.265 --> 00:37:35.845
Vous pouvez définir les pages d'onglets visibles.

00:37:35.845 --> 00:37:37.780
Tout ce que tu veux vraiment faire.

00:37:37.780 --> 00:37:40.240
Alors, oui, voyons voir.

00:37:40.240 --> 00:37:42.730
Je pense que c'était la plupart des
les trucs avec la démo.

00:37:42.730 --> 00:37:46.000
Vérifiez les notes. oui tombe-stoning
top-secret, cool.

00:37:46.000 --> 00:37:47.875
Alors passons à autre place.

00:37:47.875 --> 00:37:50.020
J'ai cliqué sur la plupart des
ces pages, mais je voulais

00:37:50.020 --> 00:37:52.720
il suffit de montrer le MVVM frais.

00:37:52.720 --> 00:38:00.130
Fermons le Xamarin.
D'accord. Voyons voir.

00:38:00.130 --> 00:38:08.080
Donc, nous ne sommes pas à court parce que nous
avait environ sept minutes à gauche.

00:38:08.080 --> 00:38:10.600
Y a-t-il des questions ?

00:38:10.600 --> 00:38:13.330
N'importe qui veut aller au micro
et posez votre question sur

00:38:13.330 --> 00:38:16.990
Shell ou les choses qu'il va
soutien ou non?

00:38:16.990 --> 00:38:20.960
non? Sinon, je ne veux pas faire
avec les cinq prochaines minutes.

00:38:22.500 --> 00:38:25.645
Numéro 1, première chose
que j'aime savoir, c'est,

00:38:25.645 --> 00:38:30.640
quel est le calendrier d'être
capable d'utiliser prisme avec coquille?

00:38:30.640 --> 00:38:36.295
Je ne sais pas vraiment
le calendrier honnêtement,

00:38:36.295 --> 00:38:39.115
il est difficile de s'engager sur des horaires.

00:38:39.115 --> 00:38:40.930
Mais avec ça, ce que nous faisons,

00:38:40.930 --> 00:38:42.550
donc c'est vraiment soigné
parce que FreshMvvm,

00:38:42.550 --> 00:38:44.215
qui est l'échantillon ici,

00:38:44.215 --> 00:38:47.920
a un exemple ici où
ils ont puisé dans elle.

00:38:47.920 --> 00:38:51.069
Donc, la partie de ce que nous sommes en train de déterminer

00:38:51.069 --> 00:38:55.899
est l'endroit où nous pouvons obtenir
avec ce qu'il y a ici,

00:38:55.899 --> 00:38:57.670
quelles parties nous pouvons mettre en pour permettre

00:38:57.670 --> 00:38:59.755
prisme pour commencer à faire le soutien?

00:38:59.755 --> 00:39:03.010
C'est donc l'une des grandes raisons
Je construis beaucoup de ça.

00:39:03.010 --> 00:39:05.500
Il y a un NuGet pour ça.
que nous pouvons tirer dans,

00:39:05.500 --> 00:39:08.200
donc je travaille avec Dan
très activement et beaucoup de

00:39:08.200 --> 00:39:11.260
eux pour s'assurer que
tout est là dont ils ont besoin.

00:39:11.260 --> 00:39:14.260
Alors oui, beaucoup de ces trucs
est construit avec cela à l'esprit.

00:39:14.260 --> 00:39:15.970
J'ai une version que je veux dire

00:39:15.970 --> 00:39:19.120
dans ma tête, mais je suis
ne va pas à dis-le

00:39:19.120 --> 00:39:21.535
Son rôle est quelle version
J'espère que ça va être dedans,

00:39:21.535 --> 00:39:24.220
mais beaucoup de lui aussi est juste
essayer de mettre les pièces po

00:39:24.220 --> 00:39:28.150
Donc, au lieu de mettre
dans cette énorme RP,

00:39:28.150 --> 00:39:29.890
ça va être toutes ces choses.

00:39:29.890 --> 00:39:32.140
J'ai besoin d'obtenir le vin de visibilité

00:39:32.140 --> 00:39:34.630
et une partie du bouton arrière
comportements qui peuvent apparaître,

00:39:34.630 --> 00:39:36.430
donc nous sommes rouler ce rocher ou

00:39:36.430 --> 00:39:38.770
en avant très agressivement
entre eux,

00:39:38.770 --> 00:39:40.270
et à un moment donné, nous sommes
va frapper ce point où

00:39:40.270 --> 00:39:42.010
prisme est capable de vraiment
faire ce qu'ils veulent.

00:39:42.010 --> 00:39:44.950
Donc, le principal, je pense que le prisme
va avoir besoin est vraiment

00:39:44.950 --> 00:39:48.685
cela créer et puis certains
des crochets de navigation.

00:39:48.685 --> 00:39:49.990
C'est le plus grand en ce moment,

00:39:49.990 --> 00:39:55.330
est qu'en ce moment il n'y a aucun moyen
pour DI vos pages avec shell,

00:39:55.330 --> 00:39:57.010
donc ce sera grand.

00:39:57.010 --> 00:39:59.950
Ensuite, la deuxième étape est
ça va être vraiment excitant.

00:39:59.950 --> 00:40:04.150
Donc, en ce moment la recommandation
pour faire de l'intégration,

00:40:04.150 --> 00:40:06.535
il y a des procédures que nous pouvons faire.

00:40:06.535 --> 00:40:09.070
Si nous faisons des onglets, nous pouvons
utiliser le flyout et juste

00:40:09.070 --> 00:40:11.755
désactiver le flyout ou vice versa.

00:40:11.755 --> 00:40:14.290
Y aura-t-il un flux distinct

00:40:14.290 --> 00:40:15.790
qui se débrouillera comme à bord,

00:40:15.790 --> 00:40:18.190
l'enregistrement dans des flux distincts

00:40:18.190 --> 00:40:21.310
que vous ne seriez pas né cessairement
voulez que l'utilisateur navigue vers?

00:40:21.310 --> 00:40:24.070
Oui, c'est vrai.

00:40:24.070 --> 00:40:26.440
Donc, c'est avec la page de connexion.

00:40:26.440 --> 00:40:32.530
Donc, vous voulez dire où vous voulez
ont avec leur inscription?

00:40:32.530 --> 00:40:34.060
Est-ce ce que vous êtes
dire comme s'ils sont

00:40:34.060 --> 00:40:35.560
s'inscrire et passer à travers?

00:40:35.560 --> 00:40:37.900
Oui, c'est vrai. Tutoriels d'intégration
ce genre de chose.

00:40:37.900 --> 00:40:39.310
D'accord. Ouais, nous avons eu

00:40:39.310 --> 00:40:42.295
quelques cas de parler
aux gens avec cela.

00:40:42.295 --> 00:40:45.610
C'est vraiment ce que
ce flux de page de connexion

00:40:45.610 --> 00:40:49.105
voici pour parce qu'avec cela,

00:40:49.105 --> 00:40:52.255
vous pourriez faire un intégration
avec ces scénarios.

00:40:52.255 --> 00:40:54.820
Ici, je pense que certains des
le nom se met en chemin.

00:40:54.820 --> 00:40:57.160
Donc, par exemple, avec cette barre d'onglet,

00:40:57.160 --> 00:41:00.175
cela ne va pas avoir
une barre d'onglet comme vous l'avez vu,

00:41:00.175 --> 00:41:01.660
mais vous pourriez encore de

00:41:01.660 --> 00:41:06.775
cette page de connexion se déplacer à travers
une application d'intégration.

00:41:06.775 --> 00:41:10.855
Vous pouvez pousser une page de contenu
sur pour la page suivante,

00:41:10.855 --> 00:41:13.630
et puis la page suivante, puis
comme toutes les choses modales de travail.

00:41:13.630 --> 00:41:18.535
Mais c'est une chose que les gens
sont vraiment intéressés par,

00:41:18.535 --> 00:41:23.290
donc il ya un problème qui
quelqu'un a créé où nous

00:41:23.290 --> 00:41:25.540
veulent être en mesure de plus déclarativement

00:41:25.540 --> 00:41:28.030
définir des choses comme l'intégration.

00:41:28.030 --> 00:41:30.520
Donc, comme ce que vous pourriez faire
dans un cas d'intégration avec

00:41:30.520 --> 00:41:33.790
une connexion est que vous pourriez faire
un autre contenu shell ici

00:41:33.790 --> 00:41:37.360
qui représente l'enregistrement et

00:41:37.360 --> 00:41:39.790
alors c'est la page suivante
passez votre page de connexion.

00:41:39.790 --> 00:41:41.410
Ensuite, avec votre inscription au nid,

00:41:41.410 --> 00:41:43.795
vous pourriez le faire, d'accord,
collecte de détails.

00:41:43.795 --> 00:41:45.775
Alors, maintenant c'est articuler

00:41:45.775 --> 00:41:49.345
votre hiérarchie que vous êtes
se déplaçant à travers pour l'embarquement.

00:41:49.345 --> 00:41:51.235
Donc, nous voulons être en mesure
pour décrire aussi

00:41:51.235 --> 00:41:54.565
les flux d'une manière plus approfondie.

00:41:54.565 --> 00:41:55.915
Est-ce que cela répond à votre question?

00:41:55.915 --> 00:41:56.580
Oui, c'est vrai.

00:41:56.580 --> 00:41:58.900
D'accord. Si elle ne l'a pas tout à fait couvert,

00:41:58.900 --> 00:42:02.575
il suffit de me le faire savoir et nous pouvons
discuter plus directement à ce sujet.

00:42:02.575 --> 00:42:04.900
D'accord. J'ai donc deux questions.

00:42:04.900 --> 00:42:07.480
Le premier, est-il possible ou

00:42:07.480 --> 00:42:10.375
facile à faire sur mesure
rendu sur l'onglet,

00:42:10.375 --> 00:42:13.270
par exemple, comme l'icône ou

00:42:13.270 --> 00:42:16.600
le texte si je veux mettre
comme un lot dans l'onglet?

00:42:16.600 --> 00:42:18.280
D'accord. ouais.

00:42:18.280 --> 00:42:19.495
Oui, c'est vrai.

00:42:19.495 --> 00:42:21.880
Oui, c'est vrai. Donc, vous parlez juste

00:42:21.880 --> 00:42:24.070
sur les onglets sur le fond
en noeud blanc?

00:42:24.070 --> 00:42:24.510
Oui, c'est vrai.

00:42:24.510 --> 00:42:27.055
Celui-là, j'aimerais
rendre un peu plus facile,

00:42:27.055 --> 00:42:29.545
mais l'icône de l'onglet,

00:42:29.545 --> 00:42:32.285
David, pouvez-vous personnaliser
les icônes de l'onglet?

00:42:32.285 --> 00:42:40.960
[inaudible].

00:42:40.960 --> 00:42:43.060
D'accord. ouais. Qu'est-ce que c est?

00:42:43.060 --> 00:42:44.950
Nous avons un PR pour les badges.

00:42:44.950 --> 00:42:46.675
Parce que tu as posé des questions sur les badges ?

00:42:46.675 --> 00:42:47.050
Oui, c'est vrai.

00:42:47.050 --> 00:42:48.790
D'accord. Désolé, j'ai raté ça.

00:42:48.790 --> 00:42:52.105
ouais. Nous avons un modèle où
vous pouvez porter un modèle.

00:42:52.105 --> 00:42:54.700
Nous avons un PR pour les badges
que nous sommes espérons

00:42:54.700 --> 00:42:57.550
va entrer bien tôt où
vous pouvez les configurer.

00:42:57.550 --> 00:43:02.635
En ce moment, je dirais que le rendu
histoire, il est encore en évolution.

00:43:02.635 --> 00:43:05.275
Vous pouvez vous rendre à
tout dans la coquille.

00:43:05.275 --> 00:43:08.800
Donc, une chose à propos de shell qui
est un peu différent sur

00:43:08.800 --> 00:43:10.870
la structure du rendu
est-ce qu'au lieu de

00:43:10.870 --> 00:43:15.070
avoir un rendu pour
tous les aspects de celui-ci,

00:43:15.070 --> 00:43:17.725
tout se canalisationà travers

00:43:17.725 --> 00:43:21.145
un seul rendur juste
appelé rendu de coquille.

00:43:21.145 --> 00:43:24.445
Donc, si vous vouliez personnaliser
au niveau de la plate-forme,

00:43:24.445 --> 00:43:26.770
c'est une bonne question comme
vous pipe à travers par ici.

00:43:26.770 --> 00:43:29.815
Le rendu de la coquille est
le rendu pour la coquille.

00:43:29.815 --> 00:43:33.550
Donc, c'est un rendu à la place
d'avoir à passer par là.

00:43:33.550 --> 00:43:34.780
Donc, ce que vous feriez sur

00:43:34.780 --> 00:43:37.570
le niveau de la plate-forme est que vous seriez
mettre en œuvre votre propre rendu de coquille,

00:43:37.570 --> 00:43:39.730
utiliser l'attribut d'exportation normal,

00:43:39.730 --> 00:43:41.350
et maintenant ici,

00:43:41.350 --> 00:43:45.145
il a différents
remplace les méthodes virtuelles

00:43:45.145 --> 00:43:49.660
pour la création de ces
différentes parties de celui-ci.

00:43:49.660 --> 00:43:51.685
Donc, voici la mise en page de l'onglet,

00:43:51.685 --> 00:43:53.875
voici la vue nav en bas.

00:43:53.875 --> 00:43:56.425
Voici où vous pouvez
avoir accès à cela,

00:43:56.425 --> 00:43:59.050
voici la barre de statut.

00:43:59.050 --> 00:44:02.515
Donc, c'est ici que c'est
créer tous ces éléments,

00:44:02.515 --> 00:44:06.970
et c'est là que vous pouvez créer
ces choses et y accéder.

00:44:06.970 --> 00:44:08.740
Est-ce que cela répond à votre question?

00:44:08.740 --> 00:44:09.610
En quelque sorte. ouais.

00:44:09.610 --> 00:44:13.405
Oui, c'est vrai. Donc, si les onglets je dirais,

00:44:13.405 --> 00:44:15.610
qui a été intéressant
parce qu'avec le vote,

00:44:15.610 --> 00:44:18.640
l'un des votes les plus élevés qui
nous avions restauré startup a été

00:44:18.640 --> 00:44:22.150
d'avoir une plate-forme transversale
barre de navigation.

00:44:22.150 --> 00:44:23.890
Donc, l'onglet est un autre

00:44:23.890 --> 00:44:26.200
que nous avons cherché
à laquelle serait cool

00:44:26.200 --> 00:44:28.270
d'avoir plus de multi-plateforme afin

00:44:28.270 --> 00:44:30.535
que vous pouvez beaucoup plus
facilement puiser dans eux.

00:44:30.535 --> 00:44:33.970
Mais c'est toujours tout en
mise en page de la tablette native.

00:44:33.970 --> 00:44:37.480
Il utilise la mise en page de l'onglet sur
Barre de navigation en bas Android,

00:44:37.480 --> 00:44:41.380
puis les commandes d'onglet sur iOS.

00:44:41.380 --> 00:44:44.170
Ainsi, vous pouvez les atteindre à
le niveau du rendu et

00:44:44.170 --> 00:44:47.440
personnaliser ces choses. Mais oui.

00:44:47.440 --> 00:44:50.080
Donc, si c'est un cas spécifique,

00:44:50.080 --> 00:44:54.025
vous pouvez obtenir trop facilement certainement
problème de connexion avec shell

00:44:54.025 --> 00:44:56.740
parce que l'histoire du rendu
a besoin d'un peu de

00:44:56.740 --> 00:44:59.875
travail, ce qui rend plus facile d'obtenir
à toutes les différentes parties.

00:44:59.875 --> 00:45:01.330
Donc, c'est une chose qui rend

00:45:01.330 --> 00:45:02.860
coquille un peu différent
parce que vous avez

00:45:02.860 --> 00:45:06.175
le rendu de la coquille et
c'est un tel haut niveau,

00:45:06.175 --> 00:45:08.470
s'assurer qu'ils ont
l'accès à toutes ces pièces.

00:45:08.470 --> 00:45:08.710
D'accord.

00:45:08.710 --> 00:45:15.880
[inaudible].

00:45:15.880 --> 00:45:18.130
D'accord. Ma prochaine question est,

00:45:18.130 --> 00:45:21.775
si je voulais faire comme profonde
lien ou connexion d'application,

00:45:21.775 --> 00:45:27.145
serait-il possible de faire avec
cette navigation de routage d'obus?

00:45:27.145 --> 00:45:30.235
Oui, c'est vrai. On est presque sortis.
temps ici, mais oui.

00:45:30.235 --> 00:45:32.290
C'est l'une des grandes choses
que nous voulons permettre.

00:45:32.290 --> 00:45:36.500
Donc, parce que comme quand
vous faites des liens profonds,

00:45:37.050 --> 00:45:39.370
lorsque vous tracez votre lien profond,

00:45:39.370 --> 00:45:42.070
c'est essentiellement votre hôte
et votre plan

00:45:42.070 --> 00:45:46.105
qui lui dit que
cette application dessert cette URL,

00:45:46.105 --> 00:45:48.910
et puis la partie intéressante de
c'est le chemin que la fin.

00:45:48.910 --> 00:45:51.040
Donc, comme si vous étiez
faire des liens profonds,

00:45:51.040 --> 00:45:52.615
c'est là que l'URI entre en vigueur.

00:45:52.615 --> 00:45:55.630
Donc, vous seriez essentiellement
démarrer votre application

00:45:55.630 --> 00:45:58.780
quand il commence à partir de ce point
où il est profondément lié,

00:45:58.780 --> 00:46:01.630
et puis à partir de là, vous obtenez
le chemin qu'ils vont,

00:46:01.630 --> 00:46:04.930
et puis si vous avez mis en place
votre coquille pour correspondre à cela,

00:46:04.930 --> 00:46:06.610
alors vous pouvez juste aller à ce chemin et

00:46:06.610 --> 00:46:08.545
Il ira directement à cette page.

00:46:08.545 --> 00:46:11.980
Donc, c'est ce qui se passe avec
la navigation de chaîne de requête.

00:46:11.980 --> 00:46:16.585
Donc, quand il navigue
sur les pages de détails,

00:46:16.585 --> 00:46:19.675
par exemple, le modèle de vue,

00:46:19.675 --> 00:46:24.190
ici, voir l'URI que c'est
construire c'est juste une chaîne de requête,

00:46:24.190 --> 00:46:27.970
c'est juste un nom de quelque chose
ici sur un paramètre de chaîne de requête.

00:46:27.970 --> 00:46:29.620
Donc, avec le lien profond,

00:46:29.620 --> 00:46:32.170
vous pouvez juste faire "détails
ID égale quelque chose"

00:46:32.170 --> 00:46:33.310
basé sur ce qu'ils font et puis

00:46:33.310 --> 00:46:35.350
lien entre cela dans l'application.

00:46:35.350 --> 00:46:38.680
Alors si vous voulez, vous pouvez aller
fou dans votre service de navigation

00:46:38.680 --> 00:46:42.265
et construire une pile personnalisée ainsi.

00:46:42.265 --> 00:46:45.490
Donc, c'est revient à
où il parlait,

00:46:45.490 --> 00:46:47.050
ce qui serait cool
si nous pouvions décrire

00:46:47.050 --> 00:46:48.820
une hiérarchie ici
parce qu'alors nous pourrions

00:46:48.820 --> 00:46:52.825
générer la pile entière pour vous
si nous avons des connaissances à ce sujet.

00:46:52.825 --> 00:46:54.610
Alors oui.

00:46:54.610 --> 00:46:57.440
Je pense qu'on vous a préparé pour le couper.

00:46:57.720 --> 00:47:01.405
Je vais fermer mon
des trucs et puis peut-être?

00:47:01.405 --> 00:47:03.080
Il est en charge pour qu'il puisse
dites-moi de me lever ou non.

00:47:03.080 --> 00:47:05.770
J'ai une question rapide
sur les paramètres de navigation,

00:47:05.770 --> 00:47:07.195
mais je peux le mettre hors ligne.

00:47:07.195 --> 00:47:10.360
D'accord. Emmenez-le là-haut
parce qu'on a besoin de l'emballer.

00:47:10.360 --> 00:47:11.635
Alors oui. D'accord.

00:47:11.635 --> 00:47:14.830
Eh bien, c'est tout. Oui, [inaudible] .

00:47:14.830 --> 00:47:17.045
Yay! sommet.

00:47:17.045 --> 00:47:19.500
ouais.

00:47:19.500 --> 00:47:22.000
[MUSIQUE]

