How can I change the size of tab caption box and font of ttk notebook tabs?

泪湿孤枕 提交于 2020-01-22 03:37:36

问题


I want to change the font, width and height of a tab caption in ttk.notebook python 3x

by below code, i can just change the width of tab caption box

text=f'{"frame 1": ^30s}

but how i can change the font of "frame 1" and also the height of tab caption box?

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
notebook = ttk.Notebook(root)

f1 = tk.Frame(notebook, bg='red', width=200, height=200)
f2 = tk.Frame(notebook, bg='blue', width=200, height=200)

notebook.add(f1, text=f'{"frame 1": ^30s}')
notebook.add(f2, text=f'{"frame 2 longer": ^30s}')

notebook.grid(row=0, column=0, sticky="nw")
root.mainloop()

回答1:


Based on this answer on how to customise the Notebook's Tab's configuration, you can append the font's info into the created theme like so to get the type of fonts you want:

import tkinter as tk
from tkinter import ttk

root = tk.Tk()

s = ttk.Style()
s.theme_create( "MyStyle", parent="alt", settings={
        "TNotebook": {"configure": {"tabmargins": [2, 5, 2, 0] } },
        "TNotebook.Tab": {"configure": {"padding": [100, 10],
                                        "font" : ('URW Gothic L', '11', 'bold')},}})
s.theme_use("MyStyle")

notebook = ttk.Notebook(root)

f1 = tk.Frame(notebook, bg='red', width=200, height=200)
f2 = tk.Frame(notebook, bg='blue', width=200, height=200)

notebook.add(f1, text="frame 1" )
notebook.add(f2, text="frame 2 longer" )

notebook.grid(row=0, column=0, sticky="nw")
root.mainloop()

The other approach is to directly configure the Notebook's Tab style. See below code.

import tkinter as tk
from tkinter import ttk

root = tk.Tk()

s = ttk.Style()
s.configure('TNotebook.Tab', font=('URW Gothic L','11','bold') )

notebook = ttk.Notebook(root)

f1 = tk.Frame(notebook, bg='red', width=200, height=200)
f2 = tk.Frame(notebook, bg='blue', width=200, height=200)

notebook.add(f1, text="frame 1" )
notebook.add(f2, text="frame 2 longer" )

notebook.grid(row=0, column=0, sticky="nw")
root.mainloop()

You have to note a difference between using s.configure('TNotebook.Tab', font=('URW Gothic L','11','bold') ) and s.configure('TNotebook', font=('URW Gothic L','11','bold') ). The former changes the Notebook's Tab widget's font while the latter changes the Notebook's font.

You use the first approach if you are configuring many aspects of the Tab. You use the 2nd approach if you just want to change the Notebook Tab's font.

Using s.configure('.', font=('URW Gothic L','11','bold') ) means all ttk widgets font will be of the same type. Do this if this is what you want.



来源:https://stackoverflow.com/questions/54211530/how-can-i-change-the-size-of-tab-caption-box-and-font-of-ttk-notebook-tabs

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!