WEBVTT

00:00:00.000 --> 00:00:04.230
Bonjour. Dan a effectivement obtenu un
merveilleux rire hors de moi.

00:00:04.230 --> 00:00:05.580
Je devais être
calme, mais quand il

00:00:05.580 --> 00:00:07.320
dit singes qui tapent très vite,

00:00:07.320 --> 00:00:10.110
qui parle à la
Le singe Xamarin, c'est ça ?

00:00:10.110 --> 00:00:11.505
Alors bienvenue.

00:00:11.505 --> 00:00:13.800
On va parler.
sur la façon dont un Xamarin Forms

00:00:13.800 --> 00:00:16.395
est plus productif et
belle que jamais.

00:00:16.395 --> 00:00:19.020
Donc, je suis heureux que vous avez
nous a rejoints. J'ai besoin de votre aide.

00:00:19.020 --> 00:00:20.240
Je suis David Ortinau,

00:00:20.240 --> 00:00:24.630
Gestionnaire principal de programme pour
outils de développement mobile couvrant le

00:00:24.630 --> 00:00:29.895
Xamarin mobile SDK
avec notre outillage.

00:00:29.895 --> 00:00:31.280
Nous sommes nombreux à travailler sur

00:00:31.280 --> 00:00:33.260
ce produit et je suis
vraiment excité aujourd'hui à

00:00:33.260 --> 00:00:36.770
partager avec vous le nouveau cool
choses que nous avons fait.

00:00:36.770 --> 00:00:39.800
Donc, tout d'abord, je veux
d'entendre parler de vous.

00:00:39.800 --> 00:00:42.230
Donc, j'ai été livestreaming une fois un

00:00:42.230 --> 00:00:44.700
semaine depuis un bon moment maintenant sur Twitch,

00:00:44.700 --> 00:00:48.470
et je trouve que les gens accordent
de partout dans le monde.

00:00:48.470 --> 00:00:50.360
Donc, nous parlons de la météo

00:00:50.360 --> 00:00:52.955
aujourd'hui et nous avons beaucoup parlé
sur la météo à Redmond,

00:00:52.955 --> 00:00:55.310
mais où êtes-vous, où
vous regardez à partir de?

00:00:55.310 --> 00:00:57.470
Rendez-vous sur votre client Twitter

00:00:57.470 --> 00:00:59.360
quel que soit votre préféré
Twitter client est,

00:00:59.360 --> 00:01:03.575
utiliser the.NET hashtag conf et dire
moi d'où vous regardez de.

00:01:03.575 --> 00:01:06.770
Vous êtes en Amérique du Nord?

00:01:06.770 --> 00:01:09.155
Oui, je suis retourné aux diapositives, désolé.

00:01:09.155 --> 00:01:12.095
Vous êtes en Amérique du Nord, où vous?

00:01:12.095 --> 00:01:13.790
Vous êtes clairement censé être

00:01:13.790 --> 00:01:15.955
travailler en ce moment si
vous êtes en Amérique du Nord,

00:01:15.955 --> 00:01:17.460
mais c'est du travail,

00:01:17.460 --> 00:01:19.460
c'est l'éducation pour ce que vous

00:01:19.460 --> 00:01:21.740
faire au jour le jour.
Donc c'est tout bon.

00:01:21.740 --> 00:01:24.215
Que diriez-vous de l'Amérique du Sud,

00:01:24.215 --> 00:01:27.200
et bien sûr l'Amérique du Nord
J'ai inclus l'Amérique centrale.

00:01:27.200 --> 00:01:30.425
Je vais sauter quelque chose.

00:01:30.425 --> 00:01:33.530
Que diriez-vous de la grande
continent de l'Afrique?

00:01:33.530 --> 00:01:35.060
Je sais que nous avons
beaucoup de gens qui

00:01:35.060 --> 00:01:37.160
sera à l'écoute à partir de
L'Afrique quand je diffuse,

00:01:37.160 --> 00:01:41.375
donc c'est toujours génial de voir les gens
de cette région du monde.

00:01:41.375 --> 00:01:44.570
Xamarin est un tel
communauté, c'est vraiment génial.

00:01:44.570 --> 00:01:47.840
C'est l'une des choses que je préfère
sur le travail pour Microsoft est

00:01:47.840 --> 00:01:49.460
être capable d'interagir
avec des gens partout

00:01:49.460 --> 00:01:51.490
le monde. Et l'Europe ?

00:01:51.490 --> 00:01:52.710
D'où venez-vous ?

00:01:52.710 --> 00:01:53.925
Je suis à la recherche de quelques tweets ici,

00:01:53.925 --> 00:01:56.085
Allez, frappe-moi avec quelques tweets.

00:01:56.085 --> 00:02:00.210
Très bien, nous avons un et
Saint-Louis, ma ville natale.

00:02:00.210 --> 00:02:04.080
Kerala Inde, Norvège,
Olympia Washington,

00:02:04.080 --> 00:02:06.135
pas trop loin, Mexique,

00:02:06.135 --> 00:02:09.285
Belgique douce. D'accord.

00:02:09.285 --> 00:02:12.110
Oceanside Californie, i
ne sais pas exactement où

00:02:12.110 --> 00:02:15.065
c'est, mais c'est côté de l'océan
donc j'ai besoin d'aller visiter.

00:02:15.065 --> 00:02:16.870
Ca a l'air incroyable.

00:02:16.870 --> 00:02:20.025
effarant. Eh bien, et
la terre en dessous,

00:02:20.025 --> 00:02:22.800
nous ne pouvons pas oublier le
atterrir sous, non?

00:02:22.800 --> 00:02:24.150
Parce que je sais que
nous avons une forte

00:02:24.150 --> 00:02:26.150
vibrant.NET communauté Xamarin.

00:02:26.150 --> 00:02:28.010
Ils sont passionnés
sur la technologie,

00:02:28.010 --> 00:02:31.100
essayer d'obtenir de plus en plus
l'adoption où ils travaillent,

00:02:31.100 --> 00:02:33.530
et nous voulons aider à soutenir
du mieux que nous pouvons.

00:02:33.530 --> 00:02:37.700
Un de mes streamers Twitch préférés
petit teaser est en Australie.

00:02:37.700 --> 00:02:40.295
Parlons de la météo.

00:02:40.295 --> 00:02:43.430
Donc, comme je l'ai mentionné si vous avez vu
la keynote de ce matin

00:02:43.430 --> 00:02:45.080
Je crois que c'est Glenn qui a dit que

00:02:45.080 --> 00:02:47.055
Redmond est le seul
temps qui compte,

00:02:47.055 --> 00:02:49.970
et donné où vous
sont dans le monde que je

00:02:49.970 --> 00:02:53.420
imaginez que vous ne pensez pas que le
météo partout dans le monde est importante.

00:02:53.420 --> 00:02:55.820
Voyons comment
nous pouvons nous attaquer à cette question.

00:02:55.820 --> 00:02:58.640
Je vais sauter par-dessus
à mon studio visuel.

00:02:58.640 --> 00:03:02.935
Laissez mon émulateur Android redimensionner.

00:03:02.935 --> 00:03:06.530
D'accord. C'est bon.
Donc, c'est la démo

00:03:06.530 --> 00:03:10.250
vous avez vu de James Montemagno
plus tôt au cours de la keynote.

00:03:10.250 --> 00:03:13.220
Encore une fois, même code si je zoom

00:03:13.220 --> 00:03:16.390
ici si je connais mes frappes
Je ne connais pas mes frappes.

00:03:16.390 --> 00:03:19.110
Oui oh je le fais, regardez ça. D'accord.

00:03:19.110 --> 00:03:22.185
Donc, la même solution, c'est
appelé le Blazor,

00:03:22.185 --> 00:03:24.330
les trucs côté serveur tout cela ici.

00:03:24.330 --> 00:03:25.770
Puis j'ai ajouté quelques trucs à droite,

00:03:25.770 --> 00:03:28.045
Bien sûr, je dois ajouter mes affaires.

00:03:28.045 --> 00:03:32.735
Donc, c'est le même projet en cours d'exécution
et vous avez Seattle ici,

00:03:32.735 --> 00:03:34.940
mais j'ai fait certaines choses, bien sûr.

00:03:34.940 --> 00:03:37.775
Je veux vous montrer ce qui est nouveau
et grand dans les formes Xamarin.

00:03:37.775 --> 00:03:38.960
Donc tout d'abord,

00:03:38.960 --> 00:03:40.475
Commençons par la coquille.

00:03:40.475 --> 00:03:42.890
Donc, ce que shell vous fournit est

00:03:42.890 --> 00:03:46.520
un nouveau conteneur pour vos applications
pour les rendre plus flexibles,

00:03:46.520 --> 00:03:49.190
rendre plus facile pour vous de
créer les menus flyout,

00:03:49.190 --> 00:03:51.560
les barres d'onglet s'ils sont
en bas ou en haut,

00:03:51.560 --> 00:03:53.480
ainsi que certains services de navigation

00:03:53.480 --> 00:03:55.295
que nous allons creuser dans
ici dans une minute.

00:03:55.295 --> 00:03:59.210
Mais la première chose dont j'ai besoin est de
être en mesure d'obtenir à ce menu de côté.

00:03:59.210 --> 00:04:01.715
Donc, je vais descendre
ici et je vais utiliser

00:04:01.715 --> 00:04:05.140
une autre chose nouvelle que nous
ont dans xamarin Forms.

00:04:05.140 --> 00:04:06.770
En fait, comme je suis
en regardant cela, il ya

00:04:06.770 --> 00:04:09.605
au moins deux nouvelles choses
ici dans Xamarin Forms.

00:04:09.605 --> 00:04:11.930
Alors laissez-moi aller "Ku".

00:04:11.930 --> 00:04:13.760
Alors maintenant, j'ajoute un bouton d'image.

00:04:13.760 --> 00:04:15.935
Je vais aller de l'avant et sauver
cela et il va mettre à jour.

00:04:15.935 --> 00:04:19.355
Maintenant, j'ai un bouton sur
ici que je peux ouvrir mon menu.

00:04:19.355 --> 00:04:21.340
Alors, quelles sont ces nouvelles choses
que je viens de mentionner?

00:04:21.340 --> 00:04:24.130
Eh bien, tout d'abord nous maintenant
avoir un bouton d'image.

00:04:24.130 --> 00:04:27.110
Bien sûr, avant que vous
aurait pu utiliser une image,

00:04:27.110 --> 00:04:28.160
vous auriez pu utiliser un bouton,

00:04:28.160 --> 00:04:29.960
et vous auriez pu
potentiellement arriver à des

00:04:29.960 --> 00:04:31.940
quelque chose qui répondait à vos besoins de conception.

00:04:31.940 --> 00:04:34.160
Mais il y a une bonne raison
d'avoir explicitement

00:04:34.160 --> 00:04:36.860
un bouton d'image pour
raisons d'accessibilité,

00:04:36.860 --> 00:04:40.160
pour la findability afin que vous puissiez
trouver la chose dont vous avez besoin,

00:04:40.160 --> 00:04:42.170
et il se comporte légèrement différemment.

00:04:42.170 --> 00:04:45.545
L'autre chose nouvelle que je
utilisé est la source d'image de police.

00:04:45.545 --> 00:04:47.870
Donc, c'est en fait la police géniale,

00:04:47.870 --> 00:04:51.830
et j'ai une classe statique ici
qui apporte dans le code uni,

00:04:51.830 --> 00:04:55.100
personnages spéciaux dont j'ai besoin
d'être en mesure d'utiliser cela et

00:04:55.100 --> 00:04:58.700
alors je peux venir ici
et choisir autre chose.

00:04:58.700 --> 00:05:00.560
Qu'est-ce qu'on a ici ? désodorisant

00:05:00.560 --> 00:05:02.450
Je ne sais pas pourquoi je
jamais utiliser un assainisseur d'air

00:05:02.450 --> 00:05:05.700
mais c'est important d'avoir, non?

00:05:05.700 --> 00:05:08.400
Donc, vous pouvez changer cela

00:05:08.400 --> 00:05:11.235
à l'extérieur et puis bien sûr
Je peux le faire comme ça.

00:05:11.235 --> 00:05:14.920
J'aurais pu faire ça,

00:05:14.920 --> 00:05:19.480
parce que ce que j'ai fait
fait et je vais vous montrer,

00:05:19.480 --> 00:05:23.770
est ici au sommet que j'ai
ma coquille et je peux accéder à cette

