python - 在 Python GTK3 中设置条目背景颜色并设置回默认值的最佳方法

Question

为一个条目设置背景颜色并将其设置回默认颜色的最佳方法是什么？

我的脚本现在可以运行了，但我很确定这不是最好的方法。
我还有两个问题:

1. 如果我插入不包含字符串“red”或“green”的文本并选择该文本，我将看不到我的选择，因为它全是白色。
2. 我认为有比我将 self.entry_default_background_color_str 插入 CSS 文本的方式更好的方法。

---

import gi
gi.require_version('Gtk', '3.0')
from gi.repository import Gtk
from gi.repository import Gdk

class Window(Gtk.Window):

    def __init__(self):

        self.screen = Gdk.Screen.get_default()
        self.gtk_provider = Gtk.CssProvider()
        self.gtk_context = Gtk.StyleContext()
        self.gtk_context.add_provider_for_screen(self.screen, self.gtk_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)


        Gtk.Window.__init__(self, title="Check Input")
        self.set_size_request(300, 80)
        self.mainbox = Gtk.VBox()
        self.add(self.mainbox)

        # entry
        self.name_entry      = Gtk.Entry()
        self.name_entry.set_name("name_entry")
        self.mainbox.pack_start(self.name_entry, True, True, 0)
        self.name_entry.connect("changed", self.check_input)

        entry_context = self.name_entry.get_style_context()
        self.entry_default_background_color = entry_context.get_background_color(Gtk.StateType.NORMAL)
        self.entry_default_background_color_str = self.entry_default_background_color.to_string()

        self.show_all()


    def check_input(self, _widget=None):        
            if "red" in self.name_entry.get_text():
                self.gtk_provider.load_from_data('#name_entry { background: red; }')
            elif "green" in self.name_entry.get_text():
                self.gtk_provider.load_from_data('#name_entry { background: green; }')
            else:
                self.gtk_provider.load_from_data('#name_entry { background: ' + self.entry_default_background_color_str + '; }')


def main():
    window = Window()
    Gtk.main()


if __name__ == "__main__":
    main()

Answer 1

我将首先解决您提到的问题，因为它们可以深入了解 GTK 和 OP 代码中发生的事情。 主要问题的答案(以及执行此操作的正确代码)一直在答案的底部。

---

1. If I insert a text, not containing string "red" or "green" and select this text I cant see my selection because It is all white.

发生这种情况的原因是因为使用了 background 属性，这会将 Entry 的所有背景相关属性设置为该颜色。所以无论是选择还是“真实”背景。

然后问题是我们使用什么属性，这是 GTK 的一部分，文档很少，但我们可以使用 GtkInspector 找到这让我们可以看到哪些样式属性正在发生变化。这导致我们应该使用 background-image 而不是 background-color 用于选择的背景。

仅仅将 background-image 设置为颜色是行不通的，这会产生错误，因为需要图像。所以现在我们必须想办法让我们的 color 变成我们可以设置为 background-image 的东西，幸运的是 inspector 向我们展示了 GTK 在内部做这件事的方式，即像这样包装颜色:linear-gradient(red)。这样做会创建一个统一的红色图像，可以用作背景。

将这些知识应用到您的代码中可以让我们:

if "red" in self.name_entry.get_text():
    self.gtk_provider.load_from_data('#name_entry { background-image: linear-gradient(red); }')
elif "green" in self.name_entry.get_text():
    self.gtk_provider.load_from_data('#name_entry { background-image: linear-gradient(green); }')

---

2. I think there are better ways then the way I insert self.entry_default_background_color_str into the CSS text.

确实有更好的办法，就是不做。我们可以通过向 CssProvider 提供一个空版本的 css 来轻松恢复默认设置，这将覆盖旧版本，从而删除任何旧样式属性，例如颜色。

结合上一节我们得到:

if "red" in self.name_entry.get_text():
    self.gtk_provider.load_from_data('#name_entry { background-image: linear-gradient(red); }')
elif "green" in self.name_entry.get_text():
    self.gtk_provider.load_from_data('#name_entry { background-image: linear-gradient(green); }')
else:
    self.gtk_provider.load_from_data('#name_entry {}')

---

What is the best way to set background color for one entry and set it back to the default color?

现在我已经解决了您的代码的问题，现在这是所有重要的问题。您现在的做法是替换 CSS 文件，它工作正常，但从长远来看效率确实很低。通常你会加载 CSS 并使用类和 id 来告诉它应用哪种样式。

下面我调整了您的代码以这种方式执行此操作，请查看注释以获取解释。

def __init__(self):

    screen = Gdk.Screen.get_default()
    gtk_provider = Gtk.CssProvider()
    gtk_context = Gtk.StyleContext()
    gtk_context.add_provider_for_screen(screen, gtk_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)

    # Create the window
    Gtk.Window.__init__(self, title="Check Input")
    self.set_size_request(300, 80)
    self.mainbox = Gtk.VBox()
    self.add(self.mainbox)

    # Load the CSS
    gtk_provider.load_from_data("""
    #name_entry.red { background-image: linear-gradient(red); }
    #name_entry.green { background-image: linear-gradient(green); }
    """)

    # Create the entry and give it a name which will be the ID
    name_entry = Gtk.Entry()
    name_entry.set_name("name_entry")
    self.mainbox.pack_start(name_entry, True, True, 0)

    # Add the listener
    name_entry.connect("changed", self.check_input)

    self.show_all()


def check_input(self, entry):
    # Get the style context for this widget
    entry_style_context = entry.get_style_context()

    # Check if our text contains red
    if "red" in entry.get_text():
        # Add the red class, so now the styling with .red is applied
        entry_style_context.add_class("red")

    # Check if our text contains green
    elif "green" in entry.get_text():
        # Add the red class, so now the styling with .green is applied
        entry_style_context.add_class("green")
    else:
        # When the text doesn't contain it remove the color classes to show the default behaviour
        entry_style_context.remove_class("red")
        entry_style_context.remove_class("green")