设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 萌新训练营 › 萌新交流区 › html5 左边菜单栏保持展开或者关闭的状态
1 ...121314151617181920
返回列表 发新帖
楼主: kerln888

[已解决]html5 左边菜单栏保持展开或者关闭的状态

  [复制链接]
kerln888
 楼主| 发表于 4 小时前 | 显示全部楼层
@FishC python tkiner两个窗口切换时，用progressbar转场动画
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

FishC
发表于 4 小时前 | 显示全部楼层
kerln888 发表于 2026-01-22 12:51
@FishC python tkiner两个窗口切换时，用progressbar ...


在 Tkinter 中实现两个窗口切换时的进度条转场动画，可以按照以下思路进行：

1. 创建一个独立的进度条窗口作为过渡界面
2. 在关闭当前窗口时显示进度条窗口
3. 进度条完成后打开目标窗口

以下是示例代码：


  2. import tkinter as tk
  3. from tkinter import ttk
  4. import time

  6. class MainApp:
  7.     def __init__(self):
  8.         self.root = tk.Tk()
  9.         self.root.title("主窗口")
  10.         
  11.         # 窗口1的内容
  12.         self.frame1 = tk.Frame(self.root, width=400, height=300)
  13.         self.frame1.pack()
  14.         
  15.         tk.Label(self.frame1, text="这是窗口1", font=("Arial", 20)).pack(pady=50)
  16.         tk.Button(self.frame1, text="切换到窗口2",
  17.                  command=self.switch_to_window2).pack()
  18.    
  19.     def switch_to_window2(self):
  20.         # 创建过渡窗口
  21.         self.show_transition_window()
  22.         
  23.         # 短暂延迟后关闭当前窗口
  24.         self.root.after(100, self.open_window2)
  25.    
  26.     def show_transition_window(self):
  27.         # 创建过渡窗口
  28.         self.transition = tk.Toplevel()
  29.         self.transition.title("加载中...")
  30.         self.transition.geometry("300x150")
  31.         
  32.         # 使过渡窗口模态化
  33.         self.transition.grab_set()
  34.         
  35.         # 添加进度条
  36.         self.progress = ttk.Progressbar(
  37.             self.transition,
  38.             mode='indeterminate',
  39.             length=200
  40.         )
  41.         self.progress.pack(pady=40)
  42.         
  43.         # 添加标签
  44.         tk.Label(self.transition, text="正在切换窗口...").pack()
  45.         
  46.         # 开始进度条动画
  47.         self.progress.start(10)
  48.    
  49.     def open_window2(self):
  50.         # 关闭窗口1
  51.         self.root.withdraw()
  52.         
  53.         # 创建窗口2
  54.         self.window2 = tk.Toplevel()
  55.         self.window2.title("窗口2")
  56.         self.window2.geometry("400x300")
  57.         
  58.         # 窗口2的内容
  59.         tk.Label(self.window2, text="这是窗口2", font=("Arial", 20)).pack(pady=50)
  60.         tk.Button(self.window2, text="返回窗口1",
  61.                  command=self.back_to_window1).pack()
  62.         
  63.         # 关闭过渡窗口
  64.         self.transition.destroy()
  65.         
  66.         # 绑定窗口关闭事件
  67.         self.window2.protocol("WM_DELETE_WINDOW", self.on_closing)
  68.    
  69.     def back_to_window1(self):
  70.         # 显示过渡窗口
  71.         self.show_transition_window()
  72.         
  73.         # 短暂延迟后切换回窗口1
  74.         self.window2.after(100, self.return_to_window1)
  75.    
  76.     def return_to_window1(self):
  77.         # 关闭窗口2
  78.         self.window2.destroy()
  79.         
  80.         # 重新显示窗口1
  81.         self.root.deiconify()
  82.         
  83.         # 关闭过渡窗口
  84.         self.transition.destroy()
  85.    
  86.     def on_closing(self):
  87.         # 关闭所有窗口并退出程序
  88.         self.root.destroy()
  89.    
  90.     def run(self):
  91.         self.root.mainloop()

  93. if __name__ == "__main__":
  94.     app = MainApp()
  95.     app.run()
复制代码