00:05:23.770 --> 00:05:25.630
de n'importe où dans mon application et

00:05:25.630 --> 00:05:28.555
contrôler la façon dont je veux mon
shell app à se comporter.

00:05:28.555 --> 00:05:31.690
Donc, à ce stade, j'ai caché
la barre nav, mais je peux aller

00:05:31.690 --> 00:05:34.750
à l'avance et retournez cela à vrai
et ça le ramènera,

00:05:34.750 --> 00:05:37.135
mais il n'est pas conçu pour cela.

00:05:37.135 --> 00:05:40.150
Le beau design que James

00:05:40.150 --> 00:05:42.925
rassemblés pour cette
vraiment ne fonctionne pas avec cela.

00:05:42.925 --> 00:05:44.590
C'est pour ça que j'ai décidé de le cacher.

00:05:44.590 --> 00:05:46.450
Maintenant, avec elle disponible,

00:05:46.450 --> 00:05:48.505
que le menu fonctionne hors de la boîte.

00:05:48.505 --> 00:05:51.340
Vous n'avez pas besoin d'aller ajouter
un bouton comme je viens de le faire,

00:05:51.340 --> 00:05:55.755
mais je voulais parce que
Hey, je voulais montrer.

00:05:55.755 --> 00:05:58.594
Alors je vais aller de l'avant et cacher que de nouveau,

00:05:58.594 --> 00:06:00.770
et regardons le
fichier shell lui-même.

00:06:00.770 --> 00:06:02.300
Qu'est-ce qui se passe ici ?

00:06:02.300 --> 00:06:09.165
Alors, déplaçons ça
du chemin, s'en aller.

00:06:09.165 --> 00:06:11.855
Et voilà. D'accord
si super simple.

00:06:11.855 --> 00:06:14.855
J'ai ces trois flyout
éléments de menu que vous venez de voir,

00:06:14.855 --> 00:06:16.640
J'ouvre encore une fois.

00:06:16.640 --> 00:06:19.820
J'ai donc mon flyout
menu pour le Seattle et

00:06:19.820 --> 00:06:23.190
puis Saint-Louis que nous sommes
Je vais à la prochaine, ma ville natale.

00:06:23.190 --> 00:06:25.935
Alors on a la carte du monde.

00:06:25.935 --> 00:06:30.420
Donc, essentiellement, c'est juste une coquille
fichier, rien de supermagique ici.

00:06:30.420 --> 00:06:33.155
Puis je commence à déclarer
ce que je veux,

00:06:33.155 --> 00:06:37.025
trois flyouts et ce sont les
pages que vous devriez aller.

00:06:37.025 --> 00:06:38.960
Notez que j'utilise des modèles de données.

00:06:38.960 --> 00:06:40.730
C'est une bonne pratique pour entrer dans,

00:06:40.730 --> 00:06:42.920
parce qu'il permet aux choses de charger sur

00:06:42.920 --> 00:06:45.170
demande et vous n'avez pas à vous inquiéter

00:06:45.170 --> 00:06:48.950
sur les choses avec impatience le chargement

00:06:48.950 --> 00:06:50.480
et ralentir votre
temps de démarrage de l'application.

00:06:50.480 --> 00:06:52.460
C'est donc une bonne pratique pour entrer dans.

00:06:52.460 --> 00:06:55.830
Très bien, voyons où
voulons-nous aller ensuite?

00:06:55.830 --> 00:06:59.040
Donc, je pense que nous avons besoin
pour aller à Saint-Louis,

00:06:59.040 --> 00:07:01.490
et nous allons corriger ce Seattle

00:07:01.490 --> 00:07:03.110
est le seul à savoir si
c'est important.

00:07:03.110 --> 00:07:05.300
Donc, il semble que c'est
actuellement 78 à Saint-Louis.

00:07:05.300 --> 00:07:07.775
J'ai déjà fait la magie du modèle de vue

00:07:07.775 --> 00:07:09.230
pour que cela se produise
qui n'est pas vraiment

00:07:09.230 --> 00:07:11.610
magie. C'est juste un modèle de vue.

00:07:11.630 --> 00:07:14.850
Alors allons ici
d'abord à où est-ce qu'il

00:07:14.850 --> 00:07:17.610
disons Seattle, corrigeons ça.

00:07:17.610 --> 00:07:20.120
Bien sûr, nous ne
je veux un seul endroit.

00:07:20.120 --> 00:07:23.000
J'ai vu Dan dans le précédent
session a fait un très bon travail de

00:07:23.000 --> 00:07:27.290
montrant comment mettre à niveau l'application
pour prendre en charge plusieurs emplacements.

00:07:27.290 --> 00:07:30.455
Nous allons aller de l'avant et lier que
emplacement, afin que nous puissions obtenir

00:07:30.455 --> 00:07:33.905
Saint-Louis sortant de
notre modèle de vue, excellent.

00:07:33.905 --> 00:07:36.245
Puis il a l'aiguille de l'espace ici.

00:07:36.245 --> 00:07:38.675
Nous n'avons pas d'espace
aiguille à Saint-Louis,

00:07:38.675 --> 00:07:40.210
qu'avons-nous à Saint-Louis?

00:07:40.210 --> 00:07:42.125
Eh bien, clairement nous avons l'arc.

00:07:42.125 --> 00:07:44.630
J'ai donc une image
ici de la Saint-Louis

00:07:44.630 --> 00:07:49.115
horizon qui s'exhibe
l'arc, très beau.

00:07:49.115 --> 00:07:55.550
J'adore ça, mais vraiment je voudrais
ne pas inclure cela.

00:07:55.550 --> 00:08:02.735
Ainsi, St. Louis est actuellement la fière
propriétaire de la Coupe Stanley.

00:08:02.735 --> 00:08:05.735
C'est important de savoir.

00:08:05.735 --> 00:08:08.720
Il ne cesse d'apparaître jusqu'à tous les
sur la ville de Saint-Louis.

00:08:08.720 --> 00:08:13.010
Alors maintenant, je pense que nous avons un bon St.

00:08:13.010 --> 00:08:18.020
Carte représentative de Louis
ou la page météo là-bas.

00:08:18.020 --> 00:08:21.200
Mais allons-y un peu
plus loin et nous allons vous montrer

