Improve scalling support

Author: Valer100

dialogs/customize_shortcut.py

@@ -10,14 +10,17 @@ def show(shortcut_type: str, path: str):
 
     window = custom_ui.Toplevel()
     window.title(strings.lang.customize_shortcut)
-    window.configure(padx = 16)
+    window.configure(padx = preferences.get_scaled_value(16))
 
     use_folder_icon = tk.BooleanVar(value = True)
 
     shortcut_info = ttk.Frame(window)
-    shortcut_info.pack(fill = "x", expand = True, pady = (16, 0))
+    shortcut_info.pack(fill = "x", expand = True, pady = (preferences.get_scaled_value(16), 0))
 
-    icon_canvas = tk.Canvas(shortcut_info, width = 32, height = 32, bd = 0, highlightthickness = 0, background = custom_ui.colors.bg)
+    icon_canvas = tk.Canvas(
+        shortcut_info, width = preferences.get_scaled_value(32), height = preferences.get_scaled_value(32), bd = 0, 
+        highlightthickness = 0, background = custom_ui.colors.bg
+    )
     icon_canvas.pack(side = "left")
 
     def update_icon(icon_path: str, icon_index: int = 0):
@@ -34,7 +37,7 @@ def update_icon(icon_path: str, icon_index: int = 0):
 
     name_rame = tk.Frame(shortcut_info, highlightbackground = custom_ui.colors.entry_bd, highlightcolor = custom_ui.colors.entry_focus,
                           highlightthickness = 1)
