GTK2 checkbutton : paramétrer la couleur de fond du check en fonction de son état

Version imprimable

17/10/2022, 09h16
Sylvain Rousseau

1 pièce(s) jointe(s)

GTK2 checkbutton : paramétrer la couleur de fond du check en fonction de son état
Bonjour,

je suis contrant à GTK2.x.
je ne trouve pas la primitive permettant de paramétrer la couleur de la case du check en fonction de l'état du bouton. Par défaut le check devient rouge, je voudrais qu'il soit vert indiquant la disponibilité de la ressource.

Pièce jointe 627394

J'ai essayé la primitive gtk_widget_modify_base() mais cela ne fait rien :
Code:

1 2 3 4 5 GdkColor colGreen; gdk_color_parse("#90ee90", &colGreen); GtkWidget * myCheck = gtk_check_button_new_with_label("S1"); gtk_widget_modify_base(GTK_WIDGET(myCheck), GTK_STATE_ACTIVE, &colGreen);
Il semble qu'en utilisant un fichier CSS cela pourrait fonctionner, mais il semble que cette notion n'est pas dispo en GTK2.
Merci pour vos conseils.

Sylvain

Citation:

Envoyé par Sylvain Rousseau

Bonjour,

Bonjour.

Citation:

Envoyé par Sylvain Rousseau

je suis contrant à GTK2.x.

Je compatis :mrgreen:

Citation:

Envoyé par Sylvain Rousseau

je ne trouve pas la primitive permettant de paramétrer la couleur de la case du check en fonction de l'état du bouton. Par défaut le check devient rouge, je voudrais qu'il soit vert indiquant la disponibilité de la ressource.

Tout d'abord il faut bien savoir que c'est ton environnement graphique qui décide de l'apparence de ton application. Donc chez toi c'est rouge et peut-être que chez moi se sera bleu. Normalement le style de l'environnement graphique est prioritaire. Ceci dit on peut bien entendu passer outre. Pour Gtk2 il faut passer par les GtkRcStyle.

Comme les GtkCheckButton héritent des GtkWidget il y a quelques fonctions qui te permettent de modifier directement l'aspect graphique. Par exemple :
Code:

1 2 3 4 void gtk_widget_modify_fg (GtkWidget *widget, GtkStateType state, const GdkColor *color);
Pour accéder au GtkRcStyle du widget concerné tu as :
Code:

1 2 3 GtkRcStyle * gtk_widget_get_modifier_style (GtkWidget *widget);
Et pour affecter un style :
Code:

1 2 3 void gtk_widget_modify_style (GtkWidget *widget, GtkRcStyle *style);
Pour finir voila la structure d'un GtkRcStyle :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 typedef struct { gchar *name; gchar *bg_pixmap_name[5]; PangoFontDescription *font_desc; GtkRcFlags color_flags[5]; GdkColor fg[5]; GdkColor bg[5]; GdkColor text[5]; GdkColor base[5]; gint xthickness; gint ythickness; } GtkRcStyle;

Salut Gerald !
merci pour cette réponse très pédagogique.
Grâce à toi, je m'approche de la solution, mais pour l'instant cela ne fonctionne toujours pas.
Voici mon code :

Code:

1
2
3
4
5
6
7
GdkColor colGreen;
gdk_color_parse("#90ee90", &colGreen);
GtkWidget * myCheck = gtk_check_button_new_with_label("S1");
GtkRcStyle *pCheckboxStyle = gtk_widget_get_modifier_style(myCheck );
pCheckboxStyle->fg[0] = colGreen;
pCheckboxStyle->bg[0] = colGreen;
gtk_widget_modify_style(myCheck , pCheckboxStyle);

Je remarque que les champs GtkRcStyle.fg/bg sont des tableaux de taille 5 , bizarre ... :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
struct _GtkRcStyle
{
  GObject parent_instance;
 
  /*< public >*/
  gchar *name;
  gchar *bg_pixmap_name[5];
  PangoFontDescription *font_desc;
  GtkRcFlags color_flags[5];
  GdkColor   fg[5];
  GdkColor   bg[5];
  GdkColor   text[5];
  GdkColor   base[5];
  gint xthickness;
  gint ythickness;
  /*< private >*/
  GArray *rc_properties;
  /* list of RC style lists including this RC style */
  GSList *rc_style_lists;
  GSList *icon_factories;
 guint engine_specified : 1;	/* The RC file specified the engine */
};

