
本文深入探讨了在 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