时间戳

首页 > 解决方案 > 为什么 gtk css 小部件样式不起作用？

gtk - 为什么 gtk css 小部件样式不起作用？

问题描述

我正在尝试从 Vala 的构造函数内部设置小部件的样式，但我没有得到我想要的结果。这是原始代码示例：

public class MyWidget : Gtk.FlowBox {

    public MyWidget () {
        var css_provider = new Gtk.CssProvider ();
        try {
            css_provider.load_from_data (
                """
                label {
                    color: blue;
                }
                """
            );
            get_style_context ().add_provider (css_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION);
        } catch (Error e) {
            message ("error");
        }
    }

    public void add_entry (string s) {
        var entry = new Gtk.Label (s);
        add (entry);
    }

}

我已经尝试了所有不同的样式变体“flowbox”、“flowboxchild”、“label”等，只有一个有效的是 GtkFlowbox 中每个元素的“*”或将它分配给一个类，我认为我仍然无法设置样式是孩子们。优先级似乎没有任何改变，为屏幕上下文添加全局“流盒”样式也不起作用。

我尝试使用 gtk 检查器来做，但这里也没有结果。

那么如何设置小部件的所有子级样式？还是我需要为他们指定班级？

标签： gtkgtk3vala

解决方案

这是一个工作示例：

public class MyWidget : Gtk.FlowBox {

    public MyWidget () {
        this.add_entry ("default text");
    }

    public void add_entry (string s) {
        var entry = new Gtk.Label (s);
        add (entry);
    }

}

void main (string[] args) {
    Gtk.init (ref args);

    var window = new Gtk.Window ();
    window.destroy.connect (Gtk.main_quit);
    window.window_position = Gtk.WindowPosition.CENTER;
    window.set_default_size (300, 80);
    window.add (new MyWidget ());

    var css_provider = new Gtk.CssProvider ();
    try {
        css_provider.load_from_data (
            """
            GtkLabel {
                color: blue;
            }
            """
        );
        Gtk.StyleContext.add_provider_for_screen (
                                 Gdk.Screen.get_default (),
                                 css_provider,
                                 Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION
                                 );
    } catch (Error e) {
        message ("error loading CSS provider");
    }

    window.show_all ();

    Gtk.main ();
}

编译：

valac --pkg gtk+-3.0 css_provider_example.vala

add_provider只是该小部件的提供者。add_provider_for_screen为应用程序中的所有小部件添加样式表。我可以理解for_screen，让某人认为它适用于该屏幕上的所有应用程序可能会有点误导，但据我所知，情况并非如此。

我已将该add_provider_for_screen部分移到main ()块中以澄清它适用于整个应用程序。如果您希望样式仅适用于esGtkLabel内的GtkFlowBoxes ，那么选择器GtkFlowBox GtkLabel应该可以工作。

此外，术语“节点”和“选择器”似乎有点混乱。我不得不label将 GTK+ CSS 更改为GtkLabel. “节点”可能是受 CSS 影响的小部件的一部分，而不是用于选择的标识符，但任何澄清这一点的人都会非常有帮助！我发现.label确实有效。所以label在 CSS 中被视为类名和GtkLabel元素。注意前面的点label。.flowbox但似乎不起作用。

推荐阅读