Fermer

janvier 26, 2023

Grille simple dans .NET MAUI

Grille simple dans .NET MAUI


Pour notre premier défi .NET MAUI, voyons si vous comprenez comment créer une structure de grille.

Salut! 🙋‍♀️ Bienvenue sur #NetMauiChallenges ! Merci beaucoup d’avoir accepté ce défi ! 😎 Ces publications seront lancées périodiquement et exploreront des sujets qui vous aideront à continuer à vous développer dans .NET MAUI !

Vous verrez que les défis portent sur des sujets simples et très précis mais importants. Le but ici est que vous puissiez prendre le temps de vous plonger dans chacun d’eux. Nous voulons que l’apprentissage soit amusant pour vous, donc peu importe le jour et l’heure à laquelle vous consultez cet article, cela ne prendra que quelques minutes !

Comment fonctionnent nos défis

Chaque défi a une structure facile à comprendre et qui respecte trois points importants pour être une réelle aide à votre évolution professionnelle :

  • 🗒 Énoncé du défi : Vous verrez toujours une image qui vous donne une description de ce que le défi attend de vous. Après cela, vous verrez trois réponses possibles parmi lesquelles vous ne pouvez en sélectionner qu’une.

  • 🔐Solution : Dans chaque défi, vous recevrez l’option qui résout la question. Il sera caché afin que vous l’analysiez d’abord, puis cliquez pour voir la bonne réponse avec son explication respective.

  • 📔 Ressources d’étude : Une fois que vous voyez la bonne réponse, la solution de chaque défi aura des ressources d’étude afin que vous puissiez l’approfondir.

Vous préférez apprendre en vidéo ?

Vous pouvez regarder une version vidéo de cet article ici :

 

Défi de grille simple dans .NET MAUI

Dans le défi d’aujourd’hui, nous voulons nous concentrer sur la déclaration correcte du nombre de lignes et de colonnes. Soyez prudent avec ça! Voyons le défi !

Si vous devez utiliser une grille pour réaliser cette structure, quelle serait une manière possible de le faire ?

Un exemple de mise en page avec deux éléments de hauteur égale sur la première ligne, un élément face à trois éléments sur la deuxième ligne et un élément long sur toute la troisième ligne.

Option A :

<Grid RowDefinitions  ="*,*"       
        ColumnDefinitions="*,*,*,*,*">
     
</Grid>

Option B :

<Grid RowDefinitions   ="*,*,*,*,*"       
        ColumnDefinitions ="*,*" >
   
</Grid>

Option C :

<Grid RowDefinitions    ="*,*,*"       
        ColumnDefinitions  ="*,*" >
   
</Grid>

Avez-vous déjà la réponse ? Parfait! Veuillez cliquer ci-dessous pour voir la solution – ici vous pouvez voir la bonne réponse et son explication avec les documents à l’appui.

La bonne réponse est l’option B! 💥

<Grid RowDefinitions   ="*,*,*,*,*"       
        ColumnDefinitions ="*,*" >
   
</Grid>

La bonne réponse est B en raison des points suivants :

Comme mentionné ci-dessus, l’objectif d’apprentissage ici était d’apprendre à déclarer le nombre correct de lignes et de colonnes pour l’exemple de structure.

Dans ce cas, la bonne réponse à déclarer est la suivante :

  • Cinq (5) rangées.
  • Deux (2) colonnes.

Une fois que vous avez réussi à faire cette structure de base avec la grille, vous pouvez commencer à localiser tous les contrôles sur votre page – dans ce cas, l’exemple contient de petites cases de couleurs vertes comme simulation de conception.

La réponse est B

📒 Ressources d’étude

Enfin, rappelez-vous que toutes vos connaissances sur Xamarin Forms sont pleinement valables dans .NET MAUI !

Emballer

Nous vous invitons à partager ce défi sur vos réseaux en utilisant le hashtag #NetMauiChallenges.

À la prochaine! 🙋‍♀️ J’espère que ça vous a plu et que ça a été utile !

Merci d’avoir lu! 💚💕




Source link