【问题标题】:Setting background color of a tkinter ttk frame设置 tkinter ttk 框架的背景颜色
【发布时间】:2019-06-25 20:30:14
【问题描述】:

我想简单地为 tkinter 窗口中的框架设置背景颜色。成功设置了窗口的背景颜色,但没有设置内部框架的背景颜色。简单地输入bg='color_name or color_code' 是行不通的。

如何设置ttk帧的背景颜色?

除此之外,有没有一种方法可以更改其他小部件选项,例如标签栏的颜色、字体?

我尝试过使用命令bg='Color_name or color_code',也尝试过使用frame_name=config(bg='color_name or color_code')。都没有用。

from tkinter import * 
from tkinter import ttk 


window = Tk() 
window.title("Title Name") 
window.config(bg='#FFFAFA')
window.geometry('1024x800')


menubar = Menu(window) 
filemenu = Menu(menubar,tearoff=0)
menubar.add_cascade(label='File',menu=filemenu)
filemenu.add_command(label='Open')
filemenu.add_command(label='Clear')
filemenu.add_command(label='Save As')
filemenu.add_separator()
filemenu.add_command(label='Exit')


helpmenu = Menu(menubar,tearoff=0)
menubar.add_cascade(label='Help',menu=helpmenu)
helpmenu.add_command(label='Precuations')
helpmenu.add_command(label='Version Info')
helpmenu.add_command(label='Technical Support')

window.config(menu=menubar)

rows = 0
while rows<50:
    window.rowconfigure(rows,weight=1)
    window.columnconfigure(rows, weight=1)
    rows +=1

#creation of frame
mainframe = ttk.Notebook(window,width=50)
mainframe.grid(row=1,column=2,columnspan=45,rowspan=43,sticky='NESW')

#create tabs within the frame
tab1 = ttk.Frame(mainframe)
mainframe.add(tab1, text="Tab1")


tab2 = ttk.Frame(mainframe)
mainframe.add(tab2, text="Tab2")


tab3 = ttk.Frame(mainframe)
mainframe.add(tab3, text="Tab3")

tab4 = ttk.Frame(mainframe)
mainframe.add(tab4, text="Tab4")

tab5 = ttk.Frame(mainframe)
mainframe.add(tab5, text="Tab4")

window.mainloop()

【问题讨论】:

    标签: python-3.x user-interface tkinter background-color ttk


    【解决方案1】:

    使用ttk 小部件时,所有样式都应使用ttk.Style 完成。

    你需要用s = ttk.Style()初始化样式类,然后可以用s.configure('StyleName', option='value')改变不同widget样式的属性

    您可以找到默认样式名称here。所以对于Frame,样式名称是TFrame。当您为此样式配置选项时,它将被所有框架使用。当您想为单个框架配置选项时,您可以使用newName.oldName 形式的名称在原始样式的基础上创建新样式。在您的情况下,这可能是Frame1.TFrame。然后,您可以通过传递 style='Frame1.TFrame' 来告诉框架使用此样式。

    如果您在代码中使用以下内容,您会看到第一帧是红色,第二帧是蓝色,其他所有帧都是绿色:

    # Initialize style
    s = ttk.Style()
    # Create style used by default for all Frames
    s.configure('TFrame', background='green')
    
    # Create style for the first frame
    s.configure('Frame1.TFrame', background='red')
    # Use created style in this frame
    tab1 = ttk.Frame(mainframe, style='Frame1.TFrame')
    mainframe.add(tab1, text="Tab1")
    
    # Create separate style for the second frame
    s.configure('Frame2.TFrame', background='blue')
    # Use created style in this frame
    tab2 = ttk.Frame(mainframe, style='Frame2.TFrame')
    mainframe.add(tab2, text="Tab2")
    

    【讨论】:

    • 非常感谢您的支持!问题已解决。这种技术有效,框架现在显示设置的背景颜色。此外,共享的链接是获​​取帮助的,我将尝试在 GUI 中自定义其他小部件。
    【解决方案2】:

    请按照以下步骤操作

    1. 创建样式类的对象

      s = ttk.Style()

    2. 使用该对象定义样式

    3. 第一个参数:样式名,这个名字放在你想赋予这个样式的所有框架中

      s.configure('frameName', background='#fff')

    4. 创建框架并指定此样式

      frm1 = ttk.Frame(root, style='frameName')

    【讨论】:

    • 请为您的问题添加一些标签,以便该主题的专家更容易搜索。此外,尝试更详细地解释您的问题,并在需要时使用 sn-ps。
    【解决方案3】:

    您正在使用 ttk 小部件,它们的样式选项包含在样式中。因此,对于 ttk 小部件,您不能直接更改 bgcolor 等样式选项。您必须编辑或创建新样式。更多关于这里的信息:http://infohost.nmt.edu/tcc/help/pubs/tkinter/web/ttk-style-layer.html

    像这样更改您的代码以显示新颜色:

    # create frame style
    s = ttk.Style()
    s.configure('new.TFrame', background='#7AC5CD')
    
    #create tabs within the frame
    tab1 = ttk.Frame(mainframe, style='new.TFrame')
    mainframe.add(tab1, text="Tab1")
    
    
    tab2 = ttk.Frame(mainframe, style='new.TFrame')
    mainframe.add(tab2, text="Tab2")
    
    
    tab3 = ttk.Frame(mainframe, style='new.TFrame')
    mainframe.add(tab3, text="Tab3")
    
    tab4 = ttk.Frame(mainframe, style='new.TFrame')
    mainframe.add(tab4, text="Tab4")
    
    tab5 = ttk.Frame(mainframe, style='new.TFrame')
    mainframe.add(tab5, text="Tab4")
    

    【讨论】:

    • 非常感谢您的回复。该技术奏效,问题已得到解决。框架现在显示设置的背景颜色。
    猜你喜欢
    • 2014-07-03
    • 2011-04-30
    • 2014-07-08
    • 2013-11-22
    • 1970-01-01
    • 2013-07-12
    • 2018-08-19
    • 1970-01-01
    • 2016-05-24
    相关资源
    最近更新 更多