如何更改颜色只有一个标签GtkNotebook

时间:2017-01-17 00:34:53

标签: css gtk3

我正在使用GTK版本3.10.8 使用 Ubuntu 14 。我现在不想升级到Ubuntu 16 ......

尽管如此,我对 CSS GtkNoteBook

有一个理解的问题

我的测试

是否可以仅为一个标签更改标签的颜色,例如

GtkNotebook tab:nth-child(3) {} or
GtkNotebook tab:nth-child(4){} or
GtkNotebook tab:nth-child(5) etc …..

我发现

没关系

/ *首先确定 / / 最后确定* /

/ * odd ok * /

/ *甚至ok * /

/ * 1 ok * /

/ * 2n + 1 ok * /

/ * 3n + 4 non ok * /

/ * 2不好* /

/ *一个不好* /

/ *一个不好* /

#!/usr/bin/python
# -*- coding: ISO-8859-1 -*-
# notebook_20.py
from gi.repository import Gtk, Gdk

def _destroy_cb(widget, data=None):
    Gtk.main_quit()

window = Gtk.Window()
window.connect("destroy", _destroy_cb)

screen = Gdk.Screen.get_default()

css_provider = Gtk.CssProvider()

css = """
        /* Theme any label within a notebook */
        GtkNotebook tab GtkLabel {background-color: green;color: cyan;}
        GtkNotebook > GtkLabel {background-color: pink;color: cyan;}


        GtkNotebook {              /*------  OR use " GtkNotebook#notebook OR GtkNotebook.mynotebook  */ 
        -GtkWidget-focus-line-width: 0;    /* Remove focus line (dotted line) around text on all tabs */
        -GtkNotebook-tab-overlap: 0; 
        padding: 10px 20px 10px 20px;
        border-radius: 15px; 
        border-width: 4px;               
        }   


        GtkLabel.first_label {        /* another way to select tab label */
        color: green;                 /* overides last font color selection  */
        font: Serif italic 10;        /* overides last font & font size selection */
        }

        /* first ok */
        /* last ok  */
        /* odd ok  */
        /* even ok  */
        /* 1 ok  */
        /* 2n+1 ok  */
        /* 3n+4 non ok  */
        /* 2 non ok  */
        /* one non ok  */
        /* one non ok  */

        GtkNotebook tab:nth-child(3n+4) {  /* modification 1er onglet tab "FirstTab */
        background-color: pink;             /* tab background color */
        color: green;                         /* tab font color */
        font: Sans 12;                      /* tab font & font size */
        }
        """
css_provider.load_from_data(css)


context = Gtk.StyleContext()
context.add_provider_for_screen(screen, css_provider,
                                Gtk.STYLE_PROVIDER_PRIORITY_USER)

box = Gtk.VBox()
window.add(box)

notebook = Gtk.Notebook()
box.pack_start(notebook, False, False, 0)

for i in range(10):
    bufferf = "Prepend Frame %d" % (i+1)
    bufferl = "Page %d" % (i+1)

    frame = Gtk.Frame()
    frame.set_border_width(10)
    frame.set_size_request(100, 75)
    label = Gtk.Label(bufferf)
    frame.add(label)
    label.show()

    label2 = Gtk.Label(bufferl)
    notebook.append_page(frame, label2)
    frame.show()

window.show_all()
Gtk.main()
你能帮助我吗? perhap必须我改变gtk版本(现在我有版本3.10.8) 提前谢谢

2 个答案:

答案 0 :(得分:0)

您可以在CSS字符串中添加特殊的CSS ID:

    #page2 {
        background-color: #0f0;
    }

然后set_name为"第2页"与page2。例如,在创建单个页面的for循环中:

for i in range(10):
    ...
    label2 = Gtk.Label(bufferl)
    if i == 2:
        label2.set_name('page2')
    notebook.append_page(frame, label2)
    frame.show()

答案 1 :(得分:0)

好的,非常感谢你的帮助。我的理解是: - GtkNotebook标签:nth-​​child(3){}是"已实施"在CSS3规范中,但是 - 未在版本3.10.8的Gtk 3中实现。

事实上我改变了我的approch。 首先,我想管理一个笔记本。 第二,当我在tab子项中更改日期时,我想指示状态已修改 如果数据没有改变状态没有修改 经过一两个晚上!!!,我发现我的需要是只管理两个州。

我的解决方案是:

if status == 'modified';
    label.set_name ('modified)
else
    label.set_name ('no_modified)
.......

GtkNotebook > #no_modified {background-color: green;}
GtkNotebook > #modified {background-color: red;}

或类似的东西。 我第二天测试了这个。 非常感谢你,