GLade Python의 CSS가있는 체크 박스

Question

모두 사용하고자하는 작업을 수행하고 있기 때문에 체크 상자의 색상을 변경하려고합니다. "Drawing Indicator"속성이없는 상태로 사용하고 있으므로 매우 잘 보이지 않고 매우 매력적이지 않기 때문에 다른 색상을 사용해야합니다. 이 일을 할 수있는 방법이 있습니까? 내 glade 버전은 3.18.3입니다. 다음은 기본적으로 토글 버튼과 CSS 클래스에서,하게는 Gtk.CheckButton 이후

import gi 
gi.require_version('Gtk', '3.0') 
from gi.repository import Gtk 
from gi.repository import GObject as gobject 
from gi.repository import Gtk, Gdk 
import gtk 


#Checkbuttons 


def on_checkbutton_toggled(button, name): 
    if (button.get_active()): 
     state = "Active" 

    else: 
     state = "Inactive" 
    print("port " + name + " toggled, state is " +state) 


def start(button): 
    print ("Button start clicked") 

def save(button): 
    print ("Button save clicked") 

def clear(button): 
    print ("Button clear clicked") 

def select_all(button): 
    print ("Button all clicked") 

def details(button): 
    print ("Button details clicked") 

def click_for_help(button): 
    print ("Button help clicked") 

def gtk_style(): 
    css= b""" 
.button:checked { 
    color:white; 
    background:red; 
} 
""" 
    style_provider = Gtk.CssProvider() 
    style_provider.load_from_data(css) 

    Gtk.StyleContext.add_provider_for_screen(
     Gdk.Screen.get_default(), 
     style_provider, 
     Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION 
    ) 

    gtk_style() 

# GUI (Graphical User Interface) 
builder = Gtk.Builder()                                 
builder.add_from_file("/home/pi/Desktop/Wi-Green_Project/schedule-0.4.3/Wi-GreenSPM.glade")                           
handlers = { 
     "action_start": start, 
     "action_save": save, 
     "action_clear": clear, 
     "action_all": select_all, 
     "action_details": details, 
     "action_help":click_for_help 


    } 

builder.connect_signals(handlers) 
window = builder.get_object("window_WG") 


checkb1 = builder.get_object("port1") 
checkb2 = builder.get_object("port2") 
checkb3 = builder.get_object("port3") 
checkb4 = builder.get_object("port4") 
checkb5 = builder.get_object("port5") 
checkb6 = builder.get_object("port6") 
checkb7 = builder.get_object("port7") 
checkb8 = builder.get_object("port8") 
checkb9 = builder.get_object("port9") 
checkb10 = builder.get_object("port10") 
checkb11 = builder.get_object("port11") 
checkb12 = builder.get_object("port12") 
checkb13 = builder.get_object("port13") 
checkb14 = builder.get_object("port14") 
checkb15 = builder.get_object("port15") 
checkb16 = builder.get_object("port16") 
checkb17 = builder.get_object("port17") 
checkb18 = builder.get_object("port18") 
checkb19 = builder.get_object("port19") 
checkb20 = builder.get_object("port20") 
checkb21 = builder.get_object("port21") 
checkb22 = builder.get_object("port22") 
checkb23 = builder.get_object("port23") 
checkb24 = builder.get_object("port24") 

checkb1.connect ("toggled", on_checkbutton_toggled, "1") 
checkb2.connect ("toggled", on_checkbutton_toggled, "2") 
checkb3.connect ("toggled", on_checkbutton_toggled, "3") 
checkb4.connect ("toggled", on_checkbutton_toggled, "4") 
checkb5.connect ("toggled", on_checkbutton_toggled, "5") 
checkb6.connect ("toggled", on_checkbutton_toggled, "6") 
checkb7.connect ("toggled", on_checkbutton_toggled, "7") 
checkb8.connect ("toggled", on_checkbutton_toggled, "8") 
checkb9.connect ("toggled", on_checkbutton_toggled, "9") 
checkb10.connect ("toggled", on_checkbutton_toggled, "10") 
checkb11.connect ("toggled", on_checkbutton_toggled, "11") 
checkb12.connect ("toggled", on_checkbutton_toggled, "12") 
checkb13.connect ("toggled", on_checkbutton_toggled, "13") 
checkb14.connect ("toggled", on_checkbutton_toggled, "14") 
checkb15.connect ("toggled", on_checkbutton_toggled, "15") 
checkb16.connect ("toggled", on_checkbutton_toggled, "16") 
checkb17.connect ("toggled", on_checkbutton_toggled, "17") 
checkb18.connect ("toggled", on_checkbutton_toggled, "18") 
checkb19.connect ("toggled", on_checkbutton_toggled, "19") 
checkb20.connect ("toggled", on_checkbutton_toggled, "20") 
checkb21.connect ("toggled", on_checkbutton_toggled, "21") 
checkb22.connect ("toggled", on_checkbutton_toggled, "22") 
checkb23.connect ("toggled", on_checkbutton_toggled, "23") 
checkb24.connect ("toggled", on_checkbutton_toggled, "24") 
#--------------------------------------------------------------------------------------- 

