Python GTK3 中动态管理和应用CSS样式:多提供者与类切换策略

本文深入探讨了在 python gtk3 应用程序中动态修改和管理 css 样式的方法。针对直接修改 css 提供者导致样式丢失的问题,教程介绍了两种主要策略:利用多个具有不同优先级的 css 提供者实现样式叠加与更新,以及通过添加/移除 css 类来灵活切换组件样式。文章通过详细的代码示例和最佳实践建议,帮助开发者高效地实现运行时样式控制,提升用户界面的交互性和可维护性。

1. GTK3 CSS 样式管理基础

在 GTK3 中,界面的视觉样式通过 CSS (Cascading Style Sheets) 进行定义。核心的样式管理组件是 Gtk.CssProvider 和 Gtk.StyleContext。Gtk.CssProvider 负责加载和解析 CSS 数据,而每个 Gtk.Widget(部件)都关联一个 Gtk.StyleContext,它负责实际应用样式。通常,我们会创建一个 Gtk.CssProvider 实例,加载所有基础 CSS 规则,然后将其添加到屏幕的样式上下文中,使这些规则对所有部件生效。

以下是一个基本的 GTK3 窗口和部件,并应用基础 CSS 的示例:

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

# 定义基础CSS样式字符串
BASE_CSS = b"""
window {
    background-color: #f0f0f0; /* 窗口背景色 */
}
entry {
    background-color: lightgreen; /* 输入框默认背景色 */
    border: 1px solid gray;
    padding: 5px;
}
label {
    color: #333; /* 标签文本颜色 */
    font-size: 14px;
}
"""

class BaseStyleWindow(Gtk.Window):
    def __init__(self):
        Gtk.Window.__init__(self, title="GTK3 基础样式示例")
        self.set_default_size(400, 200)

        # 设置全局CSS提供者,加载基础样式
        style_provider = Gtk.CssProvider()
        style_provider.load_from_data(BASE_CSS)
        # 将提供者添加到默认屏幕的样式上下文,优先级为应用程序级别
        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)
        self.add(vbox)

        self.label = Gtk.Label("这是一个示例标签")
        vbox.pack_start(self.label, False, False, 0)

        self.entry1 = Gtk.Entry()
        self.entry1.set_text("Entry 1")
        vbox.pack_start(self.entry1, False, False, 0)

        self.entry2 = Gtk.Entry()
        self.entry2.set_text("Entry 2 - 尝试修改此文本")
        vbox.pack_start(self