IONIC Section 4 - 4.9 Utilisation de ion-grid

Cliquez içi pour plus de vidéos disponibles sur notre chaine youtube !

Bonjour à tous, maintenant pour trouver une solution au problème de nos components qui n’ont parfois pas la bonne largeur pour différentes tailles d’écrans, il est important de comprendre que Ionic contient 3 types de component différents. C’est un terme officiel, mais je pense que cela vous aidera si vous pensez à ces components en ces termes de manière explicatif. Tout d’abord, nous avons des components qui nous aident avec la sortie des données les « output», nous avons des components qui nous aident avec la mise en page les « layout», l’organisation et le classement des components les « input», et nous avons des components qui nous aident à obtenir les entrées de l'utilisateur. Les components de sortie, output, sont des éléments tels que « ion-img, ion-badge, ion-label, ion-title… », des components qui affichent principalement des éléments. Evidemment dans cette liste, il y a des choses comme « ion-alert » où l’utilisateur peut aussi appuyer sur un bouton et interagir avec lui. Bien sûr ce component fait les deux, mais en général, ces components sont principalement destinés à afficher quelque chose à l’écran que nous voulons afficher à l’utilisateur. Les components de mise en page ne sont pas eux-même directement visibles, mais leur effet est visible car ils nous permettent essentiellement de structurer le contenu, par exemple « ion-grid » que nous n’avons pas encore utilisé, mais nous utiliserons par exemple, « ion-list, ion-tabs ». Donc fondamentalement ces components qui ont parfois aussi leurs parties visibles comme « ion-card », mais qui sont également important pour regrouper des éléments, ordonnent les éléments d’une certaine manière. Et enfin les components d’entrée tels que « ion-button, ion-input, ion-textarea », de sorte que l’utilisateur puisse interagir avec tous ces components, taper quelque chose, cliquer quelque chose, appuyer sur un bouton. Donc ce sont 3 catégories importantes que nous avons examinées parmi les éléments de chacune de ces catégories. Maintenant, comme nous avons un component trop large, nous souhaitons réduire la taille et nous aurons sûrement besoin de « ion-grid ». Je vous donne rendez-vous pour la suite dans la prochaine vidéo.