在 gtk 刻度上更改滑块大小

Question

我想在 Linux c 程序中更改 Gtk 刻度的滑块以显示图像。 我正在使用 CSS 文件来设置背景图像。 图像正在显示，但问题是滑块太小而无法完全显示图像。

我尝试在 CSS 文件中使用 min-width 和 min-height，但它似乎不起作用。

这是我使用的 CSS。 border-radius 和 background-image 有效，但 min-width 和 min-height 不起作用。

.scale .slider{
    min-width: 100px;
    min-height: 150px;
    border-radius: 0px;
    background-image: url("fader.png");
}

编辑：这是将 css 样式应用于 gtk 元素的 C 代码：

...
GtkCssProvider *provider = gtk_css_provider_new ();
gtk_css_provider_load_from_path (provider, "gtktut01.css", NULL);
GtkStyleContext *context;
context = gtk_widget_get_style_context(GTK_WIDGET(window));
gtk_style_context_add_provider    (context,GTK_STYLE_PROVIDER(provider),GTK_STYLE_PROVIDER_PRIORITY_USER);

context = gtk_widget_get_style_context(GTK_WIDGET(scale));
gtk_style_context_add_provider (context,GTK_STYLE_PROVIDER(provider),GTK_STYLE_PROVIDER_PRIORITY_USER);

gtk_widget_show_all (GTK_WIDGET(window));
gtk_main ();
...

窗口和比例是使用 glade 创建的。

Answer 1

我之前评论说我无法更改旋钮的大小。嗯，我刚做了。如果这不是您要问的，请更具体。这是我所做的：

这是我的fader.png我用油漆做的：

这是main.c 的 MWE：

#include <gtk/gtk.h>                                                                                

static void activate(GtkApplication *app, gpointer user_data)                                       
{                                                                                                   
    GtkWidget *window;                                                                              
    GtkWidget *box;                                                                                 
    GtkWidget *scale;                                                                               
    GtkStyleContext *context;                                                                       
    GtkCssProvider *provider;                                                                       

    window = gtk_application_window_new(app);                                                       
    gtk_window_set_title(GTK_WINDOW(window), "Window");                                             
    gtk_container_set_border_width(GTK_CONTAINER(window), 10);                                      
    gtk_window_set_default_size(GTK_WINDOW(window), 500, 100);                                      

    box = gtk_box_new(GTK_ORIENTATION_VERTICAL, 10);                                                
    gtk_container_add(GTK_CONTAINER(window), box);                                                  

    scale = gtk_scale_new_with_range(GTK_ORIENTATION_HORIZONTAL, 0, 100, 5);                        
    gtk_container_add(GTK_CONTAINER(box), scale);                                                   

    provider = gtk_css_provider_new();                                                              
    gtk_css_provider_load_from_path(provider, "mystyle.css", NULL);                                 

    context = gtk_widget_get_style_context(GTK_WIDGET(window));                                     
    gtk_style_context_add_provider(context, GTK_STYLE_PROVIDER(provider), GTK_STYLE_PROVIDER_PRIORITY_USER);

    context = gtk_widget_get_style_context(GTK_WIDGET(scale));                                      
    gtk_style_context_add_provider(context, GTK_STYLE_PROVIDER(provider), GTK_STYLE_PROVIDER_PRIORITY_USER);

    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;                                                                                  
}             

这里是mystyle.css：

scale slider {                                                                                      
    background-image: -gtk-scaled(url("fader.png"));                                                
    background-size: 100px 100px;                                                                   
    min-width: 100px;                                                                               
    min-height: 100px;                                                                              
}

Answer 2

我也有同样的问题，但只想在 CSS 中做。我为使用 .glade gtk 和 python 的项目使用这个 CSS 解决了这个问题

scale slider{
    min-width: 100px;
    min-height: 150px;  
}

对于带有sliderID的单个gtkslider或以下

scale#sliderID slider{
    min-width: 100px;
    min-height: 150px;
}