3

我在 Ubuntu natty 上使用 gtk+-3.2.3 和 css。在下面的代码中，我有一个以绿色背景颜色和蓝色文本开头的按钮。当我将鼠标悬停在它上面时，背景颜色会变为红色，但字体颜色不会像我指定的那样变为白色。此外，当按住按钮时，背景颜色会变为橙色，但字体颜色不会变为我指定的青色。为什么会这样？这是覆盖我的代码的窗口管理器吗？

/*Compile with:
  gcc -Wall -o cssbutton2 `pkg-config --cflags --libs gtk+-3.0` cssbutton2.c
*/

#include <gtk/gtk.h>

int main(int argc, char *argv[] )
{
  GtkWidget *window;
  GtkWidget *button;
  GtkCssProvider *provider;
  GdkDisplay *display;
  GdkScreen *screen;

  gtk_init (&argc, &argv);

  window = gtk_window_new (GTK_WINDOW_TOPLEVEL);
  gtk_window_set_default_size(GTK_WINDOW(window), 280, 200);
  g_signal_connect (GTK_WIDGET (window), "destroy",
                        G_CALLBACK (gtk_main_quit), NULL);

  button = gtk_button_new_with_label("CssButton");  
  gtk_widget_set_name (GTK_WIDGET(button), "mybutton");        
  gtk_widget_set_halign (GTK_WIDGET(button),GTK_ALIGN_CENTER);
  gtk_widget_set_valign (GTK_WIDGET(button),GTK_ALIGN_CENTER);
  gtk_widget_set_size_request(GTK_WIDGET(button), 200, 120);
  gtk_container_add(GTK_CONTAINER(window),button); 

  provider = gtk_css_provider_new ();
  display = gdk_display_get_default ();
  screen = gdk_display_get_default_screen (display);                                                                                  
  gtk_style_context_add_provider_for_screen (screen, GTK_STYLE_PROVIDER (provider),    GTK_STYLE_PROVIDER_PRIORITY_USER);

  gtk_css_provider_load_from_data (GTK_CSS_PROVIDER (provider),
                            " GtkWindow {\n"                          
                            "   background-color: tan;\n"
                            "}\n"
                            " GtkButton {\n"
                            "   -GtkWidget-focus-line-width: 0;\n"
                            "   border-radius: 15;\n"
                            "   font: Sans 23;\n"
                            "   color: #00008B;\n"                                       
                            "   background-color: green;\n"
                            "}\n"
                            " .button:hover {\n"
                            "   background-color: red;\n"
                            "   color: white;\n"
                            "}\n"
                            " .button:hover:active {\n"
                            "   background-color: orange;\n"
                            "   color: cyan;\n"
                            "}\n", -1, NULL);

  g_object_unref (provider);
  gtk_widget_show_all(window);
  gtk_main();
  return(0);
}
4

2 回答 2

1

我刚刚在 Ubuntu 12.04 (gtk+ 3.4.2) 上对此进行了测试，在添加background-image: none;到GtkButton样式定义之后，这就像你所描述的那样工作是所需的行为。也许只是 GTK 中的一个错误，后来被修复了？

于 2012-06-08T13:07:49.740 回答
1

可以参考gtk css风格语法： https ://developer.gnome.org/gtk3/stable/chap-css-overview.html

/*Compile with:
  gcc -Wall -o cssbutton2 `pkg-config --cflags --libs gtk+-3.0` cssbutton2.c
*/

#include <gtk/gtk.h>

int main(int argc, char *argv[] )
{
  GtkWidget *window;
  GtkWidget *button;
  GtkCssProvider *provider;
  GdkDisplay *display;
  GdkScreen *screen;
  //GtkStyleContext *context;

  gtk_init (&argc, &argv);

  window = gtk_window_new (GTK_WINDOW_TOPLEVEL);
  gtk_window_set_default_size(GTK_WINDOW(window), 280, 200);
  gtk_window_set_title(GTK_WINDOW(window),"CSSBUTTON");
  g_signal_connect (GTK_WIDGET (window), "destroy",
                        G_CALLBACK (gtk_main_quit), NULL);

  button = gtk_button_new_with_label("CssButton");  
  gtk_widget_set_name (GTK_WIDGET(button), "mybutton");        
  gtk_widget_set_halign (GTK_WIDGET(button),GTK_ALIGN_CENTER);
  gtk_widget_set_valign (GTK_WIDGET(button),GTK_ALIGN_CENTER);
  gtk_widget_set_size_request(GTK_WIDGET(button), 200, 120);
  gtk_container_add(GTK_CONTAINER(window),button); 

  provider = gtk_css_provider_new ();
  display = gdk_display_get_default ();
  screen = gdk_display_get_default_screen (display);                                                                                  
   // context = gtk_widget_get_style_context(window);

  gtk_css_provider_load_from_data (provider,
                            "*{"
                            "color:green;"
                            "font-family:Monospace;"
                            "border:1px solid;"
                                 " }"       
                            " window {"                          
                            "   background-color: rgba(50,30,70,100);"
                            "   background-image:none;"
                            "}"
                            " button {"
                            "   border-radius: 15px;"
                            "   font: Sans 23;"
                            "   color: #00008B;"                                       
                            "   background-color: green;"
                            "   background-image:none;"
                            "}"
                            " button:hover {"
                            "   background-color: red;"
                            "   color: white;"
                            "}"
                            " button:hover:active {"
                            "   background-color: orange;"
                            "   color: cyan;"
                            "}", -1, NULL);

  gtk_style_context_add_provider_for_screen (screen, GTK_STYLE_PROVIDER(provider),GTK_STYLE_PROVIDER_PRIORITY_USER);
  g_object_unref (provider);
  gtk_widget_show_all(window);
  gtk_main();
  return(0);
}
于 2016-11-23T05:26:39.000 回答