00:08:21.200 --> 00:08:25.205
un couple d'autres nouvelles choses qui
Xamarin Forms a pour vous maintenant.

00:08:25.205 --> 00:08:29.330
Donc, je viens d'aller à cette page
et vous seriez pardonné si vous

00:08:29.330 --> 00:08:33.435
pensé que la liste de la ville
page utilise un ListView,

00:08:33.435 --> 00:08:34.710
ce n'est pas un ListView.

00:08:34.710 --> 00:08:36.450
C'est CollectionView,
Collectionview

00:08:36.450 --> 00:08:38.615
nous avons été prévisualisation
pour plusieurs versions.

00:08:38.615 --> 00:08:43.580
Il est maintenant dans, ont été l'expédition
Xamarin Forms 4.3 pré-version,

00:08:43.580 --> 00:08:46.415
et donc vous pouvez l'utiliser aujourd'hui.

00:08:46.415 --> 00:08:50.510
Lorsque 4.0 devient stable, nous nous attendons à
d'appeler cela une version stable.

00:08:50.510 --> 00:08:53.870
Nous examinons la dernière
des bogues et de faire

00:08:53.870 --> 00:08:57.695
s'assurer que les caractéristiques répondent
cette barre MVP pour l'expédition de ce.

00:08:57.695 --> 00:08:59.720
Je pense que c'est vraiment utile.

00:08:59.720 --> 00:09:02.690
Alors laissez-moi vous montrer quelques choses
que nous avons en cours ici.

00:09:02.690 --> 00:09:06.320
Donc, tout d'abord, ici
est ma CollectionView,

00:09:06.320 --> 00:09:09.095
et la syntaxe est très
similaire à ce que vous feriez

00:09:09.095 --> 00:09:12.365
être l'expérience ou utilisé pour
si vous utilisez listView.

00:09:12.365 --> 00:09:14.660
Ceci est construit sur tous les contrôles modernes.

00:09:14.660 --> 00:09:17.960
Uicollectionview du côté iOS,

00:09:17.960 --> 00:09:19.860
Je crois que c'est RecyclerView
du côté d'Android,

00:09:19.860 --> 00:09:23.435
et nous avons aussi une mise en œuvre UWP
sur la base de ce contrôle.

00:09:23.435 --> 00:09:26.510
J'ai ça à l'intérieur d'une grille.

00:09:26.510 --> 00:09:28.520
J'ai ma source d'article lié ici.

00:09:28.520 --> 00:09:31.160
C'est une liste plate de
villes comme vous pouvez le voir.

00:09:31.160 --> 00:09:33.755
J'ai déclaré une mise en page linéaire.

00:09:33.755 --> 00:09:35.470
Maintenant, si je retire ça,

00:09:35.470 --> 00:09:38.800
Je crois qu'il fait
par défaut à une mise en page linéaire.

00:09:38.800 --> 00:09:42.320
Mais je voulais ajouter
l'espacement de l'élément à elle

00:09:42.320 --> 00:09:45.905
c'est pourquoi je l'ai déclaré de sorte que
Je pourrais ajouter ce bel espacement.

00:09:45.905 --> 00:09:48.755
Maintenant, quelque chose d'autre
que vous pouvez faire est

00:09:48.755 --> 00:09:51.785
il peut faire l'orientation horizontale,

00:09:51.785 --> 00:09:54.230
et la foule se déchaîne.

00:09:54.230 --> 00:09:57.230
Bien sûr, maintenant ma conception commence à

00:09:57.230 --> 00:10:01.090
regarder un peu funky alors nous allons
nettoyer un peu.

00:10:01.190 --> 00:10:06.245
Nous donnerons aux colonnes une largeur
de sorte qu'ils s'étalent un peu,

00:10:06.245 --> 00:10:10.295
qui n'a pas vraiment fait toute la magie
que je voulais, mais nous allons bien.

00:10:10.295 --> 00:10:13.280
Donc, regardons un
quelques autres mises en page.

00:10:13.280 --> 00:10:18.410
Ainsi, en plus d'une mise en page linéaire
nous avons également une disposition de grille.

00:10:18.410 --> 00:10:21.290
Ensuite, dans la mise en page de la grille, je peux

00:10:21.290 --> 00:10:24.110
déclarer combien de grille
articles que je veux avoir.

00:10:24.110 --> 00:10:26.425
Donc je vais commencer par deux,

00:10:26.425 --> 00:10:31.310
et nous allons voir, l'orientation, je vais
aller de l'avant et de rester avec la verticale.

00:10:31.310 --> 00:10:35.975
Je crois que j'ai les deux
espacement vertical

00:10:35.975 --> 00:10:41.580
et l'espacement horizontal. Très bien.

00:10:41.580 --> 00:10:45.880
Garde ça. D'accord

00:10:45.880 --> 00:10:48.520
nous cherchons un peu
triompher de qqn. Voyons voir ici.

00:10:48.520 --> 00:10:51.660
Je pense que je veux faire
cela un peu plus large.

00:10:51.660 --> 00:10:53.500
Je vous parie que si je commente que

00:10:53.500 --> 00:10:55.465
retour à l'extérieur qui fera
c'est un peu mieux.

00:10:55.465 --> 00:10:59.900
Mais faisons-le, nous allons
aller à un horizontal.

00:10:59.900 --> 00:11:03.150
Permettez-moi de regarder un couple
d'autres regards ici.

00:11:03.150 --> 00:11:07.065
Alors bien sûr, ce que je fais
est maintenant c'est tout rechargement à chaud.

00:11:07.065 --> 00:11:11.850
XAML Hot Reload qui
est en Visual Studio

00:11:11.850 --> 00:11:14.490
2019 16.3 qui expédie aujourd'hui

00:11:14.490 --> 00:11:18.075
ainsi que Visual Studio
pour Mac 8.3 expédition aujourd'hui.

00:11:18.075 --> 00:11:19.890
Donc, vous pouvez aller l'expérience de cela.

00:11:19.890 --> 00:11:22.890
Assurez-vous d'aller à votre
options d'outils de préférences ou

00:11:22.890 --> 00:11:27.090
préférences finales et aller tourner
sur l'option XAML Hot Reload.

00:11:27.090 --> 00:11:30.525
Assurez-vous que vous utilisez également
Xamarin.Forms 4.1 ou plus récent.

