python实现的可爱卸载动画

在逛掘金时，掘金用户在B站看到的灵感举行的一个卸载窗口的动画效果的实用案例。人类是一种不断在学习的动物，并且是一种模仿能力学习能里比较强的动物。我这里是第三波的学习实践者咯！

相对VUE构建动画效果窗口，我更加喜欢用python来举行实现可爱卸载动画效果。其实，类似的软件卸载窗口，我们可以在一些常用的软件平台上举行看到，他们做的会更加的精美，同时在操作的过程当中也会流畅和丝滑太多。软件在用户在体验过程中举行末了的一次挽留用户的一次机遇。
我们自己做的过程当中更多的是对功能的一个实现以及在实现过程当中的学习拓展，搞定后的满满的成就感。我们始终在孜孜不倦，同时又在乐此不疲。希望能够在不同的维度上为你带来一些灵感。

1. import tkinter as tk
2. from tkinter import ttk
4. class EmojiDialog:
5.     def __init__(self, parent):
6.         self.top = tk.Toplevel(parent)
7.         self.top.title("表情弹窗")
8.         self.top.geometry("640x480")
9.         self.top.configure(bg='#f5f5f7')  # 苹果风格背景颜色
10.         
11.         # 初始化状态变量
12.         self.hue_deg = 49
13.         self.cheek_alpha = 1.0
14.         self.eye_scale = 1.0
15.         self.mouth_radius = [5, 5, 5, 5]
16.         self.eye_pos = [90, 80, 10, 20]
17.         self.is_leaving = False
19.         # 创建画布
20.         self.canvas = tk.Canvas(self.top, width=600, height=400, bg='#f5f5f7', highlightthickness=0)
21.         self.canvas.pack(pady=20)
23.         # 绘制初始元素
24.         self.draw_emoji()
26.         # 绑定事件
27.         self.canvas.bind("<Motion>", self.on_mouse_move)
28.         self.canvas.bind("<Leave>", self.on_mouse_leave)
30.         # 自定义按钮样式
31.         self.style = ttk.Style()
32.         self.style.theme_use('clam')  # 使用'clam'主题，允许更多样式定制
33.         self.style.configure('TButton',
34.                              background='#eaeaea',
35.                              foreground='black',
36.                              font=('Helvetica', 12, 'bold'),
37.                              padding=10,
38.                              relief='flat')
39.         self.style.map('TButton',
40.                        background=[('active', '#d0d0d0')])
41.         
42.         # 按钮容器
43.         button_frame = ttk.Frame(self.top, style='TFrame')
44.         button_frame.pack(pady=20)
46.         ttk.Button(button_frame, text="保留", command=self.some_command).pack(side=tk.LEFT, padx=10)
47.         ttk.Button(button_frame, text="卸载", command=self.some_command).pack(side=tk.LEFT, padx=10)
49.     def draw_emoji(self):
50.         self.canvas.delete("all")
51.         self.draw_head()
52.         self.draw_eyes()
53.         self.draw_mouth()
54.         self.draw_cheeks()
56.     def draw_head(self):
57.         base_color = self.hsl_to_rgb(self.hue_deg, 100, 65.29)
58.         color_hex = f"#{base_color[0]:02x}{base_color[1]:02x}{base_color[2]:02x}"
59.         self.canvas.create_oval(200, 80, 400, 280, outline="#e6d706", width=3, fill=color_hex)
61.     def draw_eyes(self):
62.         self.draw_eye(250, 140, self.eye_pos[0], self.eye_pos[1])  # 左眼
63.         self.draw_eye(350, 140, self.eye_pos[2], self.eye_pos[3])  # 右眼
65.     def draw_eye(self, x, y, dx, dy):
66.         self.canvas.create_oval(x - 25, y - 25, x + 25, y + 25, fill="white", outline="")
67.         scale_factor = 1 + (self.eye_scale - 1) / 3
68.         eye_size = 22 * scale_factor
69.         eye_x = x + (dx / 100) * 25 - eye_size / 2
70.         eye_y = y + (dy / 100) * 25 - eye_size / 2
71.         self.canvas.create_oval(eye_x, eye_y, eye_x + eye_size, eye_y + eye_size, fill="#5f0303", outline="")
73.     def draw_mouth(self):
74.         x, y = 300, 200
75.         r = self.mouth_radius
76.         self.canvas.create_rectangle(
77.             x - 45 + r[0], y - 20 + r[2],
78.             x + 45 - r[1], y + 30 - r[3],
79.             fill="#ad2424", outline="#ac0c0c", width=2, activedash=(5, 2)
80.         )
82.     def draw_cheeks(self):
83.         cheek_color = self.rgba_to_hex(250, 147, 147, self.cheek_alpha)
84.         self.canvas.create_oval(150, 200, 200, 250, fill=cheek_color, outline="")
85.         self.canvas.create_oval(400, 200, 450, 250, fill=cheek_color, outline="")
87.     def on_mouse_move(self, event):
88.         if self.is_leaving:
89.             return
90.         x = max(200, min(event.x, 400)) - 200
91.         y = max(80, min(event.y, 280)) - 80
92.         width, height = 200, 200
94.         self.hue_deg = 49 + 91 * (x / width)
95.         self.cheek_alpha = max(0.1, 1 - (x / (width - 50)))
96.         self.eye_scale = 1 + (x / width) / 3
98.         self.eye_pos = [
99.             (x / width) * 100, (y / height) * 100,
100.             (x / width) * 100, (y / height) * 100
101.         ]
103.         mr = x / width
104.         self.mouth_radius = [
105.             max(5, mr * 50), max(5, mr * 50),
106.             max(5, 50 - mr * 45), max(5, 50 - mr * 45)
107.         ]
109.         self.draw_emoji()
111.     def on_mouse_leave(self, event):
112.         self.is_leaving = True
113.         self.reset_state()
114.         self.draw_emoji()
115.         self.is_leaving = False
117.     def reset_state(self):
118.         self.hue_deg = 49
119.         self.cheek_alpha = 1.0
120.         self.eye_scale = 1.0
121.         self.mouth_radius = [5, 5, 5, 5]
122.         self.eye_pos = [90, 80, 10, 20]
124.     def hsl_to_rgb(self, h, s, l):
125.         h /= 360
126.         s /= 100
127.         l /= 100
128.         if s == 0:
129.             rgb = (l * 255, l * 255, l * 255)
130.         else:
131.             def hue_to_rgb(p, q, t):
132.                 t += 1 if t < 0 else 0
133.                 t -= 1 if t > 1 else 0
134.                 if t < 1 / 6: return p + (q - p) * 6 * t
135.                 if t < 1 / 2: return q
136.                 if t < 2 / 3: return p + (q - p) * (2 / 3 - t) * 6
137.                 return p
139.             q = l * (1 + s) if l < 0.5 else l + s - l * s
140.             p = 2 * l - q
141.             r = hue_to_rgb(p, q, h + 1 / 3)
142.             g = hue_to_rgb(p, q, h)
143.             b = hue_to_rgb(p, q, h - 1 / 3)
144.             rgb = (r * 255, g * 255, b * 255)
145.         return tuple(int(max(0, min(255, c))) for c in rgb)
147.     def rgba_to_hex(self, r, g, b, a):
148.         r = int(r * a + 255 * (1 - a))
149.         g = int(g * a + 255 * (1 - a))
150.         b = int(b * a + 255 * (1 - a))
151.         return f"#{r:02x}{g:02x}{b:02x}"
153.     def some_command(self):
154.         print("命令执行")
156. class MainApp:
157.     def __init__(self, root):
158.         self.root = root
159.         self.root.geometry("300x200")
160.         self.root.configure(bg='#f5f5f7')  # 设置主窗口背景颜色
161.         ttk.Button(self.root, text="打开弹窗", command=self.open_dialog).pack(expand=True)
163.     def open_dialog(self):
164.         EmojiDialog(self.root)
167. if __name__ == "__main__":
168.     root = tk.Tk()
169.     app = MainApp(root)
170.     root.mainloop()

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。