如何让Tkinter ttk组件文本顶部对齐 防止窗口缩放时文本下移

问题现象 #

缩放窗口触发动态修改ttk组件字体大小的逻辑时，组件内文本会向组件底部偏移，小字号下文本会沉到组件底部甚至显示不全，无法保持和初始12号字号一致的顶部对齐效果。

• 异常效果（字体缩小时文本沉至组件底部）：
  
• 预期效果：缩小字号后文本保持顶部对齐：
  

最小可复现示例 #

import tkinter as tk 
import tkinter.font as tkFont
from tkinter import ttk


class MWE():
    def __init__(self, window):
        self.master = window
        self.master.geometry('1920x1080')
        self.mainframe = tk.Frame(self.master)
        self.mainframe.pack()
        self.master.bind('<Configure>', self.font_resize) 
        
        self.customFont = tkFont.Font(family="Helevicta", size=12)
        
        self.combobox = ttk.Combobox(self.mainframe, values=('This text vanishes...', 1,2,3),  font=self.customFont)
        self.combobox.current(0)
        
        self.combobox.grid(row=0, column=0)
        
        self.label = ttk.Label(self.mainframe, text='The label text not', font=self.customFont)
        self.label.grid(row=0, column=1)
    def font_resize(self, event):
        if self.mainframe.winfo_height() != event.width or self.mainframe.winfo_width() != event.height:
            calc_size=(self.master.winfo_height()*1e-5*self.master.winfo_width())+1 # 随窗口尺寸计算字号的自定义公式
            int_size=int(calc_size)
            self.customFont['size'] = int_size

root=tk.Tk()
Var=MWE(root)
root.mainloop()

问题原因 #

这个偏移是ttk原生渲染的已知问题：动态修改组件绑定的字体大小后，ttk组件不会自动重算内部文本的垂直布局基线，会一直沿用首次渲染时大字号对应的行高、内边距参数，字号缩小时文本就会被固定在靠下的位置，出现沉底效果。

解决方法 #

方案1：修改字号后强制刷新组件样式（代码改动最少） #

每次更新完字体大小，主动调用ttk样式配置接口，强制对应组件重新计算内部布局，只需要在原有字号赋值逻辑后补充对应组件的样式刷新代码即可，修改后的font_resize方法如下：

def font_resize(self, event):
    if self.mainframe.winfo_height() != event.width or self.mainframe.winfo_width() != event.height:
        calc_size=(self.master.winfo_height()*1e-5*self.master.winfo_width())+1 # 随窗口尺寸计算字号的自定义公式
        int_size=int(calc_size)
        self.customFont['size'] = int_size
        # 新增以下两行，强制对应ttk组件重算布局
        ttk.Style().configure('TCombobox', font=self.customFont)
        ttk.Style().configure('TLabel', font=self.customFont)

如果项目中用到按钮、输入框等其他ttk组件，按照相同格式补全对应组件的样式配置即可，比如按钮对应TButton、输入框对应TEntry。

方案2：自定义固定对齐的ttk样式（适合多组件统一管理场景） #

如果项目里用到的ttk组件较多，不想每次改字号都逐类刷新，可以在初始化阶段自定义带固定顶部对齐规则的ttk样式，所有使用该样式的组件都会自动保持文本顶部对齐，不受字号动态修改影响。
初始化时新增的样式配置代码如下：

self.customFont = tkFont.Font(family="Helevicta", size=12)
# 新增以下自定义样式代码
style = ttk.Style()
# 定义顶部对齐的Label样式：anchor='n'表示内容靠顶部对齐，padding依次为左、上、右、下内边距
style.configure('TopAlign.TLabel', anchor='n', padding=(3,2,3,2), font=self.customFont)
# 定义顶部对齐的Combobox样式
style.configure('TopAlign.TCombobox', anchor='n', padding=(3,2,3,2), font=self.customFont)

组件初始化时指定使用自定义样式即可：

self.combobox = ttk.Combobox(self.mainframe, values=('This text vanishes...', 1,2,3), font=self.customFont, style='TopAlign.TCombobox')
self.combobox.current(0)
self.label = ttk.Label(self.mainframe, text='The label text not', font=self.customFont, style='TopAlign.TLabel')

提示：padding的数值可以根据自己项目的字号范围调整，保证文本和组件边框有合适间距即可，不需要固定用示例里的数值。

内容的提问来源于stack exchange，提问作者Manuel ManUser