00:11:30.525 --> 00:11:31.500
Bien sûr, vous allez vouloir

00:11:31.500 --> 00:11:32.820
l'expérience de toute cette bonté,

00:11:32.820 --> 00:11:36.060
donc vous êtes déjà sur 4.3.0-pre2.

00:11:36.060 --> 00:11:39.675
Donc, ce ne sera pas un problème pour vous.

00:11:39.675 --> 00:11:43.320
Faisons encore quelques choses ici.

00:11:43.320 --> 00:11:46.215
Donc, je suis à l'intérieur de mes données
modèle et je suis juste

00:11:46.215 --> 00:11:48.330
manipuler les choses à l'intérieur
le modèle de données pour voir

00:11:48.330 --> 00:11:51.330
ce que tout ce que je pouvais
faire ici avec cette

00:11:51.330 --> 00:11:55.065
et vous remarquerez que je suis
obtenir défilement horizontal ici.

00:11:55.065 --> 00:11:57.210
Voyons. Laisse-moi arranger ça.

00:11:57.210 --> 00:11:59.670
Comment ai-je eu cette mise en page avant?

00:11:59.670 --> 00:12:03.130
J'ai une dispute et une rangée.

00:12:03.470 --> 00:12:05.910
Verticale et en bas.

00:12:05.910 --> 00:12:07.470
Donc j'ai juste besoin de faire ma rangée

00:12:07.470 --> 00:12:11.850
plus grand et obtenir un peu plus d'espace

00:12:11.850 --> 00:12:14.920
là pour que mon étiquette
est au fond.

00:12:15.250 --> 00:12:18.200
C'est parti. Donc, c'est
regarder un peu mieux.

00:12:18.200 --> 00:12:20.495
Alors si je fais ça,

00:12:20.495 --> 00:12:22.595
Je veux te montrer
à quoi il ressemble.

00:12:22.595 --> 00:12:25.970
J'ai créé ce convertisseur de couleur cool

00:12:25.970 --> 00:12:29.375
pour pimenter les choses et apporter
un peu de couleur à l'image ici.

00:12:29.375 --> 00:12:33.285
Alors dépareons ce chiot.

00:12:33.285 --> 00:12:38.400
Donc ce que c'est, c'est que je suis juste contraignant
à la température actuelle.

00:12:38.400 --> 00:12:40.290
Donc, en fonction de ce que la température est,

00:12:40.290 --> 00:12:43.080
nous allons avoir une couleur qui
représente cette température.

00:12:43.080 --> 00:12:44.670
Alors j'ai un petit convertisseur ici,

00:12:44.670 --> 00:12:47.265
temp au convertisseur de couleur, pas grand-chose.

00:12:47.265 --> 00:12:50.400
À ce stade, il ne fait pas
les mathématiques de fantaisie qui serait

00:12:50.400 --> 00:12:53.490
être génial à faire avec
les couleurs hexadecimal,

00:12:53.490 --> 00:12:56.895
c'est juste en utilisant un grand vieux
Déclaration d'interrupteur honking.

00:12:56.895 --> 00:12:59.520
Fait le travail. C'est
le genre de développeur que je suis.

00:12:59.520 --> 00:13:02.355
Je suis certainement dans le
faire le travail fait le camp.

00:13:02.355 --> 00:13:05.370
Ensuite, nous sauvons cela, et maintenant,
vous voyez que nous commençons à obtenir

00:13:05.370 --> 00:13:10.890
quelques couleurs assez douces et vous
peut faire beaucoup de choses avec cela.

00:13:10.890 --> 00:13:13.035
Bien sûr, il soutient le commandement,

00:13:13.035 --> 00:13:16.875
soutient tirer à
rafraîchir et en fait,

00:13:16.875 --> 00:13:19.350
J'ai vu cela venir dans certains de

00:13:19.350 --> 00:13:22.515
notre CollectionView
et d'autres défis,

00:13:22.515 --> 00:13:25.410
est où est l'attraction pour rafraîchir
et manger une traction pour se rafraîchir?

00:13:25.410 --> 00:13:28.140
Eh bien, rafraîchir est un contrôle réutilisable

00:13:28.140 --> 00:13:30.390
donc c'est en fait son propre truc.

00:13:30.390 --> 00:13:32.130
Donc, vous le mettre en place comme

00:13:32.130 --> 00:13:37.560
ceci et puis ici
sur le RefreshView,

00:13:37.560 --> 00:13:40.785
vous pouvez lui dire quelle est votre commande.

00:13:40.785 --> 00:13:44.040
Je ne suis pas sûr d'avoir un rafraîchissement
commande, mais nous allons vérifier.

00:13:44.040 --> 00:13:46.155
Oui, j'ai une commande de recharge.

00:13:46.155 --> 00:13:48.555
Alors maintenant, si je garde ça,

00:13:48.555 --> 00:13:51.540
nous sommes en territoire dangereux
Je n'ai jamais testé ça.

00:13:51.540 --> 00:13:54.045
Ouais, vu que j'ai complète ment doué.

00:13:54.045 --> 00:13:57.360
Il y a le RefreshView
bien que. Voilà.

00:13:57.360 --> 00:14:06.820
Probablement besoin de faire que
Plus. C'est ce que c'est.

00:14:06.860 --> 00:14:12.330
Faites ceci, décommentez ce chiot,

00:14:12.330 --> 00:14:16.180
faire cette chose comme un 100.

00:14:16.610 --> 00:14:21.525
On est en forme. Alors rafraîchissez-vous
vue est assez impressionnant.

00:14:21.525 --> 00:14:22.890
C'est tout pour les démos.

00:14:22.890 --> 00:14:24.900
J'ai une tonne de diapositives
pour passer à travers et

00:14:24.900 --> 00:14:27.855
combien de temps ai-je
gauche? J'ai besoin d'une bousculade.

00:14:27.855 --> 00:14:30.210
Il y a tellement de bonnes
choses à célébrer.

00:14:30.210 --> 00:14:33.675
Donc, nous allons aller de l'avant et de tuer que
chiot. Passons par ici.

00:14:33.675 --> 00:14:36.420
J'ai donc voulu récapituler certains des
annonces de la matinée

00:14:36.420 --> 00:14:39.345
au cas où vous l'avez manqué ou tout simplement
au cas où vous aviez besoin d'un rappel.