window.connect("destroy", Gtk.main_quit) 

window.show_all() 

Gtk.main() 

Answer 1

가없이 표시를 그리는 설정 : 임은 PI3 모델 B

를이 내 코드 사용 Gtk + 3.18은 .button이다.

이 클래스의 공급자를 정의하고 화면에 추가하는 것은 다소 간단합니다.

첫째, 관련 CSS 코드는이 예를 들어

.button:checked { 
    color: white; 
    background: red; 
} 

이 버튼을 체크하면, 흰색 텍스트와 빨간색 배경이있을 것이다.

는 작업 예제는 다음과 같습니다 아이디어가 사용하는 것입니다, 그래서 만약

이것은 모든 checkbuttons에 동일한 동작을 적용합니다 :

#!/usr/bin/python3 
from gi.repository import Gtk, Gdk 
import sys 


class MyWindow(Gtk.Window): 

    def __init__(self): 
     Gtk.Window.__init__(self, title="Hello World") 
     self.set_name('MyWindow') 
     self.set_default_size(600, 300) 

     self.box = Gtk.HBox() 
     self.box.set_halign(Gtk.Align.CENTER) 
     self.box.set_valign(Gtk.Align.CENTER) 
     self.add(self.box) 

     self.button1 = Gtk.CheckButton(label="1") 
     self.button1.set_mode (False); 
     self.button1.connect("clicked", self.on_button1_clicked) 
     self.box.pack_start(self.button1, True, True, 0) 

     self.button2 = Gtk.CheckButton(label="2") 
     self.button2.set_mode (False); 
     self.button2.connect("clicked", self.on_button2_clicked) 
     self.box.pack_start(self.button2, True, True, 0) 

    def on_button1_clicked(self, widget): 
     print("Button 1") 

    def on_button2_clicked(self, widget): 
     print("Button 2") 


def main(argv): 

    def gtk_style(): 
     css = b""" 
.button:checked { 
    color: white; 
    background: red; 
} 
     """ 
     style_provider = Gtk.CssProvider() 
     style_provider.load_from_data(css) 

     Gtk.StyleContext.add_provider_for_screen(
      Gdk.Screen.get_default(), 
      style_provider, 
      Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION 
     ) 

    gtk_style() 
    win = MyWindow() 
    win.connect("delete-event", Gtk.main_quit) 
    win.show_all() 
    Gtk.main() 

if __name__ == "__main__": 
    main(sys.argv) 

결과는 다음과 같은 것입니다 이 솔루션은 번호가 지정된 버튼에만 적용되지만 응용 프로그램에서 다른 체크 버튼 (토글 버튼)을 원하면 스타일 클래스를 추가/제거하거나 사용자 정의 스타일 클래스를 추가해야합니다.

편집 : 질문 코드 문제가 해결되지 않습니다.

이 문제는 gtk_style()이 호출되지 않는다는 사실에 기인합니다. 호출은 자체 정의 안에 있습니다 :

def gtk_style(): 
    ...code... 
    gtk_style() # <----- Here is the problem. 

파이썬 들여 쓰기가 적절합니다. 현재와 ​​같은 방식으로 재귀 적으로 호출되며 호출되지 않습니다. 해결 방법은 해당 줄을 제거하고 아래 코드 (예 : window.connect 줄)에 따라 이동하는 것입니다.

더미 빈터 파일 (myui.glade) :

<?xml version="1.0" encoding="UTF-8"?> 
<!-- Generated with glade 3.19.0 --> 
<interface> 
    <requires lib="gtk+" version="3.16"/> 
    <object class="GtkWindow" id="window1"> 
    <property name="can_focus">False</property> 
    <child> 
     <object class="GtkGrid" id="grid1"> 
     <property name="visible">True</property> 
     <property name="can_focus">False</property> 
     <child> 
      <object class="GtkCheckButton" id="port1"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">0</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port2"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">1</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port3"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">2</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port4"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">3</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port5"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">4</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port6"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">5</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port7"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">6</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port8"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">7</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port9"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">8</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port10"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">9</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port11"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">10</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port12"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">11</property> 
      <property name="top_attach">0</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port13"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">0</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port14"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">1</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port15"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">2</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port16"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">3</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port17"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">4</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port18"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">5</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port19"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">6</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port20"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">7</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port21"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">8</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port22"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">9</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port23"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">10</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     <child> 
      <object class="GtkCheckButton" id="port24"> 
      <property name="label" translatable="yes">Port</property> 
      <property name="visible">True</property> 
      <property name="can_focus">True</property> 
      <property name="receives_default">False</property> 
      <property name="xalign">0.5</property> 
      <property name="draw_indicator">False</property> 
      </object> 
      <packing> 
      <property name="left_attach">11</property> 
      <property name="top_attach">1</property> 
      </packing> 
     </child> 
     </object> 
    </child> 
    </object> 
