Python+PYGObject/PYGtk+CSS样式--2024python示例

隔久点不用老是会忘,留个笔记。。

Python+PYGObject/PYGtk,加载 CSS 样式的演示代码

demo 运行的效果截图:

python 复制代码
#!/usr/bin/env python3
import sys
import gi

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


class MyApplication(Gtk.Application):
	def __init__(self):
		super().__init__(application_id="com.example.MyGtkApplication")
		GLib.set_application_name('My Gtk Application')

	def do_activate(self):
		window = Gtk.ApplicationWindow(application=self, title="Hello World")
		window.present()
		button = Gtk.Button(label="Python+PyGObject+CSS修改背景色")
		button.set_name("bricks-button")
		button.set_halign(Gtk.Align.CENTER)
		button.set_valign(Gtk.Align.CENTER)
		button.set_size_request(250, 84)
		window.add(button)
		window.show_all()

		strcss="""
			#bricks-button {
				color: #F55;
				background-color: #eef;
				background-image: -gtk-scaled(url('resource://css/brick.png'), url('resource://css/brick2.png'));
				background-repeat: no-repeat;
				background-position: center;
				/* 测试 */
			}
		"""
		
		strpath="./play.css"
		fp = open(strpath, 'w')
		fp.write(strcss)
		fp.close()

		provider = Gtk.CssProvider()
		provider.connect("parsing-error", self.show_css_parsing_error)
		# fname = Gio.file_new_for_path('play.css')
		# provider.load_from_file(fname)
		# https://docs.gtk.org/gtk4/method.CssProvider.load_from_file.html
		# load_from_path, load_from_file, load_from_string
		provider.load_from_path(strpath)
		self.apply_css(window, provider)

	def show_css_parsing_error(self, provider, section, error):
		print(error.message)

	def apply_css(self, widget, provider):
		Gtk.StyleContext.add_provider(widget.get_style_context(), provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)

		if isinstance(widget, Gtk.Container):
			widget.forall(self.apply_css, provider)


app = MyApplication()
exit_status = app.run(sys.argv)
sys.exit(exit_status)

官方文档:CssProvider --- GNOME Python API

Deprecated since version 4.12: Use load_from_string or load_from_bytes instead

Styling GTK3 in Python with CSS (Shallow Thoughts)

控件对应的CSS选择器名称(Built-in Class Names)

复制代码
css = 'button { background-color: #f00; }'

CSS选择器名称可以改(User-set Class Names)

复制代码
    button_context = button.get_style_context()
    button_context.add_class("whitebutton")

控件名称,映射为 HTML 标签的ID,在CSS中使用井号选择器

(Widget Names, like CSS ID)

复制代码
    label = gtk.Label()
    label.set_use_markup(True)
    label.set_line_wrap(True)
    label.set_name("red_label")
    mainbox.pack_start(label, False, False, 0)
    css = '#red_label { background-color: #f00; }'

dflabel = gtk.Label() 
相关推荐
CodeCraft Studio32 分钟前
CAD文件处理控件Aspose.CAD教程:使用 Python 将绘图转换为 Photoshop
python·photoshop·cad·aspose·aspose.cad
Python×CATIA工业智造2 小时前
Frida RPC高级应用:动态模拟执行Android so文件实战指南
开发语言·python·pycharm
onceco3 小时前
领域LLM九讲——第5讲 为什么选择OpenManus而不是QwenAgent(附LLM免费api邀请码)
人工智能·python·深度学习·语言模型·自然语言处理·自动化
狐凄4 小时前
Python实例题:基于 Python 的简单聊天机器人
开发语言·python
悦悦子a啊5 小时前
Python之--基本知识
开发语言·前端·python
笑稀了的野生俊6 小时前
在服务器中下载 HuggingFace 模型:终极指南
linux·服务器·python·bash·gpu算力
Naiva6 小时前
【小技巧】Python+PyCharm IDE 配置解释器出错,环境配置不完整或不兼容。(小智AI、MCP、聚合数据、实时新闻查询、NBA赛事查询)
ide·python·pycharm
Sally璐璐6 小时前
零基础学HTML和CSS:网页设计入门
前端·css
老虎06277 小时前
JavaWeb(苍穹外卖)--学习笔记04(前端:HTML,CSS,JavaScript)
前端·javascript·css·笔记·学习·html
三水气象台7 小时前
用户中心Vue3网页开发(1.0版)
javascript·css·vue.js·typescript·前端框架·html·anti-design-vue