00:14:39.345 --> 00:14:43.020
Voici les liens pour
XAML Hot Reload ainsi que

00:14:43.020 --> 00:14:44.730
le redémarrage à chaud que nous

00:14:44.730 --> 00:14:47.055
a annoncé une annonce d'une
aperçu de ce matin.

00:14:47.055 --> 00:14:51.330
J'ai utilisé le redémarrage à chaud
et c'est assez magique.

00:14:51.330 --> 00:14:53.070
Ca va te faire sauter l'esprit.

00:14:53.070 --> 00:14:54.810
Maintenant, c'est un aperçu privé donc c'est

00:14:54.810 --> 00:14:56.580
bits très tôt, et les choses seront

00:14:56.580 --> 00:14:58.440
continuer à mûrir
à un rythme très agréable.

00:14:58.440 --> 00:15:00.015
Même chose avec Hot Reload.

00:15:00.015 --> 00:15:03.675
Très agréable de voir ces productivités
les choses s'améliorent rapidement.

00:15:03.675 --> 00:15:07.320
Ensuite, pour les derniers SDK
nous avons iOS 13 est sorti,

00:15:07.320 --> 00:15:09.465
Xamarin Android 10 est sorti,

00:15:09.465 --> 00:15:12.795
ainsi que Xamarin Forms 4.3.0-pre2.

00:15:12.795 --> 00:15:16.815
Donc, toutes ces bonnes choses pour
vous d'aller jouer avec aujourd'hui.

00:15:16.815 --> 00:15:22.210
Je devrais probablement faire mes diapositives
plein écran. Je peux le faire.

00:15:22.490 --> 00:15:27.240
Donc, nous allons creuser dans quelques autres
choses après que je donne un plug rapide.

00:15:27.240 --> 00:15:28.620
Allez, tu peux le faire.

00:15:28.620 --> 00:15:31.060
Mode présentateur.

00:15:33.320 --> 00:15:37.860
Nous avons pas mal d'autres
sessions impressionnantes à venir.

00:15:37.860 --> 00:15:40.590
C'est ici. emmener
une photo de cela.

00:15:40.590 --> 00:15:42.000
Prenez une capture d'écran de cela.

00:15:42.000 --> 00:15:43.935
Excellentes sessions à venir.

00:15:43.935 --> 00:15:45.570
Ils iront plus loin dans beaucoup de

00:15:45.570 --> 00:15:47.910
les choses que je suis
placons sur le dessus de.

00:15:47.910 --> 00:15:49.350
Donc, si vous voulez en savoir plus sur

00:15:49.350 --> 00:15:50.970
en particulier ces outils de productivité,

00:15:50.970 --> 00:15:52.965
Maddy Léger session le jour 3.

00:15:52.965 --> 00:15:54.480
Toutes ces sessions sont
va être incroyable,

00:15:54.480 --> 00:15:55.800
Jon Douglas, ils sont tous

00:15:55.800 --> 00:15:57.720
va être incroyable, donc
vérifiez-les tous.

00:15:57.720 --> 00:15:59.670
Belle interface uI. Laissez-moi vous montrer

00:15:59.670 --> 00:16:01.695
certaines choses qui sont juste
assez hallucinant.

00:16:01.695 --> 00:16:04.200
Donc, je dois donner un
cri énorme ici pour

00:16:04.200 --> 00:16:07.380
ancienne Université xamarin
instructeur et

00:16:07.380 --> 00:16:11.225
actuelle MS apprendre gars génial,

00:16:11.225 --> 00:16:13.945
Kym Phillpotts en Australie.

00:16:13.945 --> 00:16:16.500
Tous les vendredis, il ne
un flux de secousses où il

00:16:16.500 --> 00:16:19.590
prend un design différent
du dribble et crée

00:16:19.590 --> 00:16:21.780
ces choses magnifiques dans

00:16:21.780 --> 00:16:23.400
quelques heures en utilisant

00:16:23.400 --> 00:16:24.750
xamarin Formes et

00:16:24.750 --> 00:16:26.550
la communauté des plug-ins
qui sont disponibles.

00:16:26.550 --> 00:16:29.130
Donc, c'est une tendance que je suis assis à travers

00:16:29.130 --> 00:16:30.870
la communauté Xamarin que les gens sont

00:16:30.870 --> 00:16:32.670
créer des choses tout simplement incroyables.

00:16:32.670 --> 00:16:35.460
C'est la maturité de la
plate-forme et où nous sommes arrivés à.

00:16:35.460 --> 00:16:37.110
C'est juste génial.

00:16:37.110 --> 00:16:39.390
Alors, comment Xamarin
livrer ce génial?

00:16:39.390 --> 00:16:44.340
Voici un récapitulatif rapide pour n'importe qui
qui pourrait être nouveau pour Xamarin.

00:16:44.340 --> 00:16:47.580
C'est all.NET. nous
créer des liaisons

00:16:47.580 --> 00:16:51.750
l'iOS Android et tout other.NET
cadre pour les runtimes.

00:16:51.750 --> 00:16:53.820
Nous avons partagé l'interface maternelle qui est

00:16:53.820 --> 00:16:57.690
la couche Xamarin Forms
ainsi que SkiaSharp

00:16:57.690 --> 00:16:59.760
et différentes choses
comme ça qui peut partager

00:16:59.760 --> 00:17:03.735
la même interface uI sur toutes les plates-formes
et puis toute la logique partagée.

00:17:03.735 --> 00:17:07.650
Donc, vous obtenez un accès à 100 pour cent à
API indigènes, expérience native.

00:17:07.650 --> 00:17:10.200
Vous pouvez partager des tonnes de
code en fonction de la façon dont vous

00:17:10.200 --> 00:17:12.885
architecte de votre
application tous with.NET.

00:17:12.885 --> 00:17:14.970
C'est une promesse géniale.

00:17:14.970 --> 00:17:17.370
Encore une fois, nous aimons
célébrer cela tous les

00:17:17.370 --> 00:17:19.950
année, mais iOS 13 vient d'être expédié.

00:17:19.950 --> 00:17:21.690
En fait, je crois
il y avait un autre

00:17:21.690 --> 00:17:23.850
publié tard vendredi à partir de

00:17:23.850 --> 00:17:26.040
Apple et notre équipe iOS

