如何让 ttk.Scale 表现得更像 tk.Scale？答案

【问题标题】：How to make ttk.Scale behave more like tk.Scale?如何让 ttk.Scale 表现得更像 tk.Scale？
【发布时间】：2017-11-09 11:24:59
【问题描述】：

Ttk 版本中还存在几个 Tk 小部件。通常它们具有相同的一般行为，但使用“样式”和“主题”而不是每个实例的外观属性（例如bg 等...）。这很好，因为 Ttk 小部件默认采用操作系统窗口管理器的“标准外观”，而无需配置任何外观。

但是，由于某种原因，ttk.Scale 小部件没有 tk.Scale 小部件的两个非常有用的选项：showvalue 和 tickinterval（请参阅 reference）。这很奇怪，因为它们更多的是关于行为而不是关于外观。

在保持ttk 外观的同时“模仿”这两个选项会很棒。以下代码是我对此的笨拙尝试。问题是：有没有更好的方法？（显然，除了将整个东西封装在一个类中）以及如何合理地获得一个半自动化的tickinterval 替代品（而不是像下面的代码那样“手动”完成）。

import tkinter as tk
import tkinter.ttk as ttk

# initial setup
root = tk.Tk()
frame = tk.Frame(root)

#################################################################
# create a tk slider showing current value and ticks
# (showvalue=True is the default)
tkslider = tk.Scale(frame, from_=-4, to=4,
                    orient=tk.HORIZONTAL, tickinterval=2)
#################################################################

#################################################################
# create a ttk slider showing current value and ticks
# use a ttk frame to get ttk style background
ttkslider = ttk.Frame(frame)
# define a callback function to update the value label
def ttk_slider_callback(value):
    # 'value' seems to be a string - bug or feature?
    value_label.config(text=round(float(value)))
    # 'text' can apparently be an int and gets converted into str
    # (...) possibly do other stuff
# decompose frame into two ttk labels and a ttk scale
value_label = ttk.Label(ttkslider, text=0)
actual_slider = ttk.Scale(ttkslider, from_=-4, to=4,
                          command=ttk_slider_callback)
# (orient=tk.HORIZONTAL is the default)
ticks_label = ttk.Label(ttkslider, text='  -4 -2  0  2  4   ')
# put it all together
value_label.grid()
actual_slider.grid()
ticks_label.grid()
#################################################################

# final setup
tkslider.grid(row=0, column=0)
ttkslider.grid(row=0, column=1)
frame.grid()
root.mainloop()

前面代码的结果，在实际“滑动”Scales 之前，可能看起来像这样，左边是 Tk Scale，右边是 Ttk Scale（每个操作系统/窗口管理器会明显不同）：

【问题讨论】：

一些想法：1) 对于您的showvalue 实现，您可以对Scale 和Label 小部件使用单个StringVar。不幸的是ttk.Scale 缺少digits 选项，该选项控制值的字符串表示。无论如何，在我看来，现在还可以。 2）tickinterval 的实现更加棘手：您可以尝试生成所有“tick”值（因为您知道所需的tickinterval）、标签和coords（通过tk 调用root.tk.call(actual_slider, 'coords', str(round(float(value))))）并将这些标签相对放置到Scale。
@CommonSense 1) 我实际上曾尝试在发布之前使用StringVar 进行小部件间通信，但遗憾的是它导致显示带有大量数字的浮点数，这实际上弄乱了标签位置也是如此 - 因此数字的“手动”四舍五入以获得更整洁的显示。 2）感谢您的链接，它可能很有用

标签： python python-3.x tkinter ttk

【解决方案1】：

您可以使用place 自动放置刻度和显示值的标签，以及它们的位置 x（以像素为单位），由公式给出：

x = ((value - start) / extent) * (width - sliderlength) + sliderlength / 2

与：

value：刻度的值
start：刻度的起点（即from 选项）
extent: 结束-开始
width: 刻度的宽度

((value - start) / extent) 以百分比给出位置，然后我只需将其乘以刻度的长度，但要考虑到滑块的长度。

然后勾选：
place(in_=self.scale, bordermode='outside', x=x, rely=1, anchor='n')
（使用rely=0, anchor='s'作为显示值的标签）

下面是完整的代码。我还添加了对digits 选项的支持。

import tkinter as tk
import tkinter.ttk as ttk

class TtkScale(ttk.Frame):
    def __init__(self, master=None, **kwargs):
        ttk.Frame.__init__(self, master)
        self.columnconfigure(0, weight=1)
        self.showvalue = kwargs.pop('showvalue', True)
        self.tickinterval = kwargs.pop('tickinterval', 0)
        self.digits = kwargs.pop('digits', '0')
        
        if 'command' in kwargs:
            # add self.display_value to the command
            fct = kwargs['command']
            
            def cmd(value):
                fct(value)
                self.display_value(value)
                
            kwargs['command'] = cmd
        else:
            kwargs['command'] = self.display_value
            
        self.scale = ttk.Scale(self, **kwargs)
        
        # get slider length
        style = ttk.Style(self)
        style_name = kwargs.get('style', '%s.TScale' % (str(self.scale.cget('orient')).capitalize()))
        self.sliderlength = style.lookup(style_name, 'sliderlength', default=30)
        
        self.extent = kwargs['to'] - kwargs['from_']
        self.start = kwargs['from_']
        # showvalue
        if self.showvalue:
            ttk.Label(self, text=' ').grid(row=0)
            self.label = ttk.Label(self, text='0')
            self.label.place(in_=self.scale, bordermode='outside', x=0, y=0, anchor='s')
            self.display_value(self.scale.get())
            
        self.scale.grid(row=1, sticky='ew')
        
        # ticks
        if self.tickinterval:
            ttk.Label(self, text=' ').grid(row=2)
            self.ticks = []
            self.ticklabels = []
            nb_interv = round(self.extent/self.tickinterval)
            formatter = '{:.' + str(self.digits) + 'f}'
            for i in range(nb_interv + 1):
                tick = kwargs['from_'] + i * self.tickinterval
                self.ticks.append(tick)
                self.ticklabels.append(ttk.Label(self, text=formatter.format(tick)))
                self.ticklabels[i].place(in_=self.scale, bordermode='outside', x=0, rely=1, anchor='n')
            self.place_ticks()

        self.scale.bind('<Configure>', self.on_configure)
        
    def convert_to_pixels(self, value):
        return ((value - self.start)/ self.extent) * (self.scale.winfo_width()- self.sliderlength) + self.sliderlength / 2
        
    def display_value(self, value):
        # position (in pixel) of the center of the slider
        x = self.convert_to_pixels(float(value))
        # pay attention to the borders
        half_width = self.label.winfo_width() / 2
        if x + half_width > self.scale.winfo_width():
            x = self.scale.winfo_width() - half_width
        elif x - half_width < 0:
            x = half_width
        self.label.place_configure(x=x)
        formatter = '{:.' + str(self.digits) + 'f}'
        self.label.configure(text=formatter.format(float(value)))
    
    def place_ticks(self):
        # first tick 
        tick = self.ticks[0]
        label = self.ticklabels[0]
        x = self.convert_to_pixels(tick)
        half_width = label.winfo_width() / 2
        if x - half_width < 0:
            x = half_width
        label.place_configure(x=x)
        # ticks in the middle
        for tick, label in zip(self.ticks[1:-1], self.ticklabels[1:-1]):
            x = self.convert_to_pixels(tick)
            label.place_configure(x=x)
        # last tick
        tick = self.ticks[-1]
        label = self.ticklabels[-1]
        x = self.convert_to_pixels(tick)
        half_width = label.winfo_width() / 2
        if x + half_width > self.scale.winfo_width():
            x = self.scale.winfo_width() - half_width
        label.place_configure(x=x)
        
    def on_configure(self, event):
        """Redisplay the ticks and the label so that they adapt to the new size of the scale."""
        self.display_value(self.scale.get())
        self.place_ticks()

if __name__ == '__main__':
    root = tk.Tk()
    root.geometry('400x300')
    style = ttk.Style(root)
    style.configure('my.Horizontal.TScale', sliderlength=10)

    s1 = tk.Scale(root, orient='horizontal', tickinterval=0.2, from_=-1, 
                  to=1, showvalue=True, resolution=0.1,  sliderlength=10)
    s2 = TtkScale(root, style='my.Horizontal.TScale', orient='horizontal', 
                  tickinterval=0.2, from_=-1, to=1, showvalue=True, 
                  digits=1)

    ttk.Label(root, text='tk.Scale').pack()
    s1.pack(fill='x')
    ttk.Label(root, text='ttk.Scale').pack()
    s2.pack(fill='x')

    root.mainloop()

此小部件的更完整版本可在名为 TickScale 的 ttkwidgets 模块中获得。

【讨论】：