import tkinter import sys from .customtkinter_frame import CTkFrame from .appearance_mode_tracker import AppearanceModeTracker from .customtkinter_color_manager import CTkColorManager class CTkSlider(tkinter.Frame): """ tkinter custom slider, always horizontal """ def __init__(self, bg_color=None, border_color=None, fg_color=CTkColorManager.SLIDER_BG, progress_color=None, button_color=CTkColorManager.MAIN, button_hover_color=CTkColorManager.MAIN_HOVER, from_=0, to=1, number_of_steps=None, width=160, height=16, border_width=5, command=None, *args, **kwargs): super().__init__(*args, **kwargs) AppearanceModeTracker.add(self.change_appearance_mode) self.appearance_mode = AppearanceModeTracker.get_mode() # 0: "Light" 1: "Dark" self.bg_color = self.detect_color_of_master() if bg_color is None else bg_color self.border_color = self.bg_color if border_color is None else border_color self.fg_color = fg_color self.progress_color = progress_color if progress_color is not None else fg_color self.button_color = self.bg_color if button_color is None else button_color self.button_hover_color = self.bg_color if button_hover_color is None else button_hover_color self.width = width self.height = self.calc_optimal_height(height) self.border_width = round(border_width) self.callback_function = command self.value = 0.5 # initial value of slider in percent self.hover_state = False self.from_ = from_ self.to = to self.number_of_steps = number_of_steps self.output_value = self.from_ + (self.value * (self.to - self.from_)) self.configure(width=self.width, height=self.height) if sys.platform == "darwin": self.configure(cursor="pointinghand") self.canvas = tkinter.Canvas(master=self, highlightthickness=0, width=self.width, height=self.height) self.canvas.place(x=0, y=0) self.canvas.bind("", self.on_enter) self.canvas.bind("", self.on_leave) self.canvas.bind("", self.clicked) self.canvas.bind("", self.clicked) self.draw() def detect_color_of_master(self): if isinstance(self.master, CTkFrame): return self.master.fg_color else: return self.master.cget("bg") @staticmethod def calc_optimal_height(user_height): if sys.platform == "darwin": return user_height # on macOS just use given value (canvas has Antialiasing) else: # make sure the value is always with uneven for better rendering of the ovals if user_height == 0: return 0 elif user_height % 2 == 0: return user_height + 1 else: return user_height def draw(self, no_color_updates=False): # decide the drawing method if sys.platform == "darwin" and 1==2: # on macOS draw button with polygons (positions are more accurate, macOS has Antialiasing) self.draw_with_polygon_shapes() else: # on Windows and other draw with ovals (corner_radius can be optimised to look better than with polygons) self.draw_with_ovals_and_rects() if no_color_updates is False: self.canvas.configure(bg=CTkColorManager.single_color(self.bg_color, self.appearance_mode)) self.canvas.itemconfig("border_parts", fill=CTkColorManager.single_color(self.border_color, self.appearance_mode)) self.canvas.itemconfig("inner_parts", fill=CTkColorManager.single_color(self.fg_color, self.appearance_mode)) self.canvas.itemconfig("progress_parts", fill=CTkColorManager.single_color(self.progress_color, self.appearance_mode)) self.canvas.itemconfig("button_parts", fill=CTkColorManager.single_color(self.button_color, self.appearance_mode)) def draw_with_polygon_shapes(self): """ draw the slider parts with just three polygons that have a rounded border """ coordinate_shift = -1 width_reduced = -1 # create border parts if self.border_width > 0: if not self.canvas.find_withtag("border_parts"): self.canvas.create_line((0, 0, 0, 0), tags=("border_line_1", "border_parts")) self.canvas.coords("border_line_1", (self.height / 2, self.height / 2, self.width - self.height / 2 + coordinate_shift, self.height / 2)) self.canvas.itemconfig("border_line_1", capstyle=tkinter.ROUND, width=self.height + width_reduced) # create inner button parts if not self.canvas.find_withtag("inner_parts"): self.canvas.create_line((0, 0, 0, 0), tags=("inner_line_1", "inner_parts")) if self.progress_color != self.fg_color: self.canvas.create_line((0, 0, 0, 0), tags=("inner_line_progress", "progress_parts")) self.canvas.coords("inner_line_1", (self.height / 2, self.height / 2, self.width - self.height / 2 + coordinate_shift, self.height / 2)) if self.progress_color != self.fg_color: self.canvas.coords("inner_line_progress", (self.height / 2, self.height / 2, ((self.width + coordinate_shift - self.height) * self.value + self.height / 2), self.height / 2)) self.canvas.itemconfig("inner_parts", capstyle=tkinter.ROUND, width=self.height - self.border_width * 2 + width_reduced) self.canvas.itemconfig("progress_parts", capstyle=tkinter.ROUND, width=self.height - self.border_width * 2 + width_reduced) # button parts if not self.canvas.find_withtag("button_parts"): self.canvas.create_line((0, 0, 0, 0), tags=("button_line_1", "button_parts")) self.canvas.coords("button_line_1", (self.height / 2 + (self.width + coordinate_shift - self.height) * self.value, self.height / 2, self.height / 2 + (self.width + coordinate_shift - self.height) * self.value, self.height / 2)) self.canvas.itemconfig("button_line_1", capstyle=tkinter.ROUND, width=self.height + width_reduced) def draw_with_ovals_and_rects(self): """ draw the progress bar parts with ovals and rectangles """ # ovals and rects are always rendered too large and need to be made smaller by -1 oval_bottom_right_shift = -1 rect_bottom_right_shift = 0 # frame_border if self.border_width > 0: if not self.canvas.find_withtag("border_parts"): self.canvas.create_oval((0, 0, 0, 0), tags=("border_oval_1", "border_parts"), width=0) self.canvas.create_rectangle((0, 0, 0, 0), tags=("border_rect_1", "border_parts"), width=0) self.canvas.create_oval((0, 0, 0, 0), tags=("border_oval_2", "border_parts"), width=0) self.canvas.coords("border_oval_1", (0, 0, self.height + oval_bottom_right_shift, self.height + oval_bottom_right_shift)) self.canvas.coords("border_rect_1", (self.height/2, 0, self.width-(self.height/2) + rect_bottom_right_shift, self.height + rect_bottom_right_shift)) self.canvas.coords("border_oval_2", (self.width-self.height, 0, self.width + oval_bottom_right_shift, self.height + oval_bottom_right_shift)) # foreground if not self.canvas.find_withtag("inner_parts"): self.canvas.create_rectangle((0, 0, 0, 0), tags=("inner_rect_2", "inner_parts"), width=0) self.canvas.create_oval((0, 0, 0, 0), tags=("inner_oval_2", "inner_parts"), width=0) if self.progress_color != self.fg_color: self.canvas.create_oval((0, 0, 0, 0), tags=("inner_oval_1", "progress_parts"), width=0) self.canvas.create_rectangle((0, 0, 0, 0), tags=("inner_rect_1", "progress_parts"), width=0) else: self.canvas.create_oval((0, 0, 0, 0), tags=("inner_oval_1", "inner_parts"), width=0) if self.progress_color != self.fg_color: self.canvas.coords("inner_rect_1", (self.height / 2, self.border_width, (self.width - self.height) * self.value + (self.height / 2 + rect_bottom_right_shift), self.height - self.border_width + rect_bottom_right_shift)) self.canvas.coords("inner_rect_2", ((self.width - self.height) * self.value + (self.height / 2 + rect_bottom_right_shift), self.border_width, self.width - (self.height / 2 + rect_bottom_right_shift), self.height - self.border_width + rect_bottom_right_shift)) else: self.canvas.coords("inner_rect_2", (self.height/2, self.border_width, self.width-(self.height/2 + rect_bottom_right_shift), self.height-self.border_width + rect_bottom_right_shift)) self.canvas.coords("inner_oval_1", (self.border_width, self.border_width, self.height - self.border_width + oval_bottom_right_shift, self.height - self.border_width + oval_bottom_right_shift)) self.canvas.coords("inner_oval_2", (self.width-self.height+self.border_width, self.border_width, self.width-self.border_width + oval_bottom_right_shift, self.height-self.border_width + oval_bottom_right_shift)) # progress parts if not self.canvas.find_withtag("button_parts"): self.canvas.create_oval((0, 0, 0, 0), tags=("button_oval_1", "button_parts"), width=0) self.canvas.coords("button_oval_1", ((self.width - self.height) * self.value, 0, self.height + (self.width - self.height) * self.value + oval_bottom_right_shift, self.height + oval_bottom_right_shift)) def clicked(self, event=None): self.value = event.x / self.width if self.value > 1: self.value = 1 if self.value < 0: self.value = 0 self.output_value = self.round_to_step_size(self.from_ + (self.value * (self.to - self.from_))) self.value = (self.output_value - self.from_) / (self.to - self.from_) self.draw(no_color_updates=True) if self.callback_function is not None: self.callback_function(self.output_value) def on_enter(self, event=0): self.hover_state = True self.canvas.itemconfig("button_parts", fill=CTkColorManager.single_color(self.button_hover_color, self.appearance_mode)) def on_leave(self, event=0): self.hover_state = False self.canvas.itemconfig("button_parts", fill=CTkColorManager.single_color(self.button_color, self.appearance_mode)) def round_to_step_size(self, value): if self.number_of_steps is not None: step_size = (self.to - self.from_) / self.number_of_steps value = self.to - (round((self.to - value) / step_size) * step_size) return value else: return value def get(self): return self.output_value def set(self, output_value): if output_value > self.to: output_value = self.to elif output_value < self.from_: output_value = self.from_ self.output_value = self.round_to_step_size(output_value) self.value = (self.output_value - self.from_) / (self.to - self.from_) self.draw(no_color_updates=True) if self.callback_function is not None: self.callback_function(self.output_value) def config(self, *args, **kwargs): self.configure(*args, **kwargs) def configure(self, *args, **kwargs): require_redraw = False # some attribute changes require a call of self.draw() at the end if "fg_color" in kwargs: self.fg_color = kwargs["fg_color"] require_redraw = True del kwargs["fg_color"] if "bg_color" in kwargs: if kwargs["bg_color"] is None: self.bg_color = self.detect_color_of_master() else: self.bg_color = kwargs["bg_color"] require_redraw = True del kwargs["bg_color"] if "progress_color" in kwargs: self.progress_color = kwargs["progress_color"] require_redraw = True del kwargs["progress_color"] if "button_color" in kwargs: self.button_color = kwargs["button_color"] require_redraw = True del kwargs["button_color"] if "button_hover_color" in kwargs: self.button_hover_color = kwargs["button_hover_color"] require_redraw = True del kwargs["button_hover_color"] if "border_color" in kwargs: self.border_color = kwargs["border_color"] require_redraw = True del kwargs["border_color"] if "border_width" in kwargs: self.border_width = kwargs["border_width"] require_redraw = True del kwargs["border_width"] if "from_" in kwargs: self.from_ = kwargs["from_"] del kwargs["from_"] if "to" in kwargs: self.to = kwargs["to"] del kwargs["to"] if "number_of_steps" in kwargs: self.number_of_steps = kwargs["number_of_steps"] del kwargs["number_of_steps"] if "command" in kwargs: self.callback_function = kwargs["command"] del kwargs["command"] super().configure(*args, **kwargs) if require_redraw: self.draw() def change_appearance_mode(self, mode_string): if mode_string.lower() == "dark": self.appearance_mode = 1 elif mode_string.lower() == "light": self.appearance_mode = 0 if isinstance(self.master, CTkFrame): self.bg_color = self.master.fg_color else: self.bg_color = self.master.cget("bg") self.draw()