Python GTK3 中动态管理 CSS 样式：多提供者与类切换的最佳实践

#!/usr/bin/env python3
from gi.repository import Gtk, Gdk

# 全局基础 CSS
GLOBAL_CSS = b"""
window {
    background-color: yellow;
}
entry {
    background-color: green;
}
"""

def text_changed(entry_widget, user_provider):
    """
    当第二个输入框文本改变时，动态加载新的 CSS。
    """
    text = entry_widget.get_text()
    print(f"Entry text changed: {text}")
    # 根据文本内容决定应用何种动态样式
    if text:
        new_css = "entry {background-color: red;}"
    else:
        # 如果文本为空，恢复默认（或不应用动态样式）
        new_css = "entry {background-color: green;}" # 或者可以加载一个空的字符串

    # 重新加载用户提供者的 CSS 数据
    user_provider.load_from_data(bytes(new_css.encode()))

# 创建 GTK 应用窗口和控件
window = Gtk.Window(title="Multiple CSS Providers Demo")
window.set_default_size(300, 200)
window.connect("delete-event", Gtk.main_quit)

vbox = Gtk.Box(orientation=Gtk.Orientation.VERTICAL, spacing=10)
window.add(vbox)

label1 = Gtk.Label(label="Entry 1:")
entry1 = Gtk.Entry()
vbox.pack_start(label1, False, False, 0)
vbox.pack_start(entry1, False, False, 0)

label2 = Gtk.Label(label="Entry 2 (Type here to change Entry styles):")
entry2 = Gtk.Entry()
vbox.pack_start(label2, False, False, 0)
vbox.pack_start(entry2, False, False, 0)

# 设置全局 CSS 提供者 (APPLICATION 优先级)
global_style_provider = Gtk.CssProvider()
global_style_provider.load_from_data(GLOBAL_CSS)
Gtk.StyleContext.add_provider_for_screen(
    Gdk.Screen.get_default(),
    global_style_provider,
    Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION
)

# 设置用户动态 CSS 提供者 (USER 优先级)
# 初始时可以加载一个空字符串或默认样式
user_style_provider = Gtk.CssProvider()
user_style_provider.load_from_data(b"") # 初始为空
Gtk.StyleContext.add_provider_for_screen(
    Gdk.Screen.get_default(),
    user_style_provider,
    Gtk.STYLE_PROVIDER_PRIORITY_USER
)

# 连接信号，当 entry2 文本改变时更新 user_style_provider
entry2.connect("changed", text_changed, user_style_provider)

window.show_all()
Gtk.main()

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

# 1. 定义包含基础样式和动态 CSS 类的全局 CSS
# 所有可能的动态样式都预先定义为类
GLOBAL_CSS_WITH_CLASSES = b"""
window {
    background-color: #f0f0f0; /* 窗口背景 */
}
entry {
    background-color: #e0ffe0; /* 输入框默认浅绿色背景 */
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
}
/* 定义动态样式类 */
.highlight {
    background-color: #ffcccc; /* 突出显示时为浅红色背景 */
    border-color: #f00;
}
.active-input {
    background-color: #cceeff; /* 活跃输入时为浅蓝色背景 */
    border-color: #00f;
}
.warning-text {
    color: #cc0000; /* 警告文本颜色 */
    font-weight: bold;
}
"""

class CssDynamicApp(Gtk.Window):
    def __init__(self):
        super().__init__(title="GTK3 CSS Dynamic Styling Demo")
        self.set_default_size(400, 250)
        self.connect("delete-event", Gtk.main_quit)

        # 2. 应用全局 CSS 提供者 (包含所有类定义)
        style_provider = Gtk.CssProvider()
        style_provider.load_from_data(GLOBAL_CSS_WITH_CLASSES)
        Gtk.StyleContext.add_provider_for_screen(
            Gdk.Screen.get_default(),
            style_provider,
            Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION # 应用级别优先级
        )

        vbox = Gtk.Box(orientation=Gtk.Orientation.VERTICAL, spacing=10)
        vbox.set_margin_start(10)
        vbox.set_margin_end(10)
        vbox.set_margin_top(10)
        vbox.set_margin_bottom(10)
        self.add(vbox)

        label1 = Gtk.Label(label="Entry 1 (Style changes dynamically):")
        self.entry1 = Gtk.Entry()
        vbox.pack_start(label1, False, False, 0)
        vbox.pack_start(self.entry1, False, False, 0)

        label2 = Gtk.Label(label="Entry 2 (Type here to highlight Entry 1):")
        self.entry2 = Gtk.Entry()
        # 3. 连接信号，当 entry2 文本改变时，切换 entry1 的 CSS 类
        self.entry2.connect("changed", self.on_entry2_changed)
        vbox.pack_start(label2, False, False, 0)
        vbox.pack_start(self.entry2, False, False, 0)

        # 添加一个按钮来演示另一个类的切换
        self.button = Gtk.Button(label="Toggle Entry 1 'Active' Style")
        self.button.connect("clicked", self.on_button_clicked)
        vbox.pack_start(self.button, False, False, 0)

        # 添加一个标签来演示文本颜色类
        self.status_label = Gtk.Label(label="Status: OK")
        vbox.pack_start(self.status_label, False, False, 0)

        # 添加一个切换按钮来改变 status_label 的样式
        self.toggle_warning_button = Gtk.CheckButton(label="Show Warning Status")
        self.toggle_warning_button.connect("toggled", self.on_toggle_warning)
        vbox.pack_start(self.toggle_warning_button, False, False, 0)

    def on_entry2_changed(self, entry):
        """
        根据 Entry 2 的文本内容，为 Entry 1 添加或移除 'highlight' 类。
        """
        text = entry.get_text()
        entry1_style_context = self.entry1.get_style_context()
        if text:
            # 如果 Entry 2 有文本，为 Entry 1 添加 'highlight' 类
            if not entry1_style_context.has_class("highlight"):
                entry1_style_context.add_class("highlight")
        else:
            # 如果 Entry 2 无文本，移除 'highlight' 类
            if entry1_style_context.has_class("highlight"):
                entry1_style_context.remove_class("highlight")

    def on_button_clicked(self, button):
        """
        点击按钮时，切换 Entry 1 的 'active-input' 类。
        """
        entry1_style_context = self.entry1.get_style_context()
        if entry1_style_context.has_class("active-input"):
            entry1_style_context.remove_class("active-input")
        else:
            entry1_style_context.add_class("active-input")

    def on_toggle_warning(self, button):
        """
        切换 CheckButton 时，改变 status_label 的 'warning-text' 类。
        """
        label_style_context = self.status_label.get_style_context()
        if button.get_active():
            self.status_label.set_text("Status: WARNING!")
            label_style_context.add_class("warning-text")
        else:
            self.status_label.set_text("Status: OK")
            label_style_context.remove_class("warning-text")


if __name__ == "__main__":
    app = CssDynamicApp()
    app.show_all()
    Gtk.main()