Créer une application de prévisions météorologiques avec . MAUI NET

1. Introduction: Bonjour, je m'appelle S1 et je vais vous guider tout au long de ce cours. Je suis ingénieur logiciel et professionnel le plus précieux de Microsoft. J'ai conçu ce cours pour que vous puissiez créer belles applications mobiles multiplateformes du début à la fin. À la fin de ce cours, vous serez capable de développer les applications mobiles Dalton Movie avec des API RESTful. Que vous soyez novice en matière de films à points ou que vous envisagiez de créer applications mobiles multiplateformes, Discourse est le point de départ idéal pour vous. D'accord ? Alors, qu'est-ce que tu attends ? Suivre ce cours ? Et commençons à apprendre. 2. Aperçu de l'application météo: Dans cette section, nous allons obtenir l' application de prévisions météorologiques avec dotnet movie. Laissez-moi vous montrer l'application sur laquelle nous allons créer cette application pour la première fois. Ensuite, nous verrons cet écran d'intégration ou de prise en main. OK, allons-y et sur l'arrière-plan de notre appareil, nous choisirons notre position, puis nous obtiendrons les données météorologiques fonction de notre position. Disons maintenant que nous voulons vérifier les données météorologiques d' une autre ville. Ensuite, il ne vous reste qu'à rechercher une autre ville. Et nous y voilà. Cette fois-ci, nous aurons différentes données météorologiques. Très bien, dans cette application, vous utiliserez les API restantes pour Open Weather Map. Maintenant, allumons le studio Villus. Ensuite, nous allons ajouter un nouveau projet de film. Choisissons cette application en pointillés et cliquez sur Suivant. Je vais donner à ce projet le nom d'application météo. OK, maintenant lancez ce projet. Et ici, dans la dernière version de RStudio, vous verrez le pitch réel. Nous n'avons pas besoin de ça. Nous allons donc supprimer le shell de l'application. De même, nous supprimerons également l'exemple de page principale et le fichier CSS à double point de la page principale. Maintenant, dans le fichier ABS ML point CSS, nous verrons cette erreur car nous n'avons pas de page principale, pitch de la coque de notre application. Ce que nous allons faire, c'est cliquer avec le bouton droit de la souris et sélectionner Nouvel élément. Ensuite, dans cette version de Video Studio, Microsoft S a ajouté un modèle distinct pour les mois en pointillés. Donc, à partir de maintenant, j' utiliserais le Mojave. Ensuite, nous choisirons cette page de contenu Molly en pointillés avec aperçu au format XAML. Très bien, nommons cet espace pour qu'il s'agisse de la page et de l'édition dans notre projet. Ok, on y va. Maintenant, dans le fichier CSS ML point de l'application, définissons que la page principale est égale ou non à la page. Continuons maintenant notre travail dans la leçon suivante. 3. Comment obtenir le temps à Api: Dans cette leçon, je vais vous montrer comment obtenir l'API météo. Eh bien, il existe de nombreux fournisseurs d'API météorologiques, mais nous utilisons principalement cette carte météo ouverte pour les applications météorologiques. OK, donc dans ce cours, nous utiliserons l'API Open Weather Map. Passons à ce site Web. Et là, nous allons cliquer sur cette API. Et nous verrons différentes options d'API. Nous pouvons utiliser n'importe laquelle de ces API pour obtenir les données météorologiques, par exemple, cette option est utilisée pour obtenir des données météorologiques sur les courants sombres. Cette option est utilisée pour obtenir les données météorologiques de quatre jours. De même, nous avons différentes options. Nous pouvons également utiliser cette prévision quotidienne, 16, cette option de données. Mais pour le moment, ce n'est pas gratuit et il est inclus dans tous les plans d'abonnement payants à un autre plan gratuit. Ces cinq jours, nos prévisions sont gratuites. Nous allons donc choisir cette option. Cette option fournira au vétérinaire les données de cinq jours. Et comme il s'agit d'un forfait gratuit, nous n'aurons pas les données météorologiques toutes les heures. Nous aurons les données météorologiques après 3 h. D'accord, maintenant, cliquons sur cette documentation de l'APA. Et il verra l'URL qui est utilisée pour obtenir les données météorologiques. Dans cette URL, nous devons passer des éléments de filtre tels que la latitude, longitude et l' identifiant de l'application ou la clé APA. Copions cette URL et collez-la à l'intérieur et à l'intérieur de toute autre dette. Passons maintenant à Google. Vous y trouverez la latitude et la longitude de votre position. Très bien, copions la latitude et la longitude et collez-les dans l'URL de votre API. Ensuite, nous obtiendrons l' application météo en points mv0, puis nous autoriserons notre application à choisir l'emplacement de l'appareil. testant l'API dans le navigateur Web, vous pouvez passer les coordonnées manuellement. OK, trouvons maintenant l'identifiant de l' application, notre clé d'API. Pour obtenir la clé API, je dois m'inscrire sur la carte météo ouverte. Je vais donc créer mon compte. Maintenant, une fois que j'aurai configuré mon compte, je verrai la clé API ici dans le menu déroulant . Il suffit de sélectionner ceci. Et ici, nous pouvons utiliser la clé d' API par défaut ou en générer une nouvelle. OK, maintenant copions cette clé ABA et collez-la dans l'URL. OK, appuyons sur Entrée et vous aurez l' essentiel et la réponse. Copions ces données destinées. Et maintenant, recherchez ce site Web, Jason Beauty, Fire. Entrez. Collons les données JSON et les embellissons. OK, ici, sur le côté droit, nous verrons les données correctes dans le format de codage. Nous pouvons également choisir d'autres options pour visualiser les données. Configurons l'option d'affichage. Et ici, dans l'objet , vous verrez différentes choses. Si nous élargissons l'option ville, vous verrez différents attributs tels que le nom de la ville, coordonnées, le lever et le coucher du soleil, etc. Nous choisirons la ville pour obtenir les données météorologiques actuelles. Nous allons maintenant voir cette liste qui nous indique que cette liste contient le nombre d'enregistrements suivant. Élargissons la liste. Et ici, nous allons voir différents champs. Élargissons celui-ci. Et ici, dans l'ensemble, vous verrez les données relatives la température, à la pression, à l' humidité, etc. Dans le champ vectoriel, vous verrez les données météorologiques telles que la description. Et je peux faire mieux. De même, dans le vent, nous avons de la vitesse, etc. Nous utiliserons ces données Json dans une application de film en pointillés. OK, donc dans la leçon suivante, nous allons supprimer les classes C-sharp de ces données JSON. Je te verrai dans la prochaine leçon. 4. Générer des cours aigus à partir de JSON: Seulement si nous avons testé l'API pour la météo. Maintenant, dans cette leçon, nous allons obtenir les classes de C dièse partir de cette réponse de distance. Ici, dans le navigateur Web, vous verrez ces données Json. Nous avons juste besoin de copier ce Jason et de rechercher ce site Web. Descendez en do dièse. Très bien, ici, collons ces données et convertisons-les en classes et propriétés en C dièse. Nous allons voir ici les classes et propriétés du C-sharp. Vous pouvez également faire don des propriétés dans l'étui Pascal. Mais pour les algues et les propriétés minuscules, c'est à vous de choisir. Je peux maintenant passer au projet de notre fille Maggie, ajouter un nouveau dossier et le nommer modèles. Maintenant, dans ce dossier, ajoutons une classe de saisie et nommons-la root. OK, ajoutons cette classe. Vous vous demandez maintenant pourquoi nous avons donné à cette classe le nom d'itinéraire. Parce que selon notre habitude de voir des excédents. Cette classe racine est la classe parent. Vous pouvez également voir qu'en plus de cela, il est mentionné que si nous voulons désérialiser ces données JSON, nous devons utiliser l'objet convert dot dc lies adjacent de la classe root. Copions ces données. Juste après ça. Dans le studio vidéo, le nom de famille de cet itinéraire sera supprimé. Et puis voici les données que nous avons copiées. Ici, nous avons créé nos modèles de lunettes à partir des données JSON. présent, dans la leçon suivante, nous allons créer la classe de service d' API. Je te verrai dans la prochaine leçon. 5. Créer un cours de service Api: Dans cette leçon, nous allons créer la classe de service d'API. Nous allons donc ajouter un nouveau dossier à l'intérieur de notre projet. Et puis Dean dans ce dossier aux services. Ensuite, dans ce dossier, vous ajouterez un nouveau service API d'ID de nom de classe C-Sharp. Passons maintenant au modificateur d'accès aux classes en public. D'accord ? Dans cette API, la classe de service obtiendra une méthode et la nommera, get weather. Maintenant, dans cette méthode, vous allez créer un nouveau client HTTP. Maintenant, nous appellerons les API restantes, puis le client HTTP, qui transmettra une requête au serveur. Ensuite, avec ce client HTTP, nous devons appeler la méthode dans les API Rest. Lorsque nous ajoutons l'enregistrement que nous utilisons post request. Lorsque nous mettons à jour l'enregistrement, nous utilisons la requête PUT. Et en cas de suppression l'enregistrement utilisera la méthode de suppression. Maintenant, en cas d'obtention de nos données FASTA, nous avons besoin d'une méthode GetMethod avec ce client HTTP qui appellera la méthode async get string. Et cette méthode enverra la demande et nous obtiendrons la réponse au format JSON. Ici, VD pour ajouter l'URL de notre API. Donc, ce que nous allons faire, c'est copier URL de nos API et la coller ici. Ici, nous allons passer nos coordonnées comme la latitude et la longitude. Dans cette méthode, nous allons donc ajouter deux paramètres de type double et les nommer latitude et longitude. D'accord, alors cette URL concaténera la latitude et la longitude. Nous allons donc encapsuler cette fonction de format de chaîne de points d'URL. Ensuite, à la place de la latitude et de la longitude, vous ajouterez un espace réservé comme 0,1 entre crochets. Après cette URL, vous ajouterez un séparateur de virgules et transmettra cette latitude et cette longitude, qui proviendront de cette fonction. Vous vous souvenez qu' il s'agit d'une méthode asynchrone. Nous devons donc utiliser le mot clé wait ici. Et maintenant, nous allons avoir une erreur car elle ne peut pas être utilisée sans asynchrone. Nous devons donc rendre cette méthode asynchrone en utilisant le mot clé async. Très bien, stockons le résultat dans une variable. Et puis cette variable à la réponse. Fondamentalement, cette variable false contient les données JSON, qui proviendront de cette URL d'API. Maintenant, une fois que nous avons obtenu les données, nous devons les analyser dans des classes de C-sharp afin pouvoir les afficher dans notre application mobile. Ainsi, lorsque nous obtiendrons les données au format JSON, nous les convertirons en classes CCF utilisant simplement un objet désérialisé par porte incrémentée. Cet objet sérialisé Jason convertit le point d. Nous avons besoin d'un package NuGet qui se trouve juste dans .net ou Newton soft dot json. Dans le gestionnaire de packages qui recherche package et l'installe. Une fois ce package installé, nous fermerons cette fenêtre. Et juste après, nous l'utiliserons dans une sorte d' objet sérialisé point d. Ensuite, il y a tout l'espace de noms pour Newton Soft Door, GSM. Maintenant, dans l'objet numérisé, nous devons transmettre le nom de la classe et les données correctes. Examinez les données correctes de la variable de réponse. Passez donc la réponse ici. Et nous devons cartographier cette décision fonction du verre de route, car le verre est la classe mère. Nous allons donc cartographier le DSM en fonction de notre racine de verre. Maintenant, nous allons le faire en utilisant l'instruction return. Et notre méthode renverra la réponse en fonction de la classe racine. Mais nous allons avoir une erreur. Et c'est parce que nous utilisons du blanc. Et ici, nous renvoyons ces données en fonction de la classe racine. Donc, si nous définissons le type de cette méthode, la racine, nous aurons toujours une erreur. Et c'est parce que si nous voulons rendre la méthode asynchrone, nous devons utiliser la tâche t. Mais si nous ne retournons rien, nous utiliserons le mot clé task. Mais si nous devions rendre quelque chose, alors quand les tissus sont la tâche de taper. Et ce type peut être n'importe quoi. Il peut s'agir d'une chaîne, d'un entier, flottant, d'une liste ou même d'un objet. Parce que nous renvoyons les données en fonction de la classe racine. Nous allons donc définir le type de méthode à utiliser hors route. Très bien, nous allons continuer notre travail dans la prochaine leçon. 6. Météo Par Ville: Dans la dernière leçon, nous avons ajouté une méthode dans la classe de service d' API. Et cette méthode sera utilisée pour obtenir les données météorologiques en fonction des coordonnées telles que la latitude et la longitude. Mais selon notre application, nous voulons également obtenir les données météorologiques fonction du nom de la ville. Donc, ce que nous allons faire, c'est passer à l' API Open Weather Map pendant cinq jours. Et là, sur le côté droit, nous voyons cette option. Déterminez par le nom de la ville. Nous allons sélectionner ceci. Et c'est une URL qui sera utilisée pour obtenir les données météorologiques en fonction du nom de la ville. OK, nous allons utiliser cette URL. Laisse-moi te dire une chose. Ces deux URL, l'une avec les coordonnées et l' autre avec le nom de la ville. Ils ont tendance à répondre à la même distance. Nous n'avons donc pas besoin de créer un autre modèle en C dièse. Les classes choisiront les classes que nous avons créées précédemment. La seule chose qui créera une autre méthode dans la classe de service APA. Passons donc à la classe de service d' API, puis nous allons copier cette méthode et la coller ici. Maintenant, voyons cela dans cette méthode pour savoir si par ville, accord, puis nous allons supprimer cette URL. Juste après ça. Copions cette URL pour savoir si elle est par nom de ville et la collons ici. Ici, nous transmettons la même clé API celle que nous avons utilisée dans la première méthode. Et dans le nom de la ville passera la ville, qui proviendra de cette méthode. Dans cette méthode, nous passons un paramètre de type chaîne, puis nous passons à City. D'accord ? Ensuite, nous allons concaténer la ville ici. Nous avons créé ici la classe de service APA. Maintenant, quand consommera-t-il ces méthodes de classe de service d'API dans d' autres classes, comme si le pH ? Ensuite, nous devons obtenir la nouvelle instance de la classe de service API. Et avec l'endettement, nous pouvons appeler les méthodes de classe de service APA. Mais nous allons ajouter cette classe et cette méthode statique dont nous n'avons pas besoin d' instancier la classe chaque fois que nous voulons consommer ces méthodes de classe de service d' API, puis nous pouvons simplement utiliser le nom de la classe. Et parallèlement à cela, nous pouvons appeler ces méthodes. D'accord, il est donc préférable de définir cette classe et ces méthodes sur statique. Très bien, c'est tout pour cette leçon. Maintenant, je te verrai dans la prochaine. 7. Page météo de conception: Dans cette leçon, nous allons concevoir la page météo. Passons donc au fichier XML de la page d' édition, puis nous pouvons réécrire notre code XAML. Mais avant cela, jetons un coup d'œil à cette image, que nous allons concevoir. Eh bien, sur cette page plutôt, nous allons choisir la mise en page de la grille. Et ici, il décomposera ce design en différentes parties. C'est la première rangée et la hauteur est Otto. Ensuite, nous avons cette deuxième, troisième, quatrième et cinquième rangée. Et la hauteur de toutes ces rangées est Otto. Je tiens à vous dire que j' ai créé peu d'acides. La deuxième unité consiste simplement à télécharger ces acides avec cette vidéo. Et juste après cela, Judy doit coller ces acides dans le dossier Images qui se trouve sous le dossier Resources ici, qui a ajouté toutes ces ressources. Maintenant, lançons cette application car nous allons créer un design à l'aide de l'option de rechargement à chaud. Ici, notre application fonctionne avec un message texte. Supprimons cela. Et maintenant, nous allons ajouter une mise en page en grille. Ensuite, ajoutez la définition de ligne égale à. Ensuite, nous ajouterons cinq lignes avec la hauteur de automatique. Juste après ça. Définissons l'espacement des lignes d'une vingtaine d'unités. Ensuite, nous allons créer un design pour cette première rangée. Cette première rangée contient deux enfants. Utilisons donc la disposition de la pile ici et mettons la disposition de la pile dans la grille point rho égal à zéro. Ensuite, nous définirons la marge de 20 unités à partir de la gauche, haut et de la droite. Et nous n'avons pas besoin d'une marge par le bas. Nous allons donc mettre zéro. Nous voulons que ces commandes soient orientées horizontalement. Définissez donc l'orientation de ce nuage de balises sur horizontale. D'accord ? Ensuite, dans cette disposition de pile, nous aurons besoin de deux choses. Le premier est votre position et le second est l'icône de recherche. Pour ce faire, votre contrôle de localisation choisira le contrôle de niveau et définira le texte comme étant égal à votre position et la taille du téléphone par défaut. D'accord ? Mais nous avons besoin de ce type de contrôle. Nous allons donc envelopper cette étiquette à l'intérieur du cadre. Et par défaut, le rembourrage du cadre est de 20 unités. Mettons-le donc à dix unités. Ensuite, nous allons définir que le rayon du coin est égal à 35 unités, propriété d'ombre est vraie et que la couleur de la bordure est probable. Ajoutons maintenant un autre contrôle pour cette icône de recherche. Pour cela, nous allons ajouter un bouton d'image. Définissez ensuite la source de cette image comme égale. Laissez-moi vous montrer l'image que nous allons utiliser dans le dossier Images. Nous avons cette image pour l' icône de recherche. J' utiliserais cette image ici. Ensuite, nous définirons la demande de hauteur et de largeur à 30 unités et définirons l'ensemble de l'option centrale à étendre. D'accord ? Nous allons maintenant aborder le design de la deuxième rangée. Eh bien, dans ce rôle, vous aurez besoin de deux choses, nom de la ville et la description. Tout d'abord, je vais ajouter une disposition de pile et la mettre dans la grille. Rho est égal à un. Et nous allons définir l'orientation de cette couche de texte comme étant verticale. Par défaut, l' orientation décalée est verticale. OK, maintenant ajoutons un contrôle de niveau et appelons-le LBL city. Définissez ensuite que la taille de police soit égale à 40 unités. OK, juste après cela, qui a défini l' option horizontale est égal centre et le texte est égal au gris. Définissez également le texte de cette étiquette à l'avant. Ajoutons n'importe quelle ville d'eux. Lorsque vous utiliserez l'API, supprimerons cette valeur de nom de ville codée en dur. Mais en ce moment, nous sommes en train de concevoir cette page météo. Nous allons donc ajouter la valeur codée en dur ici. Nous n'aimons pas ce niveau de contrôle, nous avons besoin d'un autre niveau de contrôle. Ici, nous allons définir le nom comme égal à LPL. Lisez la description. La taille de la police est moyenne, horizontale, option est égale à Centrer et la couleur du texte est égale à gris Ensuite, nous ajouterons du texte codé en dur ici, qui sera supprimé plus tard. Très bien. Nous allons maintenant passer à la troisième rangée. Et cette ligne ajoutera simplement un contrôle d'image, car il n'y a qu' un seul contrôle dans cette ligne. Soul n'utilise aucune mise en page. Cet outil de création d'images sera le produit direct de notre mise en page en grille. Nous allons donc ajouter un contrôle d'image et le placer dans une grille point rho égal à deux. Ensuite, nous allons donner à cette image le nom de l' icône météo IMT. Options pour démarrer. Et la demande de hauteur et de largeur est égale à 200 unités. Ensuite, nous allons définir la source de cette image. Et ici, nous allons transmettre n'importe quelle image aléatoire du dossier images. Déplace ça plus tard. OK, passons maintenant à une autre rangée. Et cette ligne ajoutera une autre bonne mise en page. Nous allons donc ajouter une grille et la placer dans une grille point Rho est égal à trois. Ensuite, le litige ajoutera deux rangées avec la hauteur d'auto et trois colonnes avec un poids statique de 0,3 t pour toutes ces lignes. Ajoutez ensuite la marge égale à 20 unités. Nous allons maintenant ajouter un contrôle d'image et le placer dans une ligne zéro, une colonne nulle. Cela dit, les trous sont deux options égales à demande de centre et de hauteur de 25 unités. Juste après cela, nous allons définir la source de cette image comme égale. Et ici, il transmettra ce nom d'image pour l'humidité, qui provient de notre dossier d'images. Très bien, maintenant je vais ajouter un contrôle de l'étiquette, une humidité LBL intime. Ensuite, nous allons le placer dans la grille. Rho est égal à un et cliquez sur la colonne de points égale à zéro. Juste après cela, définissez l' option subtile complète sur Center. Pour l'instant, nous allons définir la propriété text et ajouter n'importe quel nombre aléatoire ici. Ensuite, nous ajouterons un autre niveau de contrôle et la température Navy LBL. Et nous allons y mettre cette étiquette. Un bon point rho est égal à zéro et la colonne de grille est égale à un. Ensuite, nous utiliserons un point de grille , une envergure égale aux options horizontales pour centrer. Taille de police de 40 unités lorsque les attributs de police sont en gras. Passons n'importe quel nombre aléatoire dans la propriété text. OK, maintenant copions ces deux commandes pour l'humidité, l'image et le niveau. Ensuite, nous allons le coller ici. D'accord, nous allons d'abord mettre cette image en rouge, point rho égal à zéro. Une bonne couleur foncée est égale à deux. Et pour ce niveau, vous choisirez Grid point Rho est égal à un et Greet point deux-points est égal à deux. Ensuite, nous changerons le nom de ce label en LBL Vint. Et pour cette image, la source définira l'image qui provient de notre dossier d'images. Très bien, dans la leçon suivante, nous allons aborder notre vue de collection, que nous allons placer dans cette dernière ligne. Je te verrai dans la prochaine leçon. 8. Vue de la collecte pour les données météorologiques: Dans cette leçon, nous allons ajouter la vue de collection sur la page météo. Plus tôt, nous avons créé ce design. Nous allons maintenant ajouter une vue de collection et la placer à l'intérieur de ce point de grille Rho égal à quatre. Définissez le nom de cette vue de collection sur CV, si nous allons également définir la demande de hauteur soit égale à 100 unités. Nous avons déjà abordé la vue de la collection plus tôt dans l'application fruits et dans l'application News. Cette fois-ci, nous allons gagner du temps et utiliser la technique du copier-coller. Donc, ce que je vais faire, c'est ajouter ce code pour la vue de la collection. Nous avons ici une vue de collection avec une grille. Et à l'intérieur de cette grille, nous avons pris des outils. L'un sert à savoir si l'image, le second à la température et le troisième à la date et à l'heure. D'accord ? Et nous voulons que ce type soit conçu avec une seule rangée et dans le sens horizontal. C'est pourquoi nous avons utilisé la mise en page linéaire des éléments. Maintenant, dans la leçon suivante, nous allons utiliser cette API et afficher les données météorologiques sur cette page météo. D'accord, je te verrai dans la prochaine leçon. 9. Afficher la description de la ville et de la météo: Dans cette leçon, nous allons utiliser l'API météo pour afficher les données météorologiques actuelles et la page météo. Passons donc au code derrière le fichier ou plutôt la page. Et ils recommenceront à zéro. Nous voulons obtenir ces données, puis nous arriverons sur cette page. C'est pourquoi nous utiliserons notre propre méthode attrayante. OK, annulons la méthode de notre propre opinion. Et à l'intérieur, nous appellerons notre API pour obtenir les données météorologiques. Choisira la classe de service APA et dissoudra l'espace de noms. Ensuite, nous appellerons la méthode get, qui prendra la latitude et la longitude. instant, passons quelques valeurs statiques ici. Et plus tard, lorsque nous travaillerons avec la localisation de l'appareil, nous transmettrons les coordonnées fonction de la position de notre appareil. Maintenant, il s'agit d'une méthode asynchrone, nous allons donc attendre ici. Et évidemment, nous devons ajouter une chanson avec notre propre méthode attrayante. OK, maintenant stockons le résultat dans une variable. Et nous n'avons pas atteint le résultat. Avec ce résultat, nous pouvons sélectionner les propriétés de nos classes de modèles. À l'intérieur de notre application. Nous allons d'abord trouver la ville et la description de la météo. À afficher. La ville ira au feu de beauté de Jason. Et à l'intérieur de la ville , vous verrez le nom de la ville. OK, pour obtenir le nom de la ville, j' utiliserai le résultat qui contient réellement la réponse de l'API. Et c'est de type classe root. Ensuite, selon nos données décentes, choisirons la ville, puis nous choisirons le nom de la ville. Très bien. Maintenant, dans le fichier XAML de la page Veda, nous avons ajouté cette étiquette pour la ville. Supprimera simplement la valeur de texte codée en dur. Ensuite, nous attribuerons la valeur à cette ville LBL dans le code situé derrière le fichier. Assignons cette valeur à la propriété de texte LBL City point. De même, nous allons trouver une meilleure description. Revenons donc au purificateur JSON. Là-bas. Ouvrons ce ListNode car nous voulons obtenir les données météorologiques actuelles. Soldats, ce nœud zéro. Le reste des nœuds contient des données pour cinq jours supplémentaires avec un intervalle de t heures. Après l'expansion, le nœud zéro élargira la météo. Et ici, nous allons voir la description. Pour accéder à cette description. Tout d'abord, nous devons utiliser ce résultat avec une réponse décente. Ensuite, nous allons sélectionner le nœud de la liste et passer zéro ici parce que nous voulons récupérer les données et le nœud zéro. D'accord ? Ensuite, nous choisirons le nœud fournisseur et passerons également zéro ici. Comme mentionné dans le feu de beauté de Jason. Nous pouvons maintenant choisir la propriété de description. D'accord, vous voyez à quel point il est facile d'infecter des types de données complexes. Nous allons maintenant attribuer ces données à notre LPL, qu'il s'agisse d'une propriété de texte point de description. Ensuite, nous passerons au fichier XAML de la page Web. Et puis nous n'avons pas besoin de cette valeur codée en dur pour la description. Nous allons donc simplement supprimer cela. OK, maintenant lançons cette application. Et nous y voilà. Vous pouvez voir que nous obtiendrons le nom de la ville et sa description ici. Maintenant, dans la leçon suivante, nous avons travaillé avec les images et nous verrons également comment obtenir la température. Très bien, je te verrai dans la prochaine leçon. 10. Afficher les données météorologiques actuelles: Dans cette leçon, nous allons afficher les données météorologiques. Nous avons travaillé avec la ville et s'il s'agit d'une description. Et maintenant, dans cette leçon, nous allons afficher les données météorologiques telles que la température, l'humidité et la vitesse du vent. Nous allons d'abord passer au purificateur DSM. Et ils élargiront cette liste nœud zéro. Et nous verrons ce plat principal et en dessous, nous verrons notre température. OK, donc dans le code derrière le fichier, nous l'utiliserons comme liste de points L de zéro point d'index Min, point de température. Et parallèlement à cela, nous allons concaténer le symbole du degré Celsius. Vous pouvez trouver le symbole des degrés Celsius sur Google. Très bien, on y va. Nous allons maintenant attribuer cette température à la propriété de texte du point de température LDL. Et dans la page du fichier ou du dossier XAML, supprimera les données de température codées en dur. OK, maintenant lançons cette application. Et nous y voilà. Vous pouvez voir que nous allons obtenir cette température, mais elle ne se situe pas entre Celsius et Fahrenheit. Il existe donc de nombreuses façons de convertir des degrés Fahrenheit en degrés Celsius. La première est que nous pouvons créer une logique en C dièse pour convertir notre température Fahrenheit en température Celsius. Mais selon l' Open Weather Map, API n'est qu'un jeu d'enfant pour nous. Selon leur documentation, nous transmettons simplement la métrique égale de l'utérus dans l'URL de l'API. Et c'est tout ce que nous obtiendrons les données de température en degrés Celsius. Donc, ce que nous allons faire, c'est passer à la classe de service API et ils passeront les unités égales à métriques dans ces deux lunettes APA. Exécutons à nouveau cette application. Maintenant, cette fois, vous verrez la météo, la température en degrés Celsius. C'est un autre problème, c'est-à-dire que nous n'avons pas besoin de cette valeur de point. Nous devons arrondir cette valeur. Passons aux classes de modèles et elles se trouvent à l'intérieur de la classe principale verrons cette propriété humide qui représente la température. OK, nous allons ajouter une autre propriété de type double et la nommer temperature. Ensuite, nous attribuerons notre température à la propriété de température. Juste après ça. Nous allons mettre fin cette température et à la mauvaise fonction du point mat. Eh bien, Matt est une classe en C Sharp et la fonction Disrupt sera utilisée pour arrondir le nombre. Maintenant, dans le code ci-dessous, au lieu d'utiliser la température, utilisera la propriété temperature. OK, lançons cette application. Et ici, sur l'appareil, vous verrez la température d'une manière agréable. Bien, maintenant, travaillons avec notre humidité et notre Vint. Revenons donc au feu de beauté de Jason. Et dans le nœud principal, nous avons cette propriété de température que nous avons utilisée précédemment. Et maintenant. Dans le même nœud principal, vous verrez cette propriété d'humidité. Nous utiliserons donc la même logique pour accéder à l'humidité, que nous avons utilisée pour accéder à cette température. Dans le code qui se trouve derrière le fichier, nous allons choisir un point automatique. Choisissez ensuite la liste des propriétés d'humidité du point d'indice zéro, du point minimum et du point et concaténez le symbole du pourcentage à la fin. Nous allons maintenant attribuer cette humidité à la propriété de texte LBL humidity point. Et dans le fichier XAML, pour savoir si la page supprimera la valeur codée en dur de l' humidité. OK, maintenant, commençons par vitesse du vent dans le feu Jason Beauty qui s' ouvrira quand le nœud se déclenchera. Et là, nous verrons la propriété de vitesse. Pour y accéder, nous l' utiliserons comme liste de points del de la vitesse du vent à zéro point d'indice. Et en plus de cela, nous allons concaténer des kilomètres par heure. Nous allons ensuite attribuer cette valeur au texte du point LBL sur la vitesse du vent. Et n'oubliez pas de supprimer la valeur codée en dur de la vitesse du vent dans le fichier XAML point de la base de données. Très bien, on y va. Maintenant, lançons à nouveau cette application. Ici, sur l'appareil, vous verrez les données météorologiques telles que la température, l'humidité et la vitesse du vent. Maintenant, dans la leçon suivante, nous allons travailler avec des images de Dark Vador. Je te verrai donc dans la prochaine leçon. 11. Afficher les images météorologiques: Dans cette leçon, nous allons travailler avec les images météorologiques. Au lieu d'une application vétéran , vous verrez une image codée en dur. Maintenant, l'image s'affichera en fonction de l'API météo. Nous allons donc passer au purificateur adjacent sous la liste, mieux expliquer cela. Ici, nous avons une icône avec du code. Maintenant, pour accéder aux images météorologiques, nous devons suivre les directives relatives aux images de cartes météorologiques ouvertes. Passons à cette URL. Pour accéder aux images, nous devons utiliser cette URL. Parallèlement à cela, nous devons ajouter le code de l'image. Je vais copier cette URL et la coller dans un autre onglet et appuyer sur Entrée. Très bien, on y va. Maintenant, nous allons ajouter un autre code d'image et appuyer sur Entrée pour voir une autre image. Très bien, nous devons donc suivre ces directives relatives aux images pour accéder aux images. Passons à notre projet. Et ils suivront les cours de mannequins. Dans la classe vectorielle. Ajoutons la propriété de type string et nommons l'URL de l'icône complète. Ensuite, nous allons copier l'URL de l'image et l'attribuer à cette propriété. D'accord, maintenant, dans l'URL de l'image, l'icône sera concaténée, ce à quoi nous obtiendrons une réponse décente. Nous allons donc encapsuler cette fonction de format de chaîne de points d'URL. Et à la place de I can code, nous ajouterons un espace réservé. Ensuite, après cette URL, vous ajouterez un séparateur de virgules , puis ajoutera une icône ici. Très bien. Maintenant, dans le code de la page vidéo derrière le fichier, utilisons le point de résultat. Ensuite, nous voulons accéder à la propriété de l'icône. Donc, pour accéder à cette icône, nous avons d'abord besoin d'une liste d'index zéro. Ensuite, nous avons besoin d'une valeur d'indice zéro. Juste après cela, nous pouvons utiliser la propriété icon. Et comme nous avons ajouté une propriété URL d'icône complète, nous allons donc utiliser cette icône complète, vous allez la propriété ici. Nous allons ensuite attribuer cette icône à cette propriété de source de points météorologiques IMG. Et dans le bit fédéral fichier XAML supprimera la source codée en dur D de cette image. OK, essayons maintenant de lancer cette application. Et cette fois, nous aurons une icône météo dynamique. Voyons voir si nous avons besoin de ces icônes sombres. Et nous voulons personnaliser les icônes. Nous avons déjà ajouté les icônes dans le dossier Images avec ces conventions de dénomination par défaut. Ou je peux commencer par le trait de soulignement de l'icône. Ensuite, nous avons le code de l'icône. Maintenant, dans cette classe rouge, ajoutons une autre propriété et nommons-la icône personnalisée. Ensuite, nous choisirons l'opérateur lambda, et juste après, nous choisirons la fonction de format de points de chaîne. Et à l'intérieur, cela ajoutera des guillemets et ajoutera le nom de l'icône. Dans le dossier des images, nous avons de nombreuses icônes météo et tout cela commence par le trait de soulignement de l'icône, puis chaque icône possède un code unique. Et après cela, nous avons l'extension dot PNG. Ajoutez donc un trait de soulignement d'icône. Et à la place de I can code, nous ajouterons un espace réservé. Et juste après, ajoutons l'extension point PNG. OK, maintenant nous allons ajouter un séparateur de virgules et ajouter cette icône ici. Avec cette ligne, nous pouvons utiliser nos icônes personnalisées. Maintenant, dans le code de base de données derrière le fichier, qui utilise simplement l'icône personnalisée. Ensuite, nous exécuterons cette application. Ici. Vous verrez que cette fois, nous aurons notre icône personnalisée. C'est donc tout pour cette leçon. Maintenant, je te verrai dans la prochaine. 12. Vue de la collection météorologique: Dans cette leçon, nous allons ajouter la vue de collecte de données météorologiques toutes les heures. Auparavant, nous avons travaillé avec les données météorologiques actuelles. Commençons maintenant notre travail avec la vue des collections. Dans le code qui se trouve derrière le fichier. Passons à la propre méthode attrayante. Et là, nous avons déjà consommé une API météo. Et ce résultat contient les données provenant de l'API. Ajoutons maintenant une boucle foreach car nous voulons obtenir la liste des données météorologiques. Nous allons donc ajouter une boucle pour chaque boucle. Et ici, à l'intérieur, nous voulons savoir si nous voulons hydrater la classe racine. Nous avons cette propriété de liste, et cette propriété contiendra nos données météorologiques horaires. Ainsi, dans la boucle for each, vous accéderez à la propriété list avec ce résultat. Rappelons maintenant les concepts ListView et CollectionView que concepts ListView et CollectionView que nous avons abordés dans les sections Vue de liste et Vue de collection. Nous allons d'abord ajouter une liste, puis nous ajouterons les données dans la liste. Enfin, nous allons attribuer la liste à l'élément source de la vue de collection. Ajoutons donc une liste dans l' autre code de page derrière le fichier. Maintenant, la question est : quel est le type de cette liste ? Cette liste sera de la classe de type list présente dans notre dossier de modèles. OK, maintenant, renommons cette liste en liste. La structure de l'indice. Initialisons cette liste. Maintenant, dans la boucle for-each, ajoutons les données à l'intérieur cette liste météo en utilisant la méthode helper add. Et en dehors de cette boucle foreach, vous utiliserez la source de l'élément CV weather point égale à si la liste, la météo du CV est le nom de notre vue de collection. Et nous avons créé cette vue de collection dans le fichier Weather Bit XAML. Très bien, dans la leçon suivante, nous allons lier la collecte de données que WE contrôle. D'accord, je te verrai dans la prochaine leçon. 13. DataBinding dans la vue de la collection météorologique: Dans cette leçon, nous allons utiliser cette liaison de données dans notre vue de collecte afin pouvoir afficher les données météorologiques dans la vue de collecte. l'autre page, nous verrons trois commandes à l'intérieur de la vue de la collection, l'image, et deux étiquettes dans la vue embellie au loin. Nous pouvons voir que pour obtenir l'image, je choisirai plutôt un indice nul. Ensuite, nous allons sélectionner la propriété de l'icône. Mais dans chaque classe de modèles, nous avons utilisé une icône personnalisée. Nous allons lier cette icône personnalisée, quel que soit le contrôle d'image. Donc, ce que nous allons faire, c'est aller sur la page Web. Là-bas. Trouvons la source de l'image avec l' icône personnalisée Weather of Zero Index Point. Bien, maintenant, associons cette propriété de texte de niveau à la propriété de température. Selon le DSM embelli, la propriété de température est présente à l'intérieur d'une classe principale. Utilisons donc la température du point principal. Dans la classe principale, nous avons ajouté une propriété personnalisée pour température afin de pouvoir obtenir la température en une ronde de 4 bits vendue par ce niveau de texte sans propriété de température du point principal. D'accord, de même, je lierai ce deuxième niveau avec la propriété date. Maintenant, dans le feu de beauté décent, vous verrez une date au format horaire Unix. Et nous devons le convertir en format de date lisible par l'homme. Donc, dans le dossier des modèles, passons à cette classe de liste. Et voici ce nom de propriété d. Eh bien, nous avons besoin d'une autre propriété de type chaîne, qui sera utilisée pour convertir notre heure Unix en heure UTC. Donc, avant d'ajouter la propriété, passons au package NuGet. Là-bas. Ce paquet permet de convertir l'heure Unix en heure UTC. Très bien, nous allons installer ce package NuGet. Maintenant, une fois va installer ce package NuGet. Ensuite, nous allons ajouter une propriété de type chaîne et la nommer datetime. Ensuite, nous utiliserons l'opérateur lambda. Et juste après, nous utiliserons un horodatage UTC. Et pour cet horodatage UTC, nous devons importer cet espace de noms. OK, maintenant, avec cet horodatage UTC vais choisir cette méthode pour la convertir en UTC. Et cette méthode prendra la date au format Unix. Nous allons donc passer ce D, D ici. Très bien. Maintenant, cette ligne va convertir une heure très Unix en heure UTC. Bon, maintenant, si vous ne voulez pas utiliser ce package NuGet pour convertir l'heure Unix, elle pourrait simplement utiliser ce code pour convertir votre soif la prochaine fois en heure UDC. Je vais joindre cet extrait de code à cette vidéo. Bon, passons maintenant à la page Web. Et là, trouvons la propriété text de cette étiquette avec la datetime, car la DT ou la datetime est un enfant direct de la liste. Nous n'avons donc besoin de rien avant la date, l'heure, comme nous l'avons fait plus tôt avec l'image et la température. Parce que l'image et la température ne sont pas présentes dans la classe de liste, mais que le DateTime est présent dans la classe de liste. Nous allons donc être directement positifs. Très bien, il est maintenant temps de lancer cette application. Une fois que nous aurons lancé cette application, nous verrons cette page météo. Et au bas de cette page, nous verrons une vue de collection avec des données météorologiques. Tout cela provient de cette leçon. Maintenant, je te verrai dans la prochaine. 14. Obtenir l'emplacement de l'appareil: Dans cette leçon, nous allons travailler avec le service de localisation. Actuellement, nous avons codé en dur la latitude et la longitude dans l'API météo. Mais maintenant, nous voulons obtenir la latitude et longitude en fonction de notre appareil. Nous allons donc passer au code de la page Web derrière le fichier. Ensuite, nous allons écrire notre code pour obtenir l'emplacement de l' appareil. Mais avant cela, je tiens à vous dire qu'au moment de l' enregistrement de cette vidéo, Microsoft Team n'a pas mis à jour la documentation du plug-in Xamarin Essentials. Le nouveau nom est Molly Essentials. Tout sera pareil dans les plugins Xamarin Essentials et Molly Essentials. Nous allons donc accéder à Google et rechercher la géolocalisation de Xamarin Essentials. Très bien, ouvrons ce lien. Chacun possède des plateformes différentes comme Android, iOS et Windows. Je vais vous montrer comment ajouter l'autorisation sur Android. Je vais donc copier ces autorisations. Et selon la documentation, nous devons ajouter ces autorisations dans le fichier manifeste Android. Nous allons donc accéder aux plateformes, développer Android et ouvrir le fichier manifeste Android. Il y aurait lieu de coller ces autorisations. Maintenant, sauvegardons le fichier et fermons-le. De même, dans iOS, nous devons ajouter ces autorisations dans le fichier info.plist. Je vous ai expliqué plus tôt dans l'application d'actualités comment ajouter des autorisations dans le projet iOS. Je vous ai laissé cette tâche pour ajouter ces autorisations et le projet iris. OK. Maintenant, dans le dossier de l'accordéon, lis la page. Ajoutons une méthode AC de type dusk et nommez-la, get location. OK, maintenant, dans cette méthode, nous allons utiliser le code pour obtenir l'emplacement. Donc, selon la documentation, nous devons utiliser cette classe de géolocalisation wait et cette méthode get location async pour obtenir les données de localisation. Le jus de l'âme, le poids, le verre de géolocalisation, puis l'appel à GetLocation sont stigmatiques. Maintenant, stockons le résultat dans une variable et nous allons lui donner le nom location. Avec la dislocation, nous pouvons choisir beaucoup de choses, mais nous avons juste besoin de la latitude et de la longitude vendues. Utilisez location point latitude et ajoutez deux champs en dehors de cette méthode, et ajoutez deux champs en dehors tapez double et nommez-le. L'attitude. Et l'autre nom du champ sera longitude. Nous allons maintenant attribuer la latitude du point de dislocation à la latitude, longitude du point de localisation à la longitude. Maintenant, lorsque l'utilisateur exécutera l'application , la méthode owner being appellera la méthode getLocation. OK, appelons donc cette méthode getLocation ici avec le mot clé wait. Ensuite, dans les valeurs de latitude et de longitude codées en dur , passeront la latitude et la longitude, qui proviendront de la position de l'appareil. D'accord ? Maintenant, avant de passer à l'application, je tiens à vous dire que si vous utilisez le vrai appareil, vous n'avez rien à ajouter. Notre application, nous choisirons votre position actuelle. Mais si vous utilisez l'émulateur, celui-ci choisira l'emplacement par défaut. Nous pouvons donc définir la délégation dans l'émulateur en fonction de notre choix. Dans l'émulateur, vous trouverez ces trois points. La position de 2 ici dans la barre de recherche. Choisissez l'emplacement en fonction de votre choix. D'accord ? Définissez ensuite l'emplacement. OK, maintenant lançons cette application. Et nous y voilà. Cette fois, nous allons obtenir le périphérique ou l'émulateur d' alphabet de localisation. OK, jusqu'à présent, tout va bien. Nous avons couvert la partie relative à la localisation. Maintenant, je te verrai dans la prochaine leçon. 15. Votre événement de localisation: Auparavant, nous avons travaillé avec localisation d'un appareil pour obtenir les données météorologiques. Voyons maintenant si nous allons modifier l'emplacement de l'appareil. Et si l'application est ouverte ou en arrière-plan et que vous appuyez sur votre position, nous devons obtenir les données relatives à la plume en fonction notre dernier emplacement dans le fichier SAML de la base de données. Passons à ce cadre qui contient cette étiquette pour votre localisation. Nous allons ajouter un outil de reconnaissance gestuelle. Et juste après cela, nous allons créer une localisation intime des données par un geste du toucher. Ensuite, nous aurons un événement de claquettes. Nous ne pouvons pas obtenir l'événement de clic autre que le bouton et le bouton image. C'est pourquoi nous avons créé l'événement de profondeur. Passons maintenant à la page Web appelée fichier BAM. Dans le cadre de cet événement d'étape, nous devons écrire le code pour obtenir les données météorologiques par lieu. Nous devons utiliser le même code que celui que nous avons écrit selon leur propre méthode d'apparition. Donc, afin de supprimer la duplication, réutilisera le même code. abord, nous allons ajouter une méthode asynchrone de type tâche et la nommer, obtenir des données météorologiques par emplacement. Et cette méthode prendra deux paramètres de type double, la latitude et la longitude. OK, maintenant coupons ce code API de la propre méthode d'ajout et collons la propre méthode d'ajout ce code dans cette méthode. Maintenant, dans l'événement sélectionné, nous allons appeler la méthode getLocation car lorsque cet utilisateur exécutera l'application pour la première fois , nous appellerons la méthode getLocation dans la méthode owner beam. Mais si l'application est ouverte et que l'emplacement est maintenant modifié, nous appellerons à nouveau la méthode GetLocation dans cet événement de profondeur. Ensuite, nous appellerons cela pour obtenir des données météorologiques par lieu et par pâtes. Latitude et longitude. N'oubliez pas d'ajouter l'asynchrone wait. J'espère que vous avez ce concept, rien de nouveau ici. Nous venons de réutiliser le code à l'aide de méthodes. Maintenant, lançons cette application et nous obtiendrons l'emplacement en fonction de notre appareil. Maintenant, changeons l'emplacement de l' appareil. Et si nous appuyons sur l'option Localisation de cette année, nous obtiendrons cette fois les données météorologiques en fonction de notre nouvel emplacement. De même, essayons-le une fois de plus. Très bien, on y va. C'est donc tout ce qui ressort de cette leçon. Maintenant, je te verrai dans la prochaine. 16. Obtenir les données météorologiques par ville: Auparavant, nous avons travaillé avec les données météorologiques par localisation. Maintenant, dans cette leçon, nous allons travailler avec les données météorologiques par nom de ville et par attitude. Ils cliqueront sur cette icône de recherche et il verra la fenêtre contextuelle dans laquelle il pourra taper le nom de la ville. Ensuite, les données météorologiques ont été modifiées en fonction du nom de la ville. Donc, tout d'abord, nous allons passer au fichier XAML du bit vétérinaire. Là-bas. Obtenons un événement de clic sur ce bouton d'image. Maintenant, dans l'accordéon, le fichier ira à cet événement de clic. Et ils utiliseraient l'invite d'affichage asynchrone. Et cette invite d'affichage, une scène, est essentiellement une fenêtre contextuelle qui sera utilisée pour accepter l' entrée de l'utilisateur. Ajoutons les mots clés asynchrones await. Cette invite d'affichage asynchrone accepte de nombreux paramètres, mais ils sont tous facultatifs l' exception du titre et du message. Nous n'avons pas besoin de titre ni de message. Nous allons donc ajouter la colonne de titre et cette chaîne de passe vide. De même, le message transmettra également une chaîne vide. Maintenant, dans l'espace réservé, ajoutons la recherche, que ce soit par ville. Très bien. Cette invite d'affichage asynchrone contiendra deux boutons sauf et Annuler. Si vous souhaitez modifier le texte de ces boutons, vous pouvez le modifier en conséquence. Supposons que nous souhaitions modifier le texte de ce bouton Accepter. Nous allons donc passer la recherche ici. Il n'est pas nécessaire de modifier le texte du bouton de traction. Nous allons donc simplement passer l'annulation ici. Bien, maintenant stockons le résultat dans une variable et nous l'appelons réponse. Ensuite, nous vérifierons si la réponse n'est pas nulle. Ajoutez ensuite un point d'arrêt avec cette condition if et exécutez simplement cette application. OK, maintenant, appuyez sur cette icône de recherche et nous verrons cette fenêtre contextuelle. Ajoutons quelque chose dans la fenêtre contextuelle. Ensuite, vous avez désactivé cette option de recherche. Ils ne déclencheront jamais de point de rupture et verront le texte ici que nous avons saisi dans la fenêtre contextuelle. OK, arrêtons cette application et supprimons le point de rupture. Maintenant, à l'intérieur de ce bloc if, nous allons ajouter le code pour obtenir les données météorologiques. Auparavant, nous avons utilisé ce code pour obtenir les données météorologiques par lieu. Nous voulons maintenant obtenir les données météorologiques par nom de ville. Donc, ce que je vais faire, c'est copier cette méthode de données vectorielles pour localisation et la coller ici. Nous allons maintenant changer le nom pour obtenir des données météorologiques par ville. Et à l'intérieur de cette méthode, il suffit de passer un paramètre de type chaîne et nous l'appellerons ville. Ensuite, au lieu de cela, get weather appellera la méthode get weather city avec la classe de service API et transmettra la ville. Pas à l'intérieur de ce bloc. Nous allons simplement appeler le vétérinaire pour les données selon la méthode de la ville. Et n'oubliez pas d'ajouter l'attente. Maintenant, ce code va fonctionner. Mais regardez cette répétition de l'ensemble de données dans notre code, par exemple, le code qui est présent dans l'intestin, les données météorologiques par emplacement est similaire à celui que nous avons utilisé dans le get weather données par ville. Donc, ce que nous allons faire, c'est ajouter une autre méthode et la nommer, mettre à jour l'interface utilisateur. Dans cette méthode, nous allons ajouter un paramètre de type dynamique et le nommer result. Nous avons défini le type dynamique car nous ne connaissons pas le type de réponse qui sera obtenue de l'API. Si vous passez le curseur de la souris sur ce résultat variable, le type qui est la classe racine s'affiche. Mais nous allons passer au type dynamique. Fondamentalement, les types dynamiques sont utilisés lorsque nous ne connaissons pas le type. OK ? Vous pouvez également utiliser cette route ici mettre à jour votre méthode. Ensuite, nous allons simplement couper ce code dès le départ, qu'il s'agisse de données par méthode de localisation, et le coller dans la méthode de mise à jour de l'interface utilisateur. Et nous supprimerons le score dès le départ, que ce soit les données par ville. Très bien. Ensuite, nous appellerons la méthode de mise à jour de l'interface utilisateur, obtiendrons les données météorologiques par emplacement et transmettrons ce résultat. De même, nous appellerons également cette méthode de mise à jour. Obtenez des données météorologiques par ville et transmettez ce résultat. Très bien, tournons maintenant cette application. Ici, sur l'appareil, vous verrez les données météorologiques. Maintenant, si vous appuyez sur l' icône de recherche et recherchez une ville, nous obtiendrons la météo en fonction de notre recherche. Très bien, c'est génial. Disons maintenant que nous voulons revenir à ma météo actuelle. Donc, je vais juste appuyer sur ceci, votre position. Et boum, on y va. Nous obtiendrons les données météorologiques actuelles. OK, tout cela vient de cette leçon. Maintenant, on se voit dans la prochaine. 17. Page de bienvenue au design: Dans cette leçon, nous allons travailler avec la page d'accueil de l'application Feather. Et l'utilisateur ouvrira l' application pour la première fois. Et il verra cette page d'accueil ou page de démarrage. D'accord, après avoir appuyé sur ce bouton qu'ils utilisent, sera soit directement sur la page. Et là, vous pouvez voir les détails des plumes. Supposons maintenant que l'utilisateur ferme l'application. Et encore une fois, s'il ouvre l'application, cette fois, l'utilisateur ne verra pas la page d'accueil. OK, donc nous allons obtenir ce type de fonctionnalité avec le pH vertical qui ne sera affiché qu'une seule fois. Nous allons donc créer une nouvelle page de contenu dans le projet de film Dalton. Et nous la nommons page d'accueil. Très bien, dans cet espace, nous allons ajouter quelques contrôles. Tout d'abord, définissons la couleur de la page de contenu. Ensuite, nous ajouterons une mise en page de pile. Et dans cette disposition de pile, vous ajouterez une image, trois niveaux et un bouton de commande. Le code est très simple. Là-bas. Je vais utiliser le code que j' ai déjà écrit juste pour voir si c'est l'heure. Ne vous inquiétez pas, j'ai entendu dire que cet exemple de code a été fourni avec cette vidéo. OK, maintenant, regardez un événement de clic sur ce bouton de commande. Et nous y voilà. Dans cet événement de clic, nous voulons accéder au pitch fédéral. Nous allons donc choisir la navigation point, push, modal, async. Là-bas. Qui a passé l'autre page. Ensuite, dans le fichier CSS point symbole point point de l'application, nous définirons la page principale comme page d'accueil. Maintenant, lançons cette application et nous verrons cette page d'accueil. Après avoir appuyé sur ce bouton, vous serez redirigé vers la plage. Maintenant, il va arrêter l' application et l'exécuter à nouveau. Ensuite, nous verrons cette page d'accueil. Donc, dans la leçon suivante, je vais vous montrer comment afficher la page d'accueil une seule fois. Très bien, je te verrai dans la prochaine leçon. 18. Suivi de versions: Dans cette leçon, nous allons poursuivre notre travail avec la page d'accueil. Ensuite, l'utilisateur ouvrira l' application pour la première fois. Ensuite, nous afficherons la page d'accueil. Il y a un utilisateur. Et plus tard, lorsqu'il ouvrira l'application pour la deuxième fois, il ne verra pas la page d'accueil. Donc, pour obtenir cette fonctionnalité , accédez au fichier CSS point point de l'application. Et ils utiliseront méthode de suivi des versions par points de la classe. Fondamentalement, ce suivi de version est utilisé pour suivre la version de l'application plus tôt. Cela fait partie des sept éléments essentiels. Et il existe également une documentation sur ce suivi des versions. Selon ce plat de document de cette version, le tracking point track est utilisé pour suivre la version actuelle de l'application. Ensuite, nous utiliserons une condition if et vérifierons. Si le point de suivi de version est lancé pour la première fois, la propriété est vraie. Ensuite, nous allons définir que la page centrale est égale à la page d'accueil. Sinon. Si ce n'est pas vrai, nous définirons la page principale comme la page météo. Fondamentalement, ce point de suivi de version est utilisé pour vérifier si l'application est lancée pour la première fois ou non. L'application est lancée pour la première fois. Ensuite, nous définirons la base principale de la page d'accueil. Et si l'application est lancée pour la deuxième fois ou ainsi de suite, nous définirons la page principale sur la plage. OK, lançons cette application. Et ici, nous allons voir la page d'accueil. Très bien, allons-y et nous verrons la plage. Maintenant, arrêtons l'exécution. Et nous allons exécuter cette application une fois de plus. Cette fois, nous allons considérer la base de fournisseurs comme nos principaux éléments. Très bien, j'espère que vous avez compris ce concept de suivi des versions. Tout cela provient de cette leçon. Maintenant, je te verrai dans la prochaine.