python-3.x - 使 PyGObject 中的特定按钮尽可能小
问题描述
我想要一个带有标签但没有尽可能小的图标的工具栏按钮。按钮上的文本和按钮的边框之间不需要边距。它不必是真正的工具栏。它也可以是简单的水平按钮线。
#!/usr/bin/env python3
import gi
gi.require_version('Gtk', '3.0')
from gi.repository import Gtk
class MyWindow(Gtk.Window):
def __init__(self):
Gtk.Window.__init__(self)
self.connect('destroy', Gtk.main_quit)
# try it as a toolbar
toolbar = Gtk.Toolbar()
for i in range(3):
widget = Gtk.Label(str(i), expand=False)
#widget.set_margin_start(0)
btn = Gtk.ToolButton.new()
btn.set_label_widget(widget)
toolbar.insert(btn, -1)
# try it as simple button line
hbox = Gtk.HBox()
for i in range(5):
btn = Gtk.Button(label=str(i), expand=False, relief=2)
hbox.pack_start(btn, expand=False, fill=False, padding=0)
# layout
vbox = Gtk.VBox()
vbox.pack_start(toolbar, expand=False, fill=False, padding=0)
vbox.pack_start(hbox, expand=False, fill=False, padding=0)
self.add(vbox)
if __name__ == '__main__':
window = MyWindow()
window.show_all()
Gtk.main()
编辑:并非应用程序中的所有按钮都应该是这样的。我只对其中一些人需要这种特定的“风格”。
解决方案
覆盖一些 CSS 属性应该可以解决问题。这是您的脚本的快速修改。
#!/usr/bin/env python3
import gi
gi.require_version('Gtk', '3.0')
from gi.repository import Gtk
# Added code starts here
from gi.repository import Gdk
css = b"""
.small-button {
min-height: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
"""
css_provider = Gtk.CssProvider()
css_provider.load_from_data(css)
Gtk.StyleContext.add_provider_for_screen(
Gdk.Screen.get_default(),
css_provider,
Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION
)
# End of added code
class MyWindow(Gtk.Window):
def __init__(self):
Gtk.Window.__init__(self)
self.connect('destroy', Gtk.main_quit)
# try it as a toolbar
toolbar = Gtk.Toolbar()
for i in range(3):
widget = Gtk.Label(str(i), expand=False)
#widget.set_margin_start(0)
btn = Gtk.ToolButton.new()
btn.set_label_widget(widget)
toolbar.insert(btn, -1)
# try it as simple button line
hbox = Gtk.HBox()
for i in range(5):
btn = Gtk.Button(label=str(i), expand=False, relief=2)
style_ctx = btn.get_style_context()
style_ctx.add_class('small-button')
hbox.pack_start(btn, expand=False, fill=False, padding=0)
# layout
vbox = Gtk.VBox()
vbox.pack_start(toolbar, expand=False, fill=False, padding=0)
vbox.pack_start(hbox, expand=False, fill=False, padding=0)
self.add(vbox)
if __name__ == '__main__':
window = MyWindow()
window.show_all()
Gtk.main()
可以通过为它们指定一个新类来更改仅一组特定小部件的 CSS。首先获取GtkStyleContext
这些小部件,然后使用它的add_class('class-name')
方法:
style_ctx = button.get_style_context()
style_ctx.add_class('small-button')
有关 CSS 主题的更多信息,请参阅 GTK 文档中的主题部分。
使用GtkInspector运行您的 GUI以检查小部件的 CSS 属性。
推荐阅读
- angular - 如何在 Ionic 4/Angular 中从 json 创建自定义日期选择器?
- elasticsearch - 官方文档中的这个百分比排名示例结论是否正确?
- c# - 如何将版本设置为 gRPC API?
- manim - 类型对象“动画”没有属性“mobject”
- html - 可以以角度路由到不同的模板
- c - 为什么我可以用没有类型的“静态”限定符声明一个变量?(在 C 中)
- java - 我可以在枚举内的值之间映射吗?
- php - 如何在 PHP 中裁剪图像并以 PNG 格式返回?
- python - python代码仍在运行时如何释放内存?
- javascript - 为什么多次调用一个动画函数会导致它跳过三个js中的动画?