Как стилизовать виджеты GTK индивидуально с помощью кода CSS

user3060854 спросил: 13 октября 2017 в 07:06 в: css

После этого GTK + измените шрифт на вращающуюся кнопку и как применить CSS к GTK + коду? я начал понимать как применить стиль CSS к коду GTK, но есть еще много запутанных деталей.

Это код, с помощью которого я создаю две кнопки и три метки:

test.c

#include <gtk/gtk.h>
#include <string.h>  static void
activate (GtkApplication *app,
          gpointer        user_data)
{  GtkWidget *window = gtk_application_window_new (app);;
  GtkWidget *button_01 = gtk_button_new_with_label("This is button 01");
  GtkWidget *button_02 = gtk_button_new_with_label("This is button 02");
  GtkWidget *label0 = gtk_label_new("hello 0");
  GtkWidget *label1 = gtk_label_new("hello 1");
  GtkWidget *label2 = gtk_label_new("hello 2");
  GtkWidget * main_box = gtk_box_new (GTK_ORIENTATION_VERTICAL, 25);  GtkCssProvider *cssProvider = gtk_css_provider_new();
  gtk_css_provider_load_from_path(cssProvider, "theme.css", NULL);
  gtk_style_context_add_provider_for_screen(gdk_screen_get_default(),
                               GTK_STYLE_PROVIDER(cssProvider),
                               GTK_STYLE_PROVIDER_PRIORITY_USER);  gtk_box_set_homogeneous (GTK_BOX (main_box), TRUE);
  gtk_container_add (GTK_CONTAINER (window), main_box);
  gtk_container_add (GTK_CONTAINER (main_box), button_01);
  gtk_container_add (GTK_CONTAINER (main_box), label0);
  gtk_container_add (GTK_CONTAINER (main_box), label1);
  gtk_container_add (GTK_CONTAINER (main_box), label2);
  gtk_container_add (GTK_CONTAINER (main_box), button_02);  g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);
  gtk_widget_show_all (window);
}int
main (int    argc,
      char **argv)
{
  GtkApplication *app;
  int status;  app = gtk_application_new ("org.gtk.example", G_APPLICATION_FLAGS_NONE);
  g_signal_connect (app, "activate", G_CALLBACK (activate), NULL);
  status = g_application_run (G_APPLICATION (app), argc, argv);
  g_object_unref (app);  return status;
}

и это файл css:

theme.css

GtkWindow {
    font: Comic Sans 12
}.button {
  color: green;
}

Код работает нормально, потому что все шрифты изменены, а все кнопки красные. Я хочу стилизовать каждый виджет индивидуально, например, чтобы метка0 выглядела красной, метка1 - зеленой, а метка 2 - синей.

В соответствии с этими примерами https://developer.gnome.org/gtk3/stable/chap-css-overview.html, что-то, что должно сработать,

label#label0 {
  color: red;
}
label#label1 {
  color: green;
}
label#label2 {
  color: blue;
}

, но, очевидно, это не так это означает, что я что-то там пропускаю.

Любая помощь в том, как индивидуально оформлять виджеты с помощью CSS-кода, будет принята.

0 ответов