Re: Custom GtkHeaderBar

[Takao Fujiwara <tfujiwar redhat com>]

I think your example still draws the green color of the hbox but not the theme color of GtkHeaderBar.
I also think the menu and headerbar's colors are different.

Fujiwara

On 04/16/17 04:25, cecashon aol com-san wrote:
> I gave it another try and "header" gtk_style_context_add_class() is transparent. I can use "menu" and that 
> returns a darker color that is used on the
> title bar.
>
> It is C again. I did get foo.vala output to foo.c. Too much stuff.
>
> Eric
>
> /*
>    gcc -Wall box1.c -o box1 `pkg-config --cflags --libs gtk+-3.0`
>    Tested with GTK3.18 on Ubuntu16.04
> */
> #include<gtk/gtk.h>
>
> static gboolean draw_main_window(GtkWidget *widget, cairo_t *cr, gpointer data);
> static gboolean draw_event_box(GtkWidget *widget, cairo_t *cr, gpointer data);
> static void close_program(GtkWidget *widget, gpointer user_data);
>
> int main(int argc, char *argv[])
>   {
>     gtk_init (&argc, &argv);
>
>     GtkWidget *window=gtk_window_new (GTK_WINDOW_TOPLEVEL);
>     gtk_window_set_title(GTK_WINDOW(window), "Title Bar");
>     gtk_window_set_default_size(GTK_WINDOW(window), 200, 200);
>     gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);
>     gtk_widget_set_app_paintable(window, TRUE);
>     g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);
>     g_signal_connect(window, "draw", G_CALLBACK(draw_main_window), NULL);
>
>     GtkWidget *button=gtk_button_new_with_label("Close");
>     g_signal_connect(button, "clicked", G_CALLBACK(close_program), NULL);
>
>     GtkWidget *label1=gtk_label_new("Header");
>     gtk_label_set_markup(GTK_LABEL(label1), "<span foreground=\"white\">Header</span>");
>     GtkWidget *label2=gtk_label_new("Bar");
>     gtk_label_set_markup(GTK_LABEL(label2), "<span foreground=\"white\">Bar</span>");
>
>     GtkWidget *box=gtk_box_new(GTK_ORIENTATION_HORIZONTAL, 0);
>     gtk_container_set_border_width(GTK_CONTAINER(box), 10);
>     gtk_widget_set_hexpand(box, TRUE);
>     gtk_box_pack_start(GTK_BOX(box), button, TRUE, TRUE, 0);
>     gtk_box_pack_start(GTK_BOX(box), label1, TRUE, TRUE, 0);
>     gtk_box_pack_start(GTK_BOX(box), label2, TRUE, TRUE, 0);
>
>     GtkWidget *event=gtk_event_box_new();
>     GtkStyleContext *context=gtk_widget_get_style_context(event);
>     //Use the menu background.
>     gtk_style_context_add_class(context, "menu");
>     gtk_container_add(GTK_CONTAINER(event), box);
>     g_signal_connect(event, "draw", G_CALLBACK(draw_event_box), NULL);
>     gtk_window_set_titlebar(GTK_WINDOW(window), event);
>
>     GtkWidget *label3=gtk_label_new("Main");
>     gtk_widget_set_vexpand(label3, TRUE);
>     gtk_widget_set_hexpand(label3, TRUE);
>     GtkWidget *label4=gtk_label_new("Window");
>     gtk_widget_set_vexpand(label4, TRUE);
>     gtk_widget_set_hexpand(label4, TRUE);
>
>     GtkWidget *grid=gtk_grid_new();
>     gtk_grid_attach(GTK_GRID(grid), label3, 0, 0, 1, 1);
>     gtk_grid_attach(GTK_GRID(grid), label4, 0, 1, 1, 1);
>
>     gtk_container_add(GTK_CONTAINER(window), grid);
>
>     gtk_widget_show_all(window);
>
>     gtk_main();
>
>     return 0;
>   }
> static gboolean draw_main_window(GtkWidget *widget, cairo_t *cr, gpointer data)
>   {
>     //Paint the main window.
>     cairo_set_source_rgb(cr, 0.0, 1.0, 0.0);
>     cairo_paint(cr);
>     return FALSE;
>   }
> static gboolean draw_event_box(GtkWidget *widget, cairo_t *cr, gpointer data)
>   {
>     //Paint the event box header bar.
>     gint width=gtk_widget_get_allocated_width(widget);
>     gint height=gtk_widget_get_allocated_height(widget);
>
>     GtkStyleContext *context=gtk_widget_get_style_context(widget);
>     gtk_render_background(context, cr, 0, 0, width, height);
>
>     return FALSE;
>   }
> static void close_program(GtkWidget *widget, gpointer user_data)
>   {
>     gtk_main_quit();
>   }