00:17:26.040 --> 00:17:29.220
un travail incroyable de soutien
que de sorte que le jour 1,

00:17:29.220 --> 00:17:31.590
clients tels que voir l'IA comme

00:17:31.590 --> 00:17:33.900
vous voyez ici dans le
tweet peut être en utilisant

00:17:33.900 --> 00:17:37.035
mode sombre et tous les
autres fonctionnalités d'iOS 13

00:17:37.035 --> 00:17:39.630
pour l'accès au magasin le premier jour.

00:17:39.630 --> 00:17:41.280
C'est une fière tradition que nous avons.

00:17:41.280 --> 00:17:44.115
Nous sommes ravis de pouvoir soutenir
nos clients en faisant cela,

00:17:44.115 --> 00:17:46.380
et je connais plusieurs
d'autres clients que j'ai

00:17:46.380 --> 00:17:48.720
travaillé avec directement
pour aider à s'assurer que

00:17:48.720 --> 00:17:51.524
leurs applications pour leur profil élevé

00:17:51.524 --> 00:17:55.575
besoins très importants
sont là le premier jour.

00:17:55.575 --> 00:17:58.950
Donc, la plate-forme elle-même
mûrit.

00:17:58.950 --> 00:18:01.320
Nous avons tout cela
contrôles et tant d'autres.

00:18:01.320 --> 00:18:03.900
Il y a une vue de balayage
qui est sur le point d'être fusionné.

00:18:03.900 --> 00:18:05.730
Nous avons des vues de caméra à venir,

00:18:05.730 --> 00:18:07.575
nous avons des éléments médiatiques à venir,

00:18:07.575 --> 00:18:09.840
nous avons des boutons radio à venir,

00:18:09.840 --> 00:18:12.510
mais nous avons récemment ajouté
aussi le bouton d'image,

00:18:12.510 --> 00:18:15.105
la case à cocher, le carrousel
vue, vue de collection.

00:18:15.105 --> 00:18:18.885
C'est fantastique et
ce n'est pas nous qui disons,

00:18:18.885 --> 00:18:20.460
"Oh, nous devons expédier
fonctionnalité, fonctionnalité, fonctionnalité,

00:18:20.460 --> 00:18:22.560
fonctionnalité », c'est nous
écouter attentivement

00:18:22.560 --> 00:18:25.080
vous sur ce dont vous avez besoin
de la plate-forme pour être

00:18:25.080 --> 00:18:28.170
la construction réussie de vos applications
et c'est ce qui motive

00:18:28.170 --> 00:18:29.730
nous dans la livraison de ces choses

00:18:29.730 --> 00:18:31.545
au point où vous nous dites,

00:18:31.545 --> 00:18:32.640
"Oh, c'est très rare."

00:18:32.640 --> 00:18:34.650
Je dois créer quelque chose
coutume sur mon propre.

00:18:34.650 --> 00:18:37.740
Je tire ce qui est déjà
expédiés dans la boîte et l'utiliser.

00:18:37.740 --> 00:18:39.435
C'est fantastique.

00:18:39.435 --> 00:18:45.555
Puis le grand écosystème
fournisseurs de fournisseurs.

00:18:45.555 --> 00:18:50.250
Ensuite, le tiers
écosystème de vous essentiellement dans

00:18:50.250 --> 00:18:53.235
les choses d'expédition de la communauté
qui vous sont utiles pour aider

00:18:53.235 --> 00:18:56.490
d'autres est une aide énorme.

00:18:56.490 --> 00:18:58.155
Des trucs vraiment cool ici,

00:18:58.155 --> 00:18:59.910
et l'icône commence à vous faire faim

00:18:59.910 --> 00:19:01.950
quand vous commencez à voir
piles de crêpes.

00:19:01.950 --> 00:19:06.480
Je sais que James dans sa démo
a montré la vue crêpe.

00:19:06.480 --> 00:19:07.860
C'est aussi dans ce code.

00:19:07.860 --> 00:19:09.240
C'est juste génial.

00:19:09.240 --> 00:19:13.410
Bien sûr, tous les merveilleux
entreprises qui

00:19:13.410 --> 00:19:18.210
banque on.NET et Xamarin et
avoir beaucoup de succès avec elle.

00:19:18.210 --> 00:19:21.270
Donc, je veux donner un grand cri
à nos contributeurs.

00:19:21.270 --> 00:19:23.340
L'année dernière à cette époque, en fait,

00:19:23.340 --> 00:19:25.290
c'est une diapositive de mon
présentation l'an dernier.

00:19:25.290 --> 00:19:27.930
Nous avons célébré tous les
Xamarin Forme les contributeurs.

00:19:27.930 --> 00:19:29.460
Je suis ici pour dire que nous avons

00:19:29.460 --> 00:19:31.530
élargi cela et nous
vont envoyer

00:19:31.530 --> 00:19:35.310
à tous les
Les contributeurs Xamarin de Docs,

00:19:35.310 --> 00:19:37.380
à l'essentiel, à iOS et Android,

00:19:37.380 --> 00:19:41.010
à Forms, SkiaSharp, tous les
choses que nous maintenons.

00:19:41.010 --> 00:19:43.320
Nous apprécions vraiment votre
collaboration avec nous,

00:19:43.320 --> 00:19:44.550
nous apportant vos idées,

00:19:44.550 --> 00:19:46.410
ainsi que votre aide et votre amour.

00:19:46.410 --> 00:19:47.835
Alors j'ai hâte d'y être.

00:19:47.835 --> 00:19:50.460
Je vais tirer sur
demande d'e-mails.

00:19:50.460 --> 00:19:53.580
Ensuite, j'ai voulu mettre en évidence un
peu de choses de la communauté.

00:19:53.580 --> 00:19:55.440
C'était en février,

00:19:55.440 --> 00:19:57.885
une tonne de billets de blog génial de vous.

00:19:57.885 --> 00:19:59.185
Je n'ai rien à voir avec ça.

00:19:59.185 --> 00:20:00.380
On n'a rien à voir avec ça.

00:20:00.380 --> 00:20:02.810
C'est la communauté qui
est juste de se lever avec

00:20:02.810 --> 00:20:05.675
l'excitation de ce que vous pouvez
faire aujourd'hui avec Xamarin Forms.

