为什么css风格不适用于GtkButton?

时间:2013-02-20 15:17:53

标签: python css styles gtk gtk3

请原谅我的英语。

我正在尝试使用css文件更改GtkButton的背景颜色,但我不能。 我尝试了一些我在网上找到的例子,但都没有用。 我发布了两个例子。一个在Python 3.2.3中,另一个在C中 我正在使用Gtk + 3.6和Kubuntu 12.10。

这是其中一个的代码:

from gi.repository import Gtk, Gdk

class MainWindow(Gtk.Window):
    def __init__(self):
        super().__init__()
        vbox = Gtk.Box(spacing=10,orientation=Gtk.Orientation.VERTICAL)
        self.add(vbox)

        self.entries = [ Gtk.Entry() for i in range(3) ]
        for e in self.entries:
            vbox.pack_start(e, True, True, 0)
            e.connect("changed", self.on_entry_changed)
            e.set_text('123')

        button=Gtk.Button(label='ok')
        vbox.pack_end(button,True,True,0)

    def on_entry_changed(self,entry):
        ctx = entry.get_style_context()
        if not entry.get_text().isnumeric():
            ctx.add_class('invalid')
        else:
            ctx.remove_class('invalid')
cssProvider = Gtk.CssProvider()
cssProvider.load_from_path('style.css')
screen = Gdk.Screen.get_default()
styleContext = Gtk.StyleContext()
styleContext.add_provider_for_screen(screen, cssProvider,
Gtk.STYLE_PROVIDER_PRIORITY_USER) # With the others GTK_STYLE_PROVIDER_PRIORITY values get the same result.

window = MainWindow()
window.connect("delete-event", Gtk.main_quit)
window.show_all()
Gtk.main()

和style.css

GtkEntry.invalid {
    background-color: #ffaaaa;
    background: #ffaaaa;
}

GtkButton {
    engine: oxygen-gtk; /*tried also with 'none' and without setting engine*/
    background-color: green;
    background: green;
}

条目运作良好... bg颜色变化。但是按钮没有,并且没有错误消息。

EDIT3:(删除预览编辑并更改部分代码) 汇总... 我尝试使用我在网络上找到的所有Python,C和C ++代码更改按钮颜色失败。我阅读了我找到的所有教程和GTK + 3参考手册。 之后我所知道的是问题是关于Kubuntu主题:如果我将GTK主题从'oxygen-gtk'更改为'default'(在GTK配置中) ,这是我发现代码运行良好的唯一方法,但这不是主意,按钮看起来很糟糕。

所以,问题是:

  1. 为什么我无法更改按钮的背景颜色?
  2. 为什么我只用按钮来解决这个问题? (适用于其他小部件)
  3. 我在这里和GTK论坛上得到的答案是说改变按钮颜色不是一个好习惯,但是...如果我想要一个像这个图像中的菜单(link)怎么办(见红框)纽扣)?哪个是最好的实践?
  4. 谢谢和问候!

3 个答案:

答案 0 :(得分:5)

我知道这已经很老了,但是在前几个谷歌搜索结果中出现了,所以我想我会分享我的经验。

Gtk.Button对于按钮文本有一个内联Gtk.Label,默认情况下不会从按钮继承,所以你必须明确告诉它(或只是指定颜色):

GtkButton GtkLabel {
    color: #fff; /* This changes the text color in the button */
}

就@sciamp的答案而言,GTK主题也为背景和边框设置了一个图像,所以你必须用background-image: none; border-image: none;手动删除它。希望这可以节省一些人的斗争。

答案 1 :(得分:2)

这应该有效(我的意思是它对我有用!):

GtkButton {
  border-image: none;
  background-image: none;
  background-color: green;
}

答案 2 :(得分:1)

这很复杂,但我认为不能直接完成。

我认为核心原因是因为按钮不会渲染背景。它所做的只是在其区域周围的rendera框架,然后渲染任何内部的孩子。请记住,GtkButton是一个容器,它通常包含一个文本标签的GtkLabel,但可以容纳任何小部件。

我设法改变了文本标签的背景颜色,但只有文本本身周围的更大的框会受到影响,这不是你想要的。

间接解决方案是将GtkButton子类化以创建实际呈现其背景的变体。对于主题来说,这是非常粗鲁的,应该避免使用。