Szukaj…


Wprowadzenie

Styl nowych widżetów ttk jest jednym z najpotężniejszych aspektów ttk. Poza tym, że jest to zupełnie inny sposób pracy niż tradycyjny pakiet tk, pozwala on na wykonanie wielu dostosowań w widżetach.

Dostosuj widok drzewa

Biorąc Treeview: Podstawowy przykład , można pokazać, jak dostosować podstawowy widok drzewa.

W takim przypadku tworzymy styl „mystyle.Treeview” z następującym kodem (zobacz komentarze, aby zrozumieć, co robi każda linia):

style = ttk.Style()
style.configure("mystyle.Treeview", highlightthickness=0, bd=0, font=('Calibri', 11)) # Modify the font of the body
style.configure("mystyle.Treeview.Heading", font=('Calibri', 13,'bold')) # Modify the font of the headings
style.layout("mystyle.Treeview", [('mystyle.Treeview.treearea', {'sticky': 'nswe'})]) # Remove the borders

Następnie tworzony jest widżet podający powyższy styl:

tree=ttk.Treeview(master,style="mystyle.Treeview")

Jeśli chcesz mieć inny format w zależności od wierszy, możesz użyć tags :

tree.insert(folder1, "end", "", text="photo1.png", values=("23-Jun-17 11:28","PNG file","2.6 KB"),tags = ('odd',))
tree.insert(folder1, "end", "", text="photo2.png", values=("23-Jun-17 11:29","PNG file","3.2 KB"),tags = ('even',))
tree.insert(folder1, "end", "", text="photo3.png", values=("23-Jun-17 11:30","PNG file","3.1 KB"),tags = ('odd',))

Następnie na przykład można powiązać kolor tła z tagami:

tree.tag_configure('odd', background='#E8E8E8')
tree.tag_configure('even', background='#DFDFDF')

Wynikiem jest widok drzewa ze zmodyfikowanymi czcionkami zarówno na treści, jak i nagłówkach, bez obramowania i różnych kolorów dla wierszy:

wprowadź opis zdjęcia tutaj

Uwaga: Aby wygenerować powyższy obrazek, należy dodać / zmienić wyżej wymienione wiersze kodu w przykładzie Treeview: Basic example .



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow