大量优化button

This commit is contained in:
cxykevin 2024-04-12 22:00:29 +08:00
parent 8912864b9e
commit 2afec173df
2 changed files with 176 additions and 320 deletions

View File

@ -1,52 +1,22 @@
import json
import tkinter
from tkinter import ttk
from tkinter import font as tkfont
try:
import color_tmpl
except ImportError:
from magictk import color_tmpl
try:
import photoload
except ImportError:
from magictk import photoload
def set_font():
global use_font
font_family = ["Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB",
"Microsoft YaHei",
"微软雅黑",
"Arial", "sans-serif"]
t_family = tkfont.families(root=None, displayof=None)
for i in font_family:
if i in t_family:
use_font = i
break
else:
print("Unknown font")
from magictk import color_tmpl
from magictk import photoload
from magictk import fontconfig
class Button:
color = color_tmpl.default_color
__fill_obj = []
__fill_func = []
__fill_gc = []
__fill_fc = []
__fill_hc = []
hover_mode = 0.0
__is_hover = 0
__flash_t = 0
_is_hover = 0
_flash_t = 0
max_flash = 4
__anim_obj_id = -1
__color_bd = "border_base"
__color_bg = "background"
__color_fg = "primary"
__color_fg1 = "primary_light"
__color_fg2 = "primary_light2"
_anim_obj_id = -1
text = "Button"
def __draw_corner(self, r_x, r_y, x, y, **kwargs):
def _draw_corner(self, r_x, r_y, x, y, **kwargs):
border_info = json.loads(photoload.loadres("buttonborder"))
y_n = 0
for i in border_info:
@ -65,49 +35,64 @@ class Button:
else:
lcolor = j
g_color = color_tmpl.mix_color(
self.color["background"], self.color[self.__color_bd], int((1-lcolor/255)*1000)/1000)
self.color["background"], self.color[self._color_bd], int((1-lcolor/255)*1000)/1000)
if (j < 0):
f_color = color_tmpl.mix_color(
self.color[self.__color_fg2], self.color[self.__color_fg1], int((1-lcolor/255)*1000)/1000)
self.color[self._color_fg2], self.color[self._color_fg1], int((1-lcolor/255)*1000)/1000)
else:
f_color = color_tmpl.mix_color(
self.color["background"], self.color[self.__color_fg1], int((1-lcolor/255)*1000)/1000)
self.color["background"], self.color[self._color_fg1], int((1-lcolor/255)*1000)/1000)
if (j < 0):
h_color = color_tmpl.mix_color(
self.color[self.__color_fg2], self.color[self.__color_fg], int((1-lcolor/255)*1000)/1000)
self.color[self._color_fg2], self.color[self._color_fg], int((1-lcolor/255)*1000)/1000)
else:
h_color = color_tmpl.mix_color(
self.color["background"], self.color[self.__color_fg], int((1-lcolor/255)*1000)/1000)
self.color["background"], self.color[self._color_fg], int((1-lcolor/255)*1000)/1000)
obj = self.canvas.create_rectangle(
px, py, px, py, width=0, fill=g_color)
def update_color(obj, g_color, f_color, h_color):
if (self.__is_hover == 2):
if (self._is_hover == 2):
self.canvas.itemconfig(
obj, fill=h_color)
else:
self.canvas.itemconfig(
obj, fill=color_tmpl.mix_color(g_color, f_color, self.hover_mode))
self.__fill_func.append(update_color)
self.__fill_gc.append(g_color)
self.__fill_fc.append(f_color)
self.__fill_hc.append(h_color)
self.__fill_obj.append(obj)
self._fill_func.append(update_color)
self._fill_gc.append(g_color)
self._fill_fc.append(f_color)
self._fill_hc.append(h_color)
self._fill_obj.append(obj)
x_n += 1
y_n += 1
def __update_color(self):
def _update_color(self):
n = 0
for i in self.__fill_func:
i(self.__fill_obj[n], self.__fill_gc[n],
self.__fill_fc[n], self.__fill_hc[n])
for i in self._fill_func:
i(self._fill_obj[n], self._fill_gc[n],
self._fill_fc[n], self._fill_hc[n])
n += 1
def __init__(self, master=None, root_anim=None, w=80, h=30, text="Button", func=lambda s: print("Press"), color_list: None | dict = None):
set_font()
self.__func = func
def __init__(self, master=None, root_anim=None, w=80, h=30, text="Button", func=lambda s: print("Press"), color_list: None | dict = None, _set_defaultcolor=None):
global use_font
use_font = fontconfig.getfont()
self._fill_obj = []
self._fill_func = []
self._fill_gc = []
self._fill_fc = []
self._fill_hc = []
self._func = func
if (_set_defaultcolor is None):
self._color_bd = "border_base"
self._color_bg = "background"
self._color_bg1 = "background"
self._color_fg = "primary"
self._color_fg1 = "primary_light"
self._color_fg2 = "primary_light2"
self._color_fg3 = "primary_light2"
self._color_text = None
self.w = max(30, w)
self.h = max(30, h)
self.text = text
@ -122,8 +107,8 @@ class Button:
self.canvas = tkinter.Canvas(
master, bg=self.color["background"], width=self.w, height=self.h, borderwidth=0, bd=0, highlightcolor=self.color["background"], highlightthickness=0)
self.__draw()
self.__update_color()
self._draw()
self._update_color()
self.__bind_event()
self.bind_anim()
@ -136,90 +121,94 @@ class Button:
def place(self, *args, **kwargs):
self.canvas.place(*args, **kwargs)
def __draw(self):
self.__draw_corner(0, 0, 0, 0)
self.__draw_corner(1, 0, self.w-4, 0)
self.__draw_corner(0, 1, 0, self.h-5)
self.__draw_corner(1, 1, self.w-4, self.h-5)
def _draw(self):
self._draw_corner(0, 0, 0, 0)
self._draw_corner(1, 0, self.w-4, 0)
self._draw_corner(0, 1, 0, self.h-5)
self._draw_corner(1, 1, self.w-4, self.h-5)
def update_color(obj, g_color, f_color, h_color):
if (self.__is_hover == 2):
if (self._is_hover == 2):
self.canvas.itemconfig(
obj, fill=h_color)
else:
self.canvas.itemconfig(
obj, fill=color_tmpl.mix_color(g_color, f_color, self.hover_mode))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_line(
1, 5, 1, self.h-5, width=1, fill=self.color[self.__color_bd]))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_line(
5, 1, self.w-4, 1, width=1, fill=self.color[self.__color_fg1]))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_line(
self.w-1, 5, self.w-1, self.h-5, width=1, fill=self.color[self.__color_fg1]))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_line(
5, self.h-2, self.w-4, self.h-2, width=1, fill=self.color[self.__color_fg1]))
self._fill_fc.append(self.color[self._color_fg1])
self._fill_gc.append(self.color[self._color_bd])
self._fill_hc.append(self.color[self._color_fg])
self._fill_func.append(update_color)
self._fill_obj.append(self.canvas.create_line(
1, 5, 1, self.h-5, width=1, fill=self.color[self._color_bd]))
self._fill_fc.append(self.color[self._color_fg1])
self._fill_gc.append(self.color[self._color_bd])
self._fill_hc.append(self.color[self._color_fg])
self._fill_func.append(update_color)
self._fill_obj.append(self.canvas.create_line(
5, 1, self.w-4, 1, width=1, fill=self.color[self._color_fg1]))
self._fill_fc.append(self.color[self._color_fg1])
self._fill_gc.append(self.color[self._color_bd])
self._fill_hc.append(self.color[self._color_fg])
self._fill_func.append(update_color)
self._fill_obj.append(self.canvas.create_line(
self.w-1, 5, self.w-1, self.h-5, width=1, fill=self.color[self._color_fg1]))
self._fill_fc.append(self.color[self._color_fg1])
self._fill_gc.append(self.color[self._color_bd])
self._fill_hc.append(self.color[self._color_fg])
self._fill_func.append(update_color)
self._fill_obj.append(self.canvas.create_line(
5, self.h-2, self.w-4, self.h-2, width=1, fill=self.color[self._color_fg1]))
self.__fill_fc.append(self.color[self.__color_fg2])
self.__fill_gc.append(self.color["background"])
self.__fill_hc.append(self.color[self.__color_fg2])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_rectangle(
2, 5, self.w-1, self.h-5, width=0, fill=self.color[self.__color_fg2]))
self._fill_fc.append(self.color[self._color_fg3])
self._fill_gc.append(self.color[self._color_bg1])
self._fill_hc.append(self.color[self._color_fg2])
self._fill_func.append(update_color)
self._fill_obj.append(self.canvas.create_rectangle(
2, 5, self.w-1, self.h-5, width=0, fill=self.color[self._color_fg2]))
self.__fill_fc.append(self.color[self.__color_fg2])
self.__fill_gc.append(self.color["background"])
self.__fill_hc.append(self.color[self.__color_fg2])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_rectangle(
5, 2, self.w-4, self.h-2, width=0, fill=self.color[self.__color_fg2]))
self._fill_fc.append(self.color[self._color_fg3])
self._fill_gc.append(self.color[self._color_bg1])
self._fill_hc.append(self.color[self._color_fg2])
self._fill_func.append(update_color)
self._fill_obj.append(self.canvas.create_rectangle(
5, 2, self.w-4, self.h-2, width=0, fill=self.color[self._color_fg2]))
self.__fill_fc.append(self.color[self.__color_fg])
self.__fill_gc.append(self.color["regular_text"])
self.__fill_hc.append(self.color[self.__color_fg])
self.__fill_func.append(update_color)
self.__fill_obj.append(
if (self._color_text is None):
self._fill_fc.append(self.color[self._color_fg])
self._fill_gc.append(self.color["regular_text"])
self._fill_hc.append(self.color[self._color_fg])
else:
self._fill_fc.append(self._color_text)
self._fill_gc.append(self._color_text)
self._fill_hc.append(self._color_text)
self._fill_func.append(update_color)
self._fill_obj.append(
self.canvas.create_text(int(self.w/2), int(self.h/2), text=self.text, font=(use_font, 10)))
def bind_anim(self):
def anim_magictk():
if (self.__is_hover == 1 and self.__flash_t < self.max_flash):
self.__flash_t += (1 if (len(self.root.anim) > 6) else 1)
self.__flash_t = min(self.__flash_t, self.max_flash)
self.hover_mode = self.__flash_t/self.max_flash
self.__update_color()
elif (self.__is_hover == 0 and self.__flash_t > 0):
self.__flash_t -= (1 if (len(self.root.anim) > 6) else 1)
self.__flash_t = max(self.__flash_t, 0)
self.hover_mode = self.__flash_t/self.max_flash
self.__update_color()
# elif (self.__is_hover == 0 and self.__flash_t <= 0):
# if self.__anim_obj_id != -1:
# self.__anim_obj_id = None
if (self._is_hover == 1 and self._flash_t < self.max_flash):
self._flash_t += (1 if (len(self.root.anim) > 6) else 1)
self._flash_t = min(self._flash_t, self.max_flash)
self.hover_mode = self._flash_t/self.max_flash
self._update_color()
elif (self._is_hover == 0 and self._flash_t > 0):
self._flash_t -= (1 if (len(self.root.anim) > 6) else 1)
self._flash_t = max(self._flash_t, 0)
self.hover_mode = self._flash_t/self.max_flash
self._update_color()
else:
return -1
def anim_normal(*args):
if (self.__is_hover == 1 and self.__flash_t < self.max_flash):
self.__flash_t += 1
self.hover_mode = self.__flash_t/self.max_flash
self.__update_color()
elif (self.__is_hover == 0 and self.__flash_t > 0):
self.__flash_t -= 1
self.hover_mode = self.__flash_t/self.max_flash
self.__update_color()
if (self._is_hover == 1 and self._flash_t < self.max_flash):
self._flash_t += 1
self.hover_mode = self._flash_t/self.max_flash
self._update_color()
elif (self._is_hover == 0 and self._flash_t > 0):
self._flash_t -= 1
self.hover_mode = self._flash_t/self.max_flash
self._update_color()
self.root.after(anim_normal, 16)
try:
@ -229,54 +218,37 @@ class Button:
else:
if (anim_magictk not in self.root.anim):
self.root.anim.append(anim_magictk)
self.__anim_obj_id = self.root.anim[-1]
self._anim_obj_id = self.root.anim[-1]
def __bind_event(self):
def enter_v(*args):
# self.bind_anim()
if (self.__is_hover == 0):
self.__is_hover = 1
self.bind_anim()
if (self._is_hover == 0):
self._is_hover = 1
self.canvas.bind("<Enter>", enter_v)
def leave_v(*args):
# self.bind_anim()
if (self.__is_hover == 1):
self.__is_hover = 0
self.bind_anim()
if (self._is_hover == 1):
self._is_hover = 0
self.canvas.bind("<Leave>", leave_v)
def press_v(*args):
self.__is_hover = 2
self.__update_color()
self._is_hover = 2
self._update_color()
self.canvas.bind("<Button-1>", press_v)
def pressrelease_v(*args):
# self.bind_anim()
self.__is_hover = 1
self.__func(self)
self.__update_color()
self.bind_anim()
self._is_hover = 1
self._func(self)
self._update_color()
self.canvas.bind("<ButtonRelease-1>", pressrelease_v)
class ButtonFill(Button):
__color_bd = "primary"
__color_bg = "primary"
__color_fg = "primary"
__color_fg1 = "primary_light3"
__color_fg2 = "primary_dark"
color = color_tmpl.default_color
__fill_obj = []
__fill_func = []
__fill_gc = []
__fill_fc = []
__fill_hc = []
hover_mode = 0.0
__is_hover = 0
__flash_t = 0
max_flash = 4
__anim_obj_id = -1
text = "ButtonFill"
def __draw_corner(self, r_x, r_y, x, y, **kwargs):
def _draw_corner(self, r_x, r_y, x, y, **kwargs):
border_info = json.loads(photoload.loadres("buttonborder"))
y_n = 0
for i in border_info:
@ -296,192 +268,50 @@ class ButtonFill(Button):
lcolor = j
if (j < 0):
g_color = color_tmpl.mix_color(
self.color[self.__color_bg], self.color[self.__color_bd], int((1-lcolor/255)*1000)/1000)
self.color[self._color_bg], self.color[self._color_bd], int((1-lcolor/255)*1000)/1000)
else:
g_color = color_tmpl.mix_color(
self.color["background"], self.color[self.__color_bd], int((1-lcolor/255)*1000)/1000)
self.color["background"], self.color[self._color_bd], int((1-lcolor/255)*1000)/1000)
if (j < 0):
f_color = color_tmpl.mix_color(
self.color[self.__color_fg1], self.color[self.__color_fg1], int((1-lcolor/255)*1000)/1000)
self.color[self._color_fg1], self.color[self._color_fg1], int((1-lcolor/255)*1000)/1000)
else:
f_color = color_tmpl.mix_color(
self.color["background"], self.color[self.__color_fg1], int((1-lcolor/255)*1000)/1000)
self.color["background"], self.color[self._color_fg1], int((1-lcolor/255)*1000)/1000)
if (j < 0):
h_color = color_tmpl.mix_color(
self.color[self.__color_fg2], self.color[self.__color_fg2], int((1-lcolor/255)*1000)/1000)
self.color[self._color_fg2], self.color[self._color_fg2], int((1-lcolor/255)*1000)/1000)
else:
h_color = color_tmpl.mix_color(
self.color["background"], self.color[self.__color_fg2], int((1-lcolor/255)*1000)/1000)
self.color["background"], self.color[self._color_fg2], int((1-lcolor/255)*1000)/1000)
obj = self.canvas.create_rectangle(
px, py, px, py, width=0, fill=g_color)
def update_color(obj, g_color, f_color, h_color):
if (self.__is_hover == 2):
if (self._is_hover == 2):
self.canvas.itemconfig(
obj, fill=h_color)
else:
self.canvas.itemconfig(
obj, fill=color_tmpl.mix_color(g_color, f_color, self.hover_mode))
self.__fill_func.append(update_color)
self.__fill_gc.append(g_color)
self.__fill_fc.append(f_color)
self.__fill_hc.append(h_color)
self.__fill_obj.append(obj)
self._fill_func.append(update_color)
self._fill_gc.append(g_color)
self._fill_fc.append(f_color)
self._fill_hc.append(h_color)
self._fill_obj.append(obj)
x_n += 1
y_n += 1
def __update_color(self):
n = 0
for i in self.__fill_func:
i(self.__fill_obj[n], self.__fill_gc[n],
self.__fill_fc[n], self.__fill_hc[n])
n += 1
def __init__(self, master=None, root_anim=None, color_type="primary", w=80, h=30, text="Button", func=lambda s: print("Press"), color_list: None | dict = None):
self.__func = func
set_font()
self.__color_bd = color_type
self.__color_bg = color_type
self.__color_fg = color_type
self.__color_fg1 = color_type+"_light3"
self.__color_fg2 = color_type+"_dark"
self.w = max(30, w)
self.h = max(30, h)
self.text = text
self.__master = master
if (color_list is not None):
self.color = color_list
if (root_anim == None):
self.root = master.root
else:
self.root = root_anim
self.canvas = tkinter.Canvas(
master, bg=self.color["background"], width=self.w, height=self.h, borderwidth=0, bd=0, highlightcolor=self.color["background"], highlightthickness=0)
self.__draw()
self.__update_color()
self.__bind_event()
self.bind_anim()
def __draw(self):
self.__draw_corner(0, 0, 0, 0)
self.__draw_corner(1, 0, self.w-4, 0)
self.__draw_corner(0, 1, 0, self.h-5)
self.__draw_corner(1, 1, self.w-4, self.h-5)
def update_color(obj, g_color, f_color, h_color):
if (self.__is_hover == 2):
self.canvas.itemconfig(
obj, fill=h_color)
else:
self.canvas.itemconfig(
obj, fill=color_tmpl.mix_color(g_color, f_color, self.hover_mode))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg2])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_line(
1, 5, 1, self.h-5, width=1, fill=self.color[self.__color_bd]))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg2])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_line(
5, 1, self.w-4, 1, width=1, fill=self.color[self.__color_fg1]))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg2])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_line(
self.w-1, 5, self.w-1, self.h-5, width=1, fill=self.color[self.__color_fg1]))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg2])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_line(
5, self.h-2, self.w-4, self.h-2, width=1, fill=self.color[self.__color_fg1]))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg2])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_rectangle(
2, 5, self.w-1, self.h-5, width=0, fill=self.color[self.__color_fg2]))
self.__fill_fc.append(self.color[self.__color_fg1])
self.__fill_gc.append(self.color[self.__color_bd])
self.__fill_hc.append(self.color[self.__color_fg2])
self.__fill_func.append(update_color)
self.__fill_obj.append(self.canvas.create_rectangle(
5, 2, self.w-4, self.h-2, width=0, fill=self.color[self.__color_fg2]))
self.__fill_fc.append("#FFFFFF")
self.__fill_gc.append("#FFFFFF")
self.__fill_hc.append("#FFFFFF")
self.__fill_func.append(update_color)
self.__fill_obj.append(
self.canvas.create_text(int(self.w/2), int(self.h/2), text=self.text, font=(use_font, 10)))
def bind_anim(self):
def anim_magictk():
if (self.__is_hover == 1 and self.__flash_t < self.max_flash):
self.__flash_t += (1 if (len(self.root.anim) > 6) else 1)
self.__flash_t = min(self.__flash_t, self.max_flash)
self.hover_mode = self.__flash_t/self.max_flash
self.__update_color()
elif (self.__is_hover == 0 and self.__flash_t > 0):
self.__flash_t -= (1 if (len(self.root.anim) > 6) else 1)
self.__flash_t = max(self.__flash_t, 0)
self.hover_mode = self.__flash_t/self.max_flash
self.__update_color()
# elif (self.__is_hover == 0 and self.__flash_t <= 0):
# if self.__anim_obj_id != -1:
# self.__anim_obj_id = None
def anim_normal(*args):
if (self.__is_hover == 1 and self.__flash_t < self.max_flash):
self.__flash_t += 1
self.hover_mode = self.__flash_t/self.max_flash
self.__update_color()
elif (self.__is_hover == 0 and self.__flash_t > 0):
self.__flash_t -= 1
self.hover_mode = self.__flash_t/self.max_flash
self.__update_color()
self.root.after(anim_normal, 16)
try:
self.root.anim == 0
except:
self.root.after(anim_normal, 16)
else:
if (anim_magictk not in self.root.anim):
self.root.anim.append(anim_magictk)
self.__anim_obj_id = self.root.anim[-1]
def __bind_event(self):
def enter_v(*args):
# self.bind_anim()
if (self.__is_hover == 0):
self.__is_hover = 1
self.canvas.bind("<Enter>", enter_v)
def leave_v(*args):
# self.bind_anim()
if (self.__is_hover == 1):
self.__is_hover = 0
self.canvas.bind("<Leave>", leave_v)
def press_v(*args):
self.__is_hover = 2
self.__update_color()
self.canvas.bind("<Button-1>", press_v)
def pressrelease_v(*args):
# self.bind_anim()
self.__is_hover = 1
self.__func(self)
self.__update_color()
self.canvas.bind("<ButtonRelease-1>", pressrelease_v)
self._color_bd = color_type
self._color_bg = color_type
self._color_bg1 = color_type
self._color_fg = color_type+"_light3"
self._color_fg1 = color_type+"_dark"
self._color_fg2 = color_type+"_light3"
self._color_fg3 = color_type+"_dark"
self._color_text = "#FFFFFF"
super().__init__(master=master, root_anim=root_anim, w=w, h=h,
text=text, color_list=color_list, func=func, _set_defaultcolor=True)

26
magictk/fontconfig.py Normal file
View File

@ -0,0 +1,26 @@
from tkinter import font as tkfont
font = None
def set_font():
font_family = ["Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB",
"Microsoft YaHei",
"微软雅黑",
"Arial", "sans-serif"]
t_family = tkfont.families(root=None, displayof=None)
for i in font_family:
if i in t_family:
use_font = i
break
else:
print("Unknown font")
return use_font
def getfont():
global font
if (font is None):
font = set_font()
return font