</interface> 

더미 숲 사이의 빈터 파일에 코드를 적응하고 코드를 해결하기 위해 변경 사항을 적용 :

import gi 
gi.require_version('Gtk', '3.0') 
from gi.repository import Gtk 
from gi.repository import GObject as gobject 
from gi.repository import Gtk, Gdk 
import gtk 


#Checkbuttons 


def on_checkbutton_toggled(button, name): 
    if (button.get_active()): 
     state = "Active" 

    else: 
     state = "Inactive" 
    print("port " + name + " toggled, state is " +state) 


def start(button): 
    print ("Button start clicked") 

def save(button): 
    print ("Button save clicked") 

def clear(button): 
    print ("Button clear clicked") 

def select_all(button): 
    print ("Button all clicked") 

def details(button): 
    print ("Button details clicked") 

def click_for_help(button): 
    print ("Button help clicked") 

def gtk_style(): 
    css= b""" 
.button:checked { 
    color:white; 
    background:red; 
} 
""" 
    style_provider = Gtk.CssProvider() 
    style_provider.load_from_data(css) 

    Gtk.StyleContext.add_provider_for_screen(
     Gdk.Screen.get_default(), 
     style_provider, 
     Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION 
    ) 


# GUI (Graphical User Interface) 
builder = Gtk.Builder()                                 
builder.add_from_file("myui.glade")                           
handlers = { 
     "action_start": start, 
     "action_save": save, 
     "action_clear": clear, 
     "action_all": select_all, 
     "action_details": details, 
     "action_help":click_for_help 


    } 

builder.connect_signals(handlers) 
window = builder.get_object("window1") 

checkb1 = builder.get_object("port1") 
checkb2 = builder.get_object("port2") 
checkb3 = builder.get_object("port3") 
checkb4 = builder.get_object("port4") 
checkb5 = builder.get_object("port5") 
checkb6 = builder.get_object("port6") 
checkb7 = builder.get_object("port7") 
checkb8 = builder.get_object("port8") 
checkb9 = builder.get_object("port9") 
checkb10 = builder.get_object("port10") 
checkb11 = builder.get_object("port11") 
checkb12 = builder.get_object("port12") 
checkb13 = builder.get_object("port13") 
checkb14 = builder.get_object("port14") 
checkb15 = builder.get_object("port15") 
checkb16 = builder.get_object("port16") 
checkb17 = builder.get_object("port17") 
checkb18 = builder.get_object("port18") 
checkb19 = builder.get_object("port19") 
checkb20 = builder.get_object("port20") 
checkb21 = builder.get_object("port21") 
checkb22 = builder.get_object("port22") 
checkb23 = builder.get_object("port23") 
checkb24 = builder.get_object("port24") 

checkb1.connect ("toggled", on_checkbutton_toggled, "1") 
checkb2.connect ("toggled", on_checkbutton_toggled, "2") 
checkb3.connect ("toggled", on_checkbutton_toggled, "3") 
checkb4.connect ("toggled", on_checkbutton_toggled, "4") 
checkb5.connect ("toggled", on_checkbutton_toggled, "5") 
checkb6.connect ("toggled", on_checkbutton_toggled, "6") 
checkb7.connect ("toggled", on_checkbutton_toggled, "7") 
checkb8.connect ("toggled", on_checkbutton_toggled, "8") 
checkb9.connect ("toggled", on_checkbutton_toggled, "9") 
checkb10.connect ("toggled", on_checkbutton_toggled, "10") 
checkb11.connect ("toggled", on_checkbutton_toggled, "11") 
checkb12.connect ("toggled", on_checkbutton_toggled, "12") 
checkb13.connect ("toggled", on_checkbutton_toggled, "13") 
checkb14.connect ("toggled", on_checkbutton_toggled, "14") 
checkb15.connect ("toggled", on_checkbutton_toggled, "15") 
checkb16.connect ("toggled", on_checkbutton_toggled, "16") 
checkb17.connect ("toggled", on_checkbutton_toggled, "17") 
checkb18.connect ("toggled", on_checkbutton_toggled, "18") 
checkb19.connect ("toggled", on_checkbutton_toggled, "19") 
checkb20.connect ("toggled", on_checkbutton_toggled, "20") 
checkb21.connect ("toggled", on_checkbutton_toggled, "21") 
checkb22.connect ("toggled", on_checkbutton_toggled, "22") 
checkb23.connect ("toggled", on_checkbutton_toggled, "23") 
checkb24.connect ("toggled", on_checkbutton_toggled, "24") 
#--------------------------------------------------------------------------------------- 

window.connect("destroy", Gtk.main_quit) 

gtk_style() # <----------------------- MOVED HERE 

window.show_all() 

Gtk.main() 

이

에게 그 결과는 무엇인가되어야한다 이렇게 :