将文本格式化到 Tkinter 进度条

Question

我知道根据这个问题将文本添加到进度条：

Displaying percentage in ttk progressbar

这对我有帮助，但我需要对答案进行更多调整。

1. 我需要文本（百分比）出现在进度条的左侧。

   为此，我将'side':'left' 添加到Horizontal.TProgressbar.label 的布局格式中。

如下：

style.layout('text.Horizontal.TProgressbar',
    [('Horizontal.Progressbar.trough',
    {'children': [('Horizontal.Progressbar.pbar',
    {'side': 'left', 'sticky': 'ns'})],
    'sticky': 'nswe'}),
    ('Horizontal.Progressbar.label', {'side':'left','sticky': ''})])

但是，这会将文本移动到最左侧。它与进度条边框重叠，不清晰可读。

1. 我需要调整此文本的字体和字体颜色。我们如何改变它？

Answer 1

1. 要更改标签和边框之间的间距，您可以在布局中添加填充元素

    style.layout('text.Horizontal.TProgressbar',
        [('Horizontal.Progressbar.trough',
          {'children': [('Horizontal.Progressbar.pbar',
                         {'side': 'left', 'sticky': 'ns'})],
           'sticky': 'nswe'}),
         ('Horizontal.Progressbar.padding', {'side':'left'}),
         ('Horizontal.Progressbar.label', {'side':'left','sticky': ''})])
   

   然后用

   配置填充

   style.configure('text.Horizontal.TProgressbar', padding=4)
   

2. 您可以使用带有font 和foreground 选项的style.configure 更改文本的字体和颜色：

    style.configure('text.Horizontal.TProgressbar', foreground="red", font='Arial 20')
   

在我对Progressbar with Percentage Label? 的回答中有一个创建此类进度条的完整示例。