如果想要使用确定模式的进度条（显示具体进度），可以修改为以下版本：


  2. import tkinter as tk
  3. from tkinter import ttk
  4. import threading

  6. class ProgressTransition:
  7.     def __init__(self, callback):
  8.         self.callback = callback
  9.         
  10.         # 创建过渡窗口
  11.         self.window = tk.Toplevel()
  12.         self.window.title("加载中...")
  13.         self.window.geometry("300x150")
  14.         
  15.         # 使窗口居中
  16.         self.window.update_idletasks()
  17.         width = self.window.winfo_width()
  18.         height = self.window.winfo_height()
  19.         x = (self.window.winfo_screenwidth() // 2) - (width // 2)
  20.         y = (self.window.winfo_screenheight() // 2) - (height // 2)
  21.         self.window.geometry(f'{width}x{height}+{x}+{y}')
  22.         
  23.         # 添加进度条
  24.         self.progress = ttk.Progressbar(
  25.             self.window,
  26.             mode='determinate',
  27.             length=250
  28.         )
  29.         self.progress.pack(pady=30)
  30.         
  31.         # 添加标签
  32.         self.label = tk.Label(self.window, text="正在切换... 0%")
  33.         self.label.pack()
  34.         
  35.         # 开始进度更新线程
  36.         self.thread = threading.Thread(target=self.update_progress)
  37.         self.thread.daemon = True
  38.         self.thread.start()
  39.    
  40.     def update_progress(self):
  41.         for i in range(101):
  42.             time.sleep(0.02)  # 控制速度
  43.             
  44.             # 使用after方法在主线程中更新UI
  45.             self.window.after(0, self.update_ui, i)
  46.         
  47.         # 完成后执行回调
  48.         self.window.after(0, self.complete)
  49.    
  50.     def update_ui(self, value):
  51.         self.progress['value'] = value
  52.         self.label.config(text=f"正在切换... {value}%")
  53.    
  54.     def complete(self):
  55.         self.window.destroy()
  56.         self.callback()

  58. # 使用示例
  59. class TwoWindowApp:
  60.     def __init__(self):
  61.         self.root = tk.Tk()
  62.         self.root.title("双窗口应用")
  63.         
  64.         self.create_window1()
  65.    
  66.     def create_window1(self):
  67.         self.window1 = tk.Frame(self.root, width=400, height=300)
  68.         self.window1.pack()
  69.         
  70.         tk.Label(self.window1, text="窗口1", font=("Arial", 24)).pack(pady=50)
  71.         tk.Button(self.window1, text="切换到窗口2",
  72.                  command=self.go_to_window2, width=15, height=2).pack()
  73.    
  74.     def go_to_window2(self):
  75.         # 显示过渡窗口
  76.         self.transition = ProgressTransition(self.show_window2)
  77.    
  78.     def show_window2(self):
  79.         # 清除窗口1
  80.         self.window1.pack_forget()
  81.         
  82.         # 创建窗口2
  83.         self.window2 = tk.Frame(self.root, width=400, height=300)
  84.         self.window2.pack()
  85.         
  86.         tk.Label(self.window2, text="窗口2", font=("Arial", 24)).pack(pady=50)
  87.         tk.Button(self.window2, text="返回窗口1",
  88.                  command=self.return_to_window1, width=15, height=2).pack()
  89.    
  90.     def return_to_window1(self):
  91.         # 显示过渡窗口
  92.         self.transition = ProgressTransition(self.show_window1)
  93.    
  94.     def show_window1(self):
  95.         # 清除窗口2
  96.         self.window2.pack_forget()
  97.         
  98.         # 重新显示窗口1
  99.         self.window1.pack()
  100.    
  101.     def run(self):
  102.         self.root.mainloop()

  104. if __name__ == "__main__":
  105.     app = TwoWindowApp()
  106.     app.run()
复制代码


主要思路说明：
1. 使用 Toplevel() 创建独立的过渡窗口
2. 使用 ttk.Progressbar 创建进度条组件
3. 有两种进度条模式可选：
   - indeterminate：不确定模式，循环动画
   - determinate：确定模式，显示具体进度
4. 使用多线程或 after() 方法更新进度
5. 进度完成后自动关闭过渡窗口并打开目标窗口

提示：可以根据需要自定义过渡窗口的样式、动画速度和完成后的回调操作。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

kerln888
 楼主| 发表于 4 小时前 | 显示全部楼层
@FishC python tkiner进行大运算量计算时，用progressbar把做进度条，画面会卡死，没有进度条效果
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

FishC
发表于 4 小时前 | 显示全部楼层
kerln888 发表于 2026-01-22 13:01
@FishC python tkiner进行大运算量计算时，用progress ...

使用 Tkinter 进行大运算量计算时，进度条卡死是因为计算任务阻塞了 GUI 主线程。解决方法是使用多线程将计算任务放到后台运行，并通过线程安全的方式更新进度条。


问题原因：
Tkinter 的 GUI 在主线程中运行，当进行大运算量计算时，会占用主线程，导致界面无法更新，进度条看起来就会卡死。

解决方案：
使用 threading 模块创建后台线程执行计算任务，同时通过 queue.Queue 传递进度信息，并利用 Tkinter 的 after 方法在主线程中更新进度条。

示例代码：

  2. import tkinter as tk
  3. from tkinter import ttk
  4. import threading
  5. import queue
  6. import time

  8. class App:
  9.     def __init__(self, root):
  10.         self.root = root
  11.         self.root.title("进度条示例")

  13.         # 创建进度条
  14.         self.progress = ttk.Progressbar(root, length=300, mode='determinate')
  15.         self.progress.pack(pady=20)

  17.         # 创建开始按钮
  18.         self.start_button = tk.Button(root, text="开始计算", command=self.start_calculation)
  19.         self.start_button.pack(pady=10)

  21.         # 创建队列用于线程间通信
  22.         self.queue = queue.Queue()

  24.     def start_calculation(self):
  25.         # 禁用按钮，防止重复点击
  26.         self.start_button.config(state='disabled')
  27.         # 启动后台线程
  28.         thread = threading.Thread(target=self.calculation_task)
  29.         thread.daemon = True  # 设置为守护线程
  30.         thread.start()
  31.         # 启动队列检查，用于更新进度条
  32.         self.check_queue()

  34.     def calculation_task(self):
  35.         # 模拟大运算量计算
  36.         total = 100
  37.         for i in range(total + 1):
  38.             time.sleep(0.05)  # 模拟计算耗时
  39.             # 将进度信息放入队列
  40.             self.queue.put(i)
  41.         # 计算完成，放入特殊信号
  42.         self.queue.put('done')

  44.     def check_queue(self):
  45.         try:
  46.             # 非阻塞获取队列中的消息
  47.             while True:
  48.                 msg = self.queue.get_nowait()
  49.                 if msg == 'done':
  50.                     # 计算完成，恢复按钮
  51.                     self.start_button.config(state='normal')
  52.                     break
  53.                 else:
  54.                     # 更新进度条
  55.                     self.progress['value'] = msg
  56.         except queue.Empty:
  57.             pass
  58.         # 每100毫秒检查一次队列
  59.         self.root.after(100, self.check_queue)

  61. if __name__ == "__main__":
  62.     root = tk.Tk()
  63.     app = App(root)
  64.     root.mainloop()
复制代码


注意事项：
1.  Tkinter 不是线程安全的，所有 GUI 更新操作（如进度条更新）必须在主线程中进行。
2.  示例中使用了 queue.Queue 来传递进度值，确保线程安全。
3.  after 方法用于定期检查队列，避免阻塞主线程。
4.  计算线程完成后，通过队列发送 'done' 信号来恢复按钮状态。

通过这种方式，计算任务在后台运行，GUI 保持响应，进度条可以正常更新。

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

kerln888
 楼主| 发表于 4 小时前 | 显示全部楼层
@FishC python tkiner执行大量数据库语句时，用progressbar把做进度条，画面会卡死，没有进度条效果
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

FishC
发表于 4 小时前 | 显示全部楼层
kerln888 发表于 2026-01-22 13:09
@FishC python tkiner执行大量数据库语句时，用progre ...


在Tkinter中执行大量数据库操作时界面卡死，是因为数据库操作阻塞了主线程（GUI线程）。需要使用多线程或异步处理来解决。以下是解决方案：


  2. import tkinter as tk
  3. from tkinter import ttk
  4. import threading
  5. import time
  6. import sqlite3

  8. class DatabaseProgressApp:
  9.     def __init__(self, root):
  10.         self.root = root
  11.         self.root.title("数据库操作进度条")
  12.         
  13.         # 创建进度条
  14.         self.progress = ttk.Progressbar(root, length=300, mode='determinate')
  15.         self.progress.pack(pady=20)
  16.         
  17.         # 创建开始按钮
  18.         self.start_button = tk.Button(root, text="开始数据库操作", command=self.start_database_task)
  19.         self.start_button.pack(pady=10)
  20.         
  21.         # 创建标签用于显示状态
  22.         self.status_label = tk.Label(root, text="准备就绪")
  23.         self.status_label.pack(pady=10)
  24.         
  25.     def start_database_task(self):
  26.         # 禁用按钮，防止重复点击
  27.         self.start_button.config(state='disabled')
  28.         self.status_label.config(text="正在执行数据库操作...")
  29.         
  30.         # 在新线程中执行数据库操作
  31.         thread = threading.Thread(target=self.run_database_operations, daemon=True)
  32.         thread.start()
  33.         
  34.         # 启动进度条更新检查
  35.         self.check_progress()
  36.    
  37.     def run_database_operations(self):
  38.         """在后台线程中执行数据库操作"""
  39.         try:
  40.             # 连接数据库（这里使用SQLite示例）
  41.             conn = sqlite3.connect(':memory:')  # 使用内存数据库作为示例
  42.             cursor = conn.cursor()
  43.             
  44.             # 创建示例表
  45.             cursor.execute("CREATE TABLE test (id INTEGER, data TEXT)")
  46.             
  47.             # 模拟大量数据库操作
  48.             total_operations = 1000
  49.             for i in range(total_operations):
  50.                 # 执行数据库插入
  51.                 cursor.execute("INSERT INTO test VALUES (?, ?)", (i, f"数据{i}"))
  52.                
  53.                 # 更新进度（通过线程安全的方式）
  54.                 progress_value = (i + 1) * 100 / total_operations
  55.                 self.root.after(0, self.update_progress, progress_value)
  56.                
  57.                 # 模拟耗时操作
  58.                 time.sleep(0.01)
  59.             
  60.             conn.commit()
  61.             conn.close()
  62.             
  63.             # 完成后的操作
  64.             self.root.after(0, self.task_completed)
  65.             
  66.         except Exception as e:
  67.             # 错误处理
  68.             self.root.after(0, self.task_failed, str(e))
  69.    
  70.     def update_progress(self, value):
  71.         """更新进度条（在主线程中执行）"""
  72.         self.progress['value'] = value
  73.         self.status_label.config(text=f"进度: {value:.1f}%")
  74.    
  75.     def check_progress(self):
  76.         """定期检查进度条是否需要更新"""
  77.         self.root.after(100, self.check_progress)
  78.    
  79.     def task_completed(self):
  80.         """任务完成后的回调"""
  81.         self.status_label.config(text="数据库操作完成！")
  82.         self.start_button.config(state='normal')
  83.    
  84.     def task_failed(self, error_msg):
  85.         """任务失败后的回调"""
  86.         self.status_label.config(text=f"错误: {error_msg}")
  87.         self.start_button.config(state='normal')

  89. if __name__ == "__main__":
  90.     root = tk.Tk()
  91.     app = DatabaseProgressApp(root)
  92.     root.geometry("400x200")
  93.     root.mainloop()
复制代码


关键点说明：

1. 使用 threading.Thread 创建后台线程执行数据库操作，避免阻塞GUI主线程。

2. 使用 self.root.after(0, ...) 在主线程中更新GUI，这是线程安全的。

3. 通过回调函数处理任务完成和失败的情况。

4. 操作期间禁用按钮，防止重复点击。

5. 使用 daemon=True 确保程序退出时线程正确终止。

注意事项：
- 数据库操作在后台线程执行，GUI保持响应
- 所有GUI更新都在主线程中进行
- 实际使用时需要根据具体数据库调整操作代码
- 对于更复杂的情况，可以考虑使用队列（queue）进行线程间通信

这样就能实现不卡顿的进度条显示了！

以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

1 ...121314151617181920
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2026-1-22 17:45

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表