00:20:05.675 --> 00:20:07.234
Et puis en juillet,

00:20:07.234 --> 00:20:08.930
nous avons le Xamarin UI Juillet

00:20:08.930 --> 00:20:10.925
une autre communauté a dirigé
chose et vous pouvez

00:20:10.925 --> 00:20:14.690
voir ces écrans sont juste
splendide. Je bave ici.

00:20:14.690 --> 00:20:17.110
C'est fou.

00:20:17.110 --> 00:20:19.230
Je voulais crier à

00:20:19.230 --> 00:20:20.790
tous ceux qui ont commencé à diffuser en continu.

00:20:20.790 --> 00:20:22.500
Je me souviens quand James Montemagno

00:20:22.500 --> 00:20:24.390
et Jeff Fritz étaient les
seulement banderoles là-bas

00:20:24.390 --> 00:20:28.230
faire anything.NET et ici
nous sommes, il est juste de plus en plus,

00:20:28.230 --> 00:20:30.180
il explose, c'est très cool.

00:20:30.180 --> 00:20:33.870
Consultez ce lien. J'ai une liste
de ceux que je savais.

00:20:33.870 --> 00:20:36.390
S'll y en a d'autres, faites-le-moi savoir.

00:20:36.390 --> 00:20:39.780
J'ai juste quelques autres choses
pour mettre en évidence pour vous de

00:20:39.780 --> 00:20:41.190
Xamarin.Formes que j'ai déjà

00:20:41.190 --> 00:20:43.575
mentionné donc je vais juste
touchez-les brièvement.

00:20:43.575 --> 00:20:48.270
carapace. La façon la plus simple aujourd'hui d'être
à partir de vos applications,

00:20:48.270 --> 00:20:50.490
vous n'avez pas né cessairement besoin de
migrer vos affaires existantes,

00:20:50.490 --> 00:20:52.530
mais pour les nouvelles applications c'est

00:20:52.530 --> 00:20:55.735
un excellent quickstart pour vous
c'est extrêmement flexible.

00:20:55.735 --> 00:20:59.810
Vous pouvez voir à quel point le
code est de faire un menu flyout,

00:20:59.810 --> 00:21:01.819
pour faire les onglets du bas,

00:21:01.819 --> 00:21:05.510
et puis bien sûr pour faire les onglets supérieurs
si votre application en a besoin aussi.

00:21:05.510 --> 00:21:09.305
Très peu de code, très explicite
sur ce que vous voulez.

00:21:09.305 --> 00:21:11.460
Puis cette navigation
service que j'ai mentionné,

00:21:11.460 --> 00:21:14.415
quand vous voulez passer d'un
page de liste à une page de détail,

00:21:14.415 --> 00:21:16.470
maintenant c'est aussi simple que d'utiliser

00:21:16.470 --> 00:21:19.440
que le service de navigation mondiale
qui est disponible partout.

00:21:19.440 --> 00:21:21.405
Tu n'as pas à t'inquiéter.
à ce sujet ne pas être là

00:21:21.405 --> 00:21:23.850
et vous pouvez même passer dans
paramètres de chaîne de requête.

00:21:23.850 --> 00:21:26.310
Donc, vous passez dans cette iD ville et

00:21:26.310 --> 00:21:28.995
puis sur le reçu
page, la page de détail,

00:21:28.995 --> 00:21:32.820
vous attribuez la propriété requête
pour s'assurer que c'est

00:21:32.820 --> 00:21:34.620
appliquée à la propriété publique de

00:21:34.620 --> 00:21:35.880
vos contextes contraignants si c'est

00:21:35.880 --> 00:21:37.605
le modèle d'vue ou la page elle-même.

00:21:37.605 --> 00:21:40.065
Donc très facile à utiliser.

00:21:40.065 --> 00:21:42.810
Je n'en ai pas parlé.
beaucoup aujourd'hui, mais visuelle.

00:21:42.810 --> 00:21:44.085
Si votre objectif est d'avoir

00:21:44.085 --> 00:21:46.320
le même look et la même sensation
entre iOS et Android,

00:21:46.320 --> 00:21:48.345
Visual est un excellent début pour vous.

00:21:48.345 --> 00:21:50.610
Composants de conception de matériaux
navire avec tous les

00:21:50.610 --> 00:21:52.065
ces composants hors de la boîte

00:21:52.065 --> 00:21:54.655
de sorte que vous n'avez pas
pour passer du temps à peaufiner.

00:21:54.655 --> 00:22:00.110
Alors bien sûr, je

00:22:00.110 --> 00:22:02.990
vous a montré-tous ces merveilleux
choses provenant de CollectionView.

00:22:02.990 --> 00:22:04.900
J'aimerais voir
ce sur quoi vous travaillez.

00:22:04.900 --> 00:22:06.590
Alors en ce moment, nous sommes en fait

00:22:06.590 --> 00:22:08.390
exécution d'un défi vue carrousel et

00:22:08.390 --> 00:22:11.840
ce sont quelques-uns des réels
contributions de la communauté,

00:22:11.840 --> 00:22:13.880
de vous que ce que vous êtes en mesure de

00:22:13.880 --> 00:22:16.600
faire avec le courant CollectionView
ou le CarouselView.

00:22:16.600 --> 00:22:19.310
gracier. Donc, c'est toujours ouvert.

00:22:19.310 --> 00:22:21.050
Il y a du butin sur la ligne.

00:22:21.050 --> 00:22:22.745
Tu pourrais avoir ce singe.

00:22:22.745 --> 00:22:24.230
Je ne pense pas que ça va
vous aider à taper très

00:22:24.230 --> 00:22:26.300
rapidement, mais il va regarder
grande sur le manteau,

00:22:26.300 --> 00:22:29.450
et vous pouvez vous assurer que votre
les enfants ne volent pas ce singe.

00:22:29.450 --> 00:22:31.040
Alors s'il vous plaît entrez que,

00:22:31.040 --> 00:22:34.120
il expire en fin de journée mercredi.

00:22:34.120 --> 00:22:37.010
Vous pouvez consulter le blog
pour tous les détails

00:22:37.010 --> 00:22:39.875
sur ce que si vous venez d'aller
au blog dev Xamarin.

00:22:39.875 --> 00:22:45.810
Avec cela, j'ai accéléré à travers
jusqu'à la fin pour les questions.