### Python 实现
加载动画并控制其启动与停止
要在 Python 中实现类似于网页左上角转圈的
加载动画，并能够在
程序运行期间动态显示和隐藏该动画，可以借助 `tkinter` 或者基于 Web 的技术栈（如 Flask 和 JavaScript）。以下是两种常见的
解决方案。
#### 方法一：使用 Tkinter 创建
桌面应用中的
加载动画
Tkinter 是 Python 自带的一个 GUI 库，可以通过它创建简单的窗口界面来展示
加载动画。以下是一个完整的例子：
```python
import threading
import time
from tkinter import Tk, Canvas, BOTH
def create_loading_animation(root):
canvas = Canvas(root, width=100, height=100)
canvas
.pack(fill=BOTH, expand=True)
angle = 0
while not stop_event
.is_set
(): # 使用线程安全的方式检测是否需要停止
canvas
.delete("all") # 清除之前的图形
canvas
.create_arc(10, 10, 90, 90, start=angle, extent=50, style="arc", outline="blue", width=3)
root
.update
() # 更新 UI
angle += 5
if angle >= 360:
angle %= 360
time
.sleep(0
.05)
root = Tk
()
stop_event = threading
.Event
()
# 启动
加载动画线程
threading
.Thread(target=create_loading_animation, args=(root,), daemon=True)
.start
()
time
.sleep(5) # 模拟
程序运行一段
时间
stop_event
.set
() # 设置事件标志位以停止动画
root
.destroy
() # 销毁窗口
```
上述代码通过多线程实现了
加载动画的效果[^1]。主线程负责模拟长
时间运行的任务，而子线程则用于绘制旋转弧形作为
加载指示器。
---
#### 方法二：结合 Flask 和 HTML/CSS/JavaScript 构建 Web
加载动画
如果目标是在浏览器中实现
加载动画，则可以考虑构建一个小型的 Flask 应用来管理前后端交互逻辑。下面提供了一个简单示例：
##### 后端部分 (Flask)
```python
from flask import Flask, render_template_string, jsonify
import time
app = Flask(__name__)
@app
.route('/')
def index
():
html_content = """
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Loading Animation</title>
<style>
.loader {
border: 16px solid #f3f3f3;
border-top: 16px solid blue;
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
margin: auto;
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div id="loading-container" class="loader"></div>
<script src="https://code
.jquery
.com/jquery-3
.6
.0
.min
.js"></script>
<script type="text/javascript">
function checkStatus
() {
$
.get('/status', function(data){
if (!data
.running) {
document
.getElementById('loading-container')
.style
.display = 'none';
} else {
setTimeout(checkStatus, 1000);
}
});
}
checkStatus
();
</script>
</body>
</html>
"""
return render_template_string(html_content)
@app
.route('/status')
def status
():
global is_running
return jsonify(running=is_running)
if __name__ == '__main__':
is_running = True
app
.run(debug=True)
time
.sleep(5) # 模拟后台任务完成
时间
is_running = False
```
##### 解析
此方案利用了前端 CSS 动画配合后端状态查询机制，在页面
加载时自动触发转动效果[^2]。当服务器
返回的状态表明任务已完成
时，脚本会隐藏
加载图标。
---
#### 总结
以上分别介绍了基于
桌面环境 (`tkinter`) 和 Web 环境下的
加载动画实现方式及其终止策略。具体采用哪种取决于实际应用场景需求。
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