-    name_rame.pack(anchor = "w", padx = (16, 0), side = "left")
+    name_rame.pack(anchor = "w", padx = (preferences.get_scaled_value(16), 0), side = "left")
 
     name = tk.Entry(name_rame, width = 50, background = custom_ui.colors.entry_bg, 
                     foreground = custom_ui.colors.fg, border = 0, highlightthickness = 2, 
@@ -57,10 +60,10 @@ def show_change_icon_btn():
             update_icon("C:/Windows/System32/shell32.dll", 4)
 
     if shortcut_type == "folder":
-        custom_ui.Checkbutton(window, text = strings.lang.use_folder_icon, variable = use_folder_icon, command = show_change_icon_btn).pack(pady = (8, 0), anchor = "w")
+        custom_ui.Checkbutton(window, text = strings.lang.use_folder_icon, variable = use_folder_icon, command = show_change_icon_btn).pack(pady = (preferences.get_scaled_value(8), 0), anchor = "w")
 
     buttons = ttk.Frame(window)
-    buttons.pack(pady = 16, fill = "x", expand = True)
+    buttons.pack(pady = preferences.get_scaled_value(16), fill = "x", expand = True)
 
     def change_icon():
         shortcut_icon, shortcut_icon_index = icon.pick_icon(window)
@@ -80,8 +83,8 @@ def create_shortcut():
         if shortcut_type == "folder": shortcut.create_folder_shortcut(path, shortcut_name, shortcut_icon, shortcut_icon_index)
         else: shortcut.create_file_shortcut(path, shortcut_name, shortcut_icon, shortcut_icon_index)
 
-    ok_btn = custom_ui.Button(buttons, text = strings.lang.ok, default = "active", command = create_shortcut).pack(side = "right", padx = (8, 0))
-    cancel_btn = custom_ui.Button(buttons, text = strings.lang.cancel, command = window.destroy).pack(side = "right")
+    custom_ui.Button(buttons, text = strings.lang.ok, default = "active", command = create_shortcut).pack(side = "right", padx = (preferences.get_scaled_value(8), 0))
+    custom_ui.Button(buttons, text = strings.lang.cancel, command = window.destroy).pack(side = "right")
 
     if shortcut_type == "folder": show_change_icon_btn()
     else: update_icon("C:/Windows/System32/shell32.dll", 0)

dialogs/separator_wizard.py

@@ -5,16 +5,15 @@
 def show():
     window = custom_ui.Toplevel()
     window.title(strings.lang.pin_separator)
-    window.iconbitmap(preferences.internal + "icon.ico")
-    window.configure(padx = 14, pady = 8)
+    window.configure(padx = preferences.get_scaled_value(14), pady = preferences.get_scaled_value(8))
 
     separator_type = tk.StringVar(value = "vertical")
 
     ttk.Label(window, text = strings.lang.pin_separator, font = ("Segoe UI Semibold", 17)).pack(anchor = "w")
-    ttk.Label(window, text = strings.lang.choose_a_separator_type).pack(anchor = "w", pady = 8)
+    ttk.Label(window, text = strings.lang.choose_a_separator_type).pack(anchor = "w", pady = preferences.get_scaled_value(8))
 
     separator_types = ttk.Frame(window)
-    separator_types.pack(pady = 8)
+    separator_types.pack(pady = preferences.get_scaled_value(8))
 
     separator_vertical = tk.PhotoImage(file = preferences.internal + "separators/preview/separator_vertical.png")
     separator_horizontal = tk.PhotoImage(file = preferences.internal + "separators/preview/separator_horizontal.png")
@@ -24,21 +23,23 @@ def create_vertical_separator_shortcut(): window.destroy(); shortcut.create_sepa
     def create_horizontal_separator_shortcut(): window.destroy(); shortcut.create_separator_shortcut("horizontal")
     def create_transparent_separator_shortcut(): window.destroy(); shortcut.create_separator_shortcut("transparent")
 
-    vertical = custom_ui.Button(separator_types, width = 100, image = separator_vertical, compound = "top",
+    vertical = custom_ui.Button(separator_types, width = preferences.get_scaled_value(100), image = separator_vertical, compound = "top",
                           text = strings.lang.vertical_line, command = create_vertical_separator_shortcut)
     vertical.pack(side = "left")
-    vertical.configure(pady = 8)
+    vertical.image = separator_vertical
+    vertical.configure(pady = preferences.get_scaled_value(8))
 
-    horizontal = custom_ui.Button(separator_types, width = 100, image = separator_horizontal, compound = "top",
+    horizontal = custom_ui.Button(separator_types, width = preferences.get_scaled_value(100), image = separator_horizontal, compound = "top",
                             text = strings.lang.horizontal_line, command = create_horizontal_separator_shortcut)
-    horizontal.pack(side = "left", padx = (8, 0))
-    horizontal.configure(pady = 8)
+    horizontal.pack(side = "left", padx = (preferences.get_scaled_value(8), 0))
+    horizontal.image = separator_horizontal
+    horizontal.configure(pady = preferences.get_scaled_value(8))
 
-    transparent_b = custom_ui.Button(separator_types, width = 100, image = transparent, compound = "top",
+    transparent_b = custom_ui.Button(separator_types, width = preferences.get_scaled_value(100), image = transparent, compound = "top",
                                text = strings.lang.transparent, command = create_transparent_separator_shortcut)
-    transparent_b.pack(side = "left", padx = (8, 0))
-    transparent_b.configure(pady = 8)
+    transparent_b.pack(side = "left", padx = (preferences.get_scaled_value(8), 0))
+    transparent_b.image = transparent
+    transparent_b.configure(pady = preferences.get_scaled_value(8))
 
     window.focus_set()
-    window.resizable(False, False)
-    window.mainloop()
+    window.resizable(False, False)

main.pyw

@@ -1,7 +1,7 @@
 import tkinter as tk, subprocess, shutil, custom_ui, tktooltip, strings
+from tkinter import ttk, filedialog
 from dialogs import separator_wizard, customize_shortcut, about, change_language, change_theme
 from utils import preferences
-from tkinter import ttk, filedialog
 
 window = custom_ui.App()
 window.title("Files & Folders on Taskbar")
@@ -81,18 +81,18 @@ def draw_ui():
     custom_ui.CommandLink(window, title = strings.lang.a_folder, description = strings.lang.folder_desc, command = lambda: browse("folder")).pack(fill = "x", expand = True)
     custom_ui.CommandLink(window, title = strings.lang.a_separator, description = strings.lang.separator_desc, command = separator_wizard.show).pack(fill = "x", expand = True)
 
-    settings = ttk.Frame(window, height = 26)
-    settings.pack(anchor = "w", pady = (20, 2), fill = "x")
+    settings = ttk.Frame(window, height = preferences.get_scaled_value(26))
+    settings.pack(anchor = "w", pady = (preferences.get_scaled_value(20), preferences.get_scaled_value(2)), fill = "x")
     settings.pack_propagate(False)
 
     language = custom_ui.Toolbutton(settings, text = "\ue774", link = True, icononly = True, anchor = "n", command = change_app_language, font = ("Segoe UI", 12))
     language.pack(anchor = "nw", side = "left")
 
     theme = custom_ui.Toolbutton(settings, text = "\ue771", link = True, icononly = True, anchor = "n", command = change_app_theme, font = ("Segoe UI", 12))
-    theme.pack(anchor = "nw", side = "left", padx = (4, 0))
+    theme.pack(anchor = "nw", side = "left", padx = (preferences.get_scaled_value(4), 0))
 
     about_app = custom_ui.Toolbutton(settings, text = "\ue946", link = True, icononly = True, anchor = "n", command = about.show, font = ("Segoe UI", 13))
-    about_app.pack(anchor = "nw", side = "left", padx = (4, 0))
+    about_app.pack(anchor = "nw", side = "left", padx = (preferences.get_scaled_value(4), 0))
 
     tktooltip.ToolTip(language, strings.lang.change_language, follow = False, delay = 1)
     tktooltip.ToolTip(theme, strings.lang.change_theme, follow = False, delay = 1)