Du coup, j'ai tenté de remplir tout le tableau :

Code:

1
2
3
4
5
for (int iSt = 0; iSt < 5; iSt++)
{
pCheckboxStyle->fg[iSt] = colGreen;
pCheckboxStyle->bg[iSt] = colGreen;
}

Mais ça donne rien non plus.

Le nombre 5, ça ressemble beaucoup à la taille de cet enum ... :

Code:

1
2
3
4
5
6
7
8
9
/* Widget states */
typedef enum
{
  GTK_STATE_NORMAL,
  GTK_STATE_ACTIVE,
  GTK_STATE_PRELIGHT,
  GTK_STATE_SELECTED,
  GTK_STATE_INSENSITIVE
} GtkStateType;

En visitant gtkwidget.h je vois :

Code:

1
2
3
4
5
6
7
GtkRcStyle *gtk_widget_get_modifier_style (GtkWidget            *widget);
void        gtk_widget_modify_fg          (GtkWidget            *widget,
					   GtkStateType          state,
					   const GdkColor       *color);
void        gtk_widget_modify_bg          (GtkWidget            *widget,
					   GtkStateType          state,
					   const GdkColor       *color);

Du coup, il semble que l'api gtk_widget_modify_fg/bg adresse le bon élément du tableau GtkRcStyle.fg/bg[].
Malheureusement l'appel de ces fonctions n'ont aucun effet :-(

Sylvain

1 pièce(s) jointe(s)

Bon je t'avoue que ma première réponse, je l'ai faite dans le virtuel sans rien tester du tout. Comme ça fait un bon moment que je ne travaille plus avec Gtk2 je pensais, à tord, te donner une réponse simple et efficace.

Je me suis retroussé les manches et me suis aperçu que Gtk2 a continué d'évoluer. Tout ce qui est lié aux styles est pour ainsi dire devenu obsolète. Ils ont intégré Cairo en lieu et place. La seule manière "simple" qu'il nous reste sans être obligé d'ouvrir le moteur est de passer par les Gtkrc files. Malgré cette technique je ne suis pas arrivé à modifier l'aspect du GtkRadioButton inclus dans le GtkCheckbutton. J'arrive cependant à accéder à la couleur du texte et la couleur du fond du bouton.

Je te livre ici mes recherches et un code exemple minimaliste.

Le principe de départ est d'avoir un fichier texte au format Gtkrc. Pour avoir les explication de ce format voila le lien du tutoriel officiel.

Gtk inclut par défaut certains fichiers Gtkrc lors du démarrage de l'application. Si on veut ajouter notre propre fichier il faut utiliser la fonction gtk_rc_add_default_file ();. Cette fonction DOIT ÊTRE exécutée avant le gtk_init ();. Pour parfaire tout ce petit monde tu peux utiliser la fonction gtk_rc_get_default_files (); pour voir quels fichiers Gtkrc sont chargés. Tu t'assures ainsi que ton fichier fait parti de la liste. En résumé le code commence ainsi :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 #include <gtk/gtk.h> gint main (gint argc, gchar **argv) { /* ajout du gtkrc personnel. * Site d'exeplication du gtkrc : * https://wiki.gnome.org/Attic/GnomeArt/Tutorials/GtkThemes */ gtk_rc_add_default_file ("./test.gtkrc"); /* Affichage pour information des fichiers gtkrc pris en charge */ gchar **rcfiles = gtk_rc_get_default_files (); for (gint i=0; rcfiles[i]; i++) g_print ("%s\n", rcfiles[i]); g_print ("\n"); /* Initialisation de Gtk */ gtk_init (&argc, &argv);
Au lancement voila liste des fichiers chargés :
Code:

1 2 3 4 5 6 /usr/share/gtk-2.0/gtkrc /etc/xdg/xdg-gnome/gtk-2.0/gtkrc /etc/xdg/xdg-gnome/gtk-2.0/gtkrc /etc/gtk-2.0/gtkrc /home/gerald/.gtkrc-2.0 ./test.gtkrc
Le dernier fichier correspond bien au mien.

Maintenant le contenu de test.gtkrc :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 style "label-style" { # and the forground fg[NORMAL] = "#aa0000" fg[PRELIGHT] = "#ff0000" fg[ACTIVE] = "#0000ff" fg[SELECTED] = "#0000ff" } style "button-style" { # modify the x/ythickness, used for spacing all over the place xthickness = 3 ythickness = 3 # one can set so called "style properties" GtkRange::slider-width = 15 # set the background bg[NORMAL] = "#00aa00" bg[ACTIVE] = "#00aa00" bg[PRELIGHT] = "#00aa00" bg[SELECTED] = "#0000ff" } #Application du style "label-style" au texte du GtkCheckButton widget "*.my-button.GtkLabel" style : highest "label-style" # Application du style "button-style" au GtkCheckbutton dans son ensemble widget "*.my-button" style : highest "button-style"
Ce code crée deux styles :

label-style : change la couleur du texte
button-style : change la couleur de fond lorsque la souris passe dessus

Comme tu peux le constaté pour appliquer un style particulier j'ai utilisé la commande "widget". Dans cette commande j'ai spécifié le nom "my-button". Ceci permet d'appliquer un style particulier à un widget particulier de ton application. Il faudra donc dans le code source C donner le même nom au widget désigné.

Le code source complet :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 #include <gtk/gtk.h> gint main (gint argc, gchar **argv) { /* ajout du gtkrc personnel. * Site d'explication du gtkrc : * https://wiki.gnome.org/Attic/GnomeArt/Tutorials/GtkThemes */ gtk_rc_add_default_file ("./test.gtkrc"); /* Affichage pour information des fichiers gtkrc pris en charge */ gchar **rcfiles = gtk_rc_get_default_files (); for (gint i=0; rcfiles[i]; i++) g_print ("%s\n", rcfiles[i]); g_print ("\n"); /* Initialisation de Gtk */ gtk_init (&argc, &argv); /* Création d'une fenêtre principale */ GtkWidget *window = gtk_window_new (GTK_WINDOW_TOPLEVEL); gtk_widget_set_size_request (window, 200, 200); g_signal_connect (G_OBJECT (window), "destroy", G_CALLBACK (gtk_main_quit), NULL); /* Insertion dun GtkVbox dans la fenêtre principale */ GtkWidget *vbox = gtk_vbox_new (TRUE, 5); gtk_container_add (GTK_CONTAINER (window), vbox); /* Insertion d'un GtkCheckButton dans le vbox */ GtkWidget *checkbutton = gtk_check_button_new_with_label ("test"); gtk_widget_set_name (checkbutton, "my-button"); gtk_box_pack_start (GTK_BOX (vbox), checkbutton, FALSE, FALSE, 0); gtk_widget_show_all (window); gtk_main (); return 0; }
Capture d'écran du résultat :
Pièce jointe 627698

24/10/2022, 18h14
Sylvain Rousseau

Bonjour Gérald,

merci beaucoup pour tes recherches et cette réponse digne d'un tuto pro !

Je vais donc tester et je te donnerai mes résultats.

Sur ton screenshot, je vois que tu colores le fond du check button en vert quand il est unchecked et que la couleur de la petite boite qui contient le "check" est gris/blanche.
Quelle est couleur de la petite boite qui contient le "check" quand le check button est checked ?
C'est précisément cette petite surface qui prend la couleur rouge chez moi quand le check button est checked et que je voudrais passer en vert.
Je suppose que cet aspect sera impacté par le champ : bg[SELECTED] = "#0000ff" dans le fichier rc, qu'en penses tu ?

Amicalement

Sylvain
25/10/2022, 10h25
gerald3d

Malheureusement pour toi c’est justement cette box que je ne suis pas arrivé à changer la couleur. J’ai supposé que c’est un GtkRadioButton inclus dans le GtkCheckButton.
25/10/2022, 16h16
Sylvain Rousseau

Salut Gérald,

il faudrait peut être lister les widgets "enfants" du widget créé par le gtk_check_button_new_with_label() et trouver lequel est cette case cochable, lui donner un nom et le lier à un fichier rc.
Qu'en penses tu ?
25/10/2022, 16h22
gerald3d

Oui ça peut être une bonne piste de travail.