Изменение формы виджетов шкалы tkinter

Question

Я хочу изменить форму виджетов шкалы tkinter. В основном я хочу изменить и ползунок, и желоб на другую форму. Кто-нибудь знает как это сделать? Я поискал в Интернете и не нашел результатов по моему запросу. Поскольку я новичок в tkinter, постарайтесь сделать его простым. Я нашел некоторые результаты по изменению формы виджета кнопки ( смотрите здесь ), но это, похоже, мне не очень помогло. Я хочу, чтобы мои весы выглядели примерно так, как показано наверху этого изображения:

пример желаемого образа

Масштаб не обязательно должен выглядеть точно так же, как в пи c выше. Мы будем очень благодарны за любые советы о том, как улучшить мой масштаб.

Вот соответствующая часть моего кода:

scale1 = ttk.Scale(root,from_=100,to=0,orient=VERTICAL,variable=s_var1)
scale2 = ttk.Scale(root,from_=100,to=0,orient=VERTICAL,variable=s_var2)
scale3 = ttk.Scale(root,from_=100,to=0,orient=VERTICAL,variable=s_var3)
scale4 = ttk.Scale(root,from_=100,to=0,orient=VERTICAL,variable=s_var4)
scale5 = ttk.Scale(root,from_=100,to=0,orient=VERTICAL,variable=s_var5)
#displaying the scale widgets on the screen
scale1.grid(row=0,column=0,padx=40,pady=10)
scale2.grid(row=0,column=1,padx=40,pady=10)
scale3.grid(row=0,column=2,padx=40,pady=10)
scale4.grid(row=0,column=3,padx=40,pady=10)
scale5.grid(row=0,column=4,padx=40,pady=10)
#disabling the scales
scale1.config(state=DISABLED)
scale2.config(state=DISABLED)
scale3.config(state=DISABLED)
scale4.config(state=DISABLED)
scale5.config(state=DISABLED)

Я также использовал модуль tkinter.ttk, но я не понравились и его виджеты.

Answer 1

Судя по рисункам, я предполагаю, что вы хотите отображать некоторые суммы, а не использовать шкалы для выбора значений. В этом случае я бы предпочел использовать Progressbar, чем Scale. Это даст вам нечто похожее на верхнюю часть ваших изображений, но с простыми прямоугольными angular формами:

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
style = ttk.Style(root)

# configure Progressbar style to be flat and with the colors from the pictures
style.configure('my.Vertical.TProgressbar', background='#f7f4bf', troughcolor='#8a7852',
                pbarrelief='flat', troughrelief='flat')

pbar1 = ttk.Progressbar(root, maximum=100, value=25, orient='vertical', style='my.Vertical.TProgressbar')
pbar2 = ttk.Progressbar(root, maximum=100, value=74, orient='vertical', style='my.Vertical.TProgressbar')
pbar3 = ttk.Progressbar(root, maximum=100, value=10, orient='vertical', style='my.Vertical.TProgressbar')
pbar4 = ttk.Progressbar(root, maximum=100, value=45, orient='vertical', style='my.Vertical.TProgressbar')
pbar5 = ttk.Progressbar(root, maximum=100, value=50, orient='vertical', style='my.Vertical.TProgressbar')

pbar1.grid(row=0, column=0, padx=40, pady=10)
pbar2.grid(row=0, column=1, padx=40, pady=10)
pbar3.grid(row=0, column=2, padx=40, pady=10)
pbar4.grid(row=0, column=3, padx=40, pady=10)
pbar5.grid(row=0, column=4, padx=40, pady=10)

root.configure(bg="#231303")
root.mainloop()

You can change the value displayed by the progressbar with pbar1.configure(value=).

However, I don't know how to change the shape of the progressbar. To get a custom shape for the bar, it is possible to create a custom bar class from a Canvas and use PIL to get a transparent shape.

import tkinter as tk
from tkinter import ttk

from PIL import Image, ImageTk

root = tk.Tk()
style = ttk.Style(root)


class MyBar(tk.Canvas):
    def __init__(self, master, shape, value=0, maximum=100,
                 bg="#231303", trough_color='#8a7852', bar_color='#f7f4bf'):
        # open shape mask with PIL
        im_shape_alpha = Image.open(shape).convert('L')
        # create bar shape image with the choosen backgroound color
        im_shape = Image.new('RGBA', im_shape_alpha.size, bg)
        # apply shape as alpha mask to "cut out" the bar shape
        im_shape.putalpha(im_shape_alpha)
        width, height = im_shape_alpha.size
        # create the canvas
        tk.Canvas.__init__(self, master, bg=trough_color, width=width, height=height, highlightthickness=0)

        self._value = value  # bar value
        self.maximum = maximum  # maximum value

        # bar width and height
        self.height = height
        self.width = width
        
        # create tkinter image for the shape from the PIL Image
        self.img_trough = ImageTk.PhotoImage(im_shape, master=self)
        # create bar to display the value
        self.create_rectangle(0, height, width, height * (1 - value/self.maximum), width=0, fill=bar_color, tags='pbar')
        # display shape on top
        self.create_image(0, 0, anchor='nw', image=self.img_trough)

    @property
    def value(self):
        """Return bar's value'"""
        return self._value

    @value.setter
    def value(self, value):
        """Set bar's value'"""
        self._value = value
        # adjust bar height to value
        self.coords('pbar', 0, self.height, self.width, self.height*(1 - value/self.maximum))

shape = '/path/to/shape/picture'

bar1 = MyBar(root, shape)
bar2 = MyBar(root, shape)
bar3 = MyBar(root, shape)
bar4 = MyBar(root, shape)
bar5 = MyBar(root, shape=shape, value=60, bg='navy', trough_color='sky blue', bar_color='royal blue')

bar1.pack(side='left', padx=10, pady=40)
bar2.pack(side='left', padx=10, pady=40)
bar3.pack(side='left', padx=10, pady=40)
bar4.pack(side='left', padx=10, pady=40)
bar5.pack(side='left', padx=10, pady=40)

bar2.value = 75
bar3.value = 50
bar4.value = 100
root.mainloop()

Result:

Image used for shape in this example: форма изображения

В приведенном выше коде shape - это черно-белое изображение, которое используется в качестве альфа-маски. Идея состоит в том, что полоса представляет собой прямоугольник bar_color, нарисованный на Canvas с фоном trough_color. Затем поверх этой полосы я помещаю изображение цвета bg, за исключением прозрачной части фигуры, вырезанной из фона (черная часть изображения shape).