Les tableaux (tables)

1. Introduction
2. Création d’un tableau

1. Introduction

Si on veut mettre plusieurs widgets et les bien positionner comme on le souhaite, les box ne sont certainement pas la meilleur solution surtout si on se trouve avec un nombre important de widgets. Pour résoudre ce problème, on utilisera au moins un tableau (table). Comme ça, on peut mettre et positionner les widgets dans les cellules du tableau comme on veut.

2. Création d’un tableau

Pour créer un tableau, nous allons déclarer un pointeur. Bien que le widget concernant les tabeaux soit GtkTable, nous allons déclarer un objet GtkWidget. Dans notre cas, ça sera :
GtkWidget *montableau ;

Ensuite, on passe à l’initialisation et à la création du tableau.
Syntaxe :
GtkWidget* gtk_table_new(guint nombres-de-lignes, guint nombres-de-colonnes, gboolean homogeneous);
Le paramètre homogeneous définit si tous les widgets dans GtkTable utilisent un espace équivalent.
Dans notre cas, ça sera :
montableau=gtk_table_new(1,2,TRUE);

Maintenant que le tableau est créé, il ne reste qu’à l’insérer dans la fenêtre. Et pour cela, on va utiliser* cette syntaxe :
void gtk_table_attach( GtkTable *table, GtkWidget *child,
guint left_attach, guint right_attach,
guint top_attach, guint bottom_attach,
GtkAttachOptions xoptions, GtkAttachOptions yoptions,
guint xpadding, guint ypadding);

Ça mérite une petite explication, bon voyons :

• table s’agit du nom du tableau;
• child s’agit du contenu à mettre dans la cellule du tableau ;
• left_attach définit la position à gauche du contenu;
• right_attach définit la position à droite du contenu;
• top_attach définit la position supérieure du contenu;
• bottom_attach définit la position inferieure du contenu;
• xoptions permet de spécifier la façon dont le contenu se positionne horizontalement par rapport au tableau;
• yoptions permet de spécifier la façon dont le contenu se positionne verticalement par rapport au tableau;
• xpadding définit l’espace à ajouter à droite ou au-dessus du contenu;
• ypadding définit l’espace à ajouter à gauche ou en-dessous du contenu.

Passons maintenant à un exemple concret. Nous allons prendre notre exemple précédent et utiliser un tableau à la place de la box.
Voyons comment va être notre tableau:

texte

Bouton

Voila un tableau d’une ligne et deux colonnes. Attention les bordures sont invisibles.

Pour déterminer le positionnement de nos widgets, voici comment on fait la lecture :

Voici une capture du résultat final :

Code source :
#include<stdlib.h> #include<gtk/gtk.h> int main(int argc, char *argv[]) { GtkWidget *mafenetre; GtkWidget *montableau;//table GtkWidget *montexte; GtkWidget *monbouton; gchar* codage; gtk_init(&argc,&argv); mafenetre=gtk_window_new(GTK_WINDOW_TOPLEVEL); montableau=gtk_table_new(1,2,TRUE);// création du table monbouton= gtk_button_new_with_label("Quitter"); gtk_container_add(GTK_CONTAINER(mafenetre), GTK_WIDGET(montableau)); gtk_window_set_title(GTK_WINDOW(mafenetre), "Samomoi"); gtk_window_set_position(GTK_WINDOW(mafenetre), GTK_WIN_POS_CENTER); gtk_window_set_default_size(GTK_WINDOW(mafenetre), 400, 100); gtk_window_set_icon_from_file(GTK_WINDOW(mafenetre), "icone.gif", NULL); codage=g_locale_to_utf8("Marseille! À la bien cousin.La famille...", -1, NULL, NULL, NULL); montexte=gtk_label_new(codage); g_free(codage); /* insertion de deux widgets (le texte et le bouton) sur le tableau (table)*/ gtk_table_attach(GTK_TABLE(montableau), montexte, 0, 1, 0, 1, GTK_EXPAND | GTK_FILL, GTK_EXPAND, 0, 0); gtk_table_attach(GTK_TABLE(montableau), monbouton, 1, 2, 0, 1, GTK_EXPAND | GTK_FILL, GTK_EXPAND, 0, 0); g_signal_connect(G_OBJECT(monbouton), "clicked", G_CALLBACK(gtk_main_quit), NULL); gtk_widget_show_all(mafenetre); g_signal_connect(G_OBJECT(mafenetre), "destroy", G_CALLBACK(gtk_main_quit), NULL); gtk_main(); return 0; }

Une question? Cliquez ici pour la poser.

Retour sur le portail du langage C/C++