学做美食视频在哪个网站,网站系统建站,canvas网站源码,网站制作 中企动力公司ToDoApp
框架选择
一个简单的GUI程序#xff0c;可以使用pyqt完成。pyqt是qt的python实现版本。
界面搭建
设计一个美观 简洁的界面
class ToDoApp(QWidget):def __init__(self):super().__init__()# 设置窗口属性self.setWindowTitle(Daily To Do List)self…ToDoApp
框架选择
一个简单的GUI程序可以使用pyqt完成。pyqt是qt的python实现版本。
界面搭建
设计一个美观 简洁的界面
class ToDoApp(QWidget):def __init__(self):super().__init__()# 设置窗口属性self.setWindowTitle(Daily To Do List)self.setGeometry(100, 100, 400, 400)# 初始化主布局self.main_layout QVBoxLayout()# 创建输入和添加按钮self.input_layout QGridLayout()# 标题输入self.title_label QLabel(标题:)self.title_input QLineEdit()self.input_layout.addWidget(self.title_label, 0, 0)self.input_layout.addWidget(self.title_input, 0, 1)# 描述输入self.description_label QLabel(描述:)self.description_input QLineEdit()self.input_layout.addWidget(self.description_label, 1, 0)self.input_layout.addWidget(self.description_input, 1, 1)# 水平按钮布局self.add_layout QHBoxLayout()self.add_layout.setSpacing(20)# 导入self.import_button QPushButton(批量导入)self.import_button.clicked.connect(self.import_item)self.add_layout.addWidget(self.import_button)self.add_button QPushButton(添加)self.add_button.clicked.connect(self.add_item)self.add_layout.addWidget(self.add_button)# 任务列表self.to_do_list QListWidget()self.to_do_list.setStyleSheet(padding: 10px;)self.to_do_list.setVerticalScrollMode(QListWidget.ScrollPerPixel)# 创建操作按钮self.buttons_layout QHBoxLayout()self.mark_done_button QPushButton(标记完成)self.mark_done_button.clicked.connect(self.mark_item_done)self.delete_button QPushButton(删除)self.delete_button.clicked.connect(self.delete_item)self.buttons_layout.addWidget(self.mark_done_button)self.buttons_layout.addWidget(self.delete_button)# 将布局添加到主窗口self.main_layout.addLayout(self.input_layout)self.main_layout.addLayout(self.add_layout)self.main_layout.addWidget(self.to_do_list)self.main_layout.addLayout(self.buttons_layout)# 设置窗口布局self.setLayout(self.main_layout)QGridLayout的使用
QGridLayout是网格布局在添加子窗口时可以设定位置行、列和占据的大小占几行几列 CSDN文章
import sys
from PyQt5.QtWidgets import QApplication, QWidget, QGridLayout, QLabel, QPushButtonclass GridExample(QWidget):def __init__(self):super().__init__()self.init_ui()def init_ui(self):self.setWindowTitle(PyQt QGridLayout Example)self.setGeometry(100, 100, 400, 300)# 创建 QGridLayoutlayout QGridLayout(self)# 创建一个标题标签title_label QLabel(Header Label, self)title_label.setStyleSheet(font-size: 18px; font-weight: bold; color: blue;)# 将标题设置为占据第一行的所有列layout.addWidget(title_label, 0, 0, 1, 3) # 行, 列, 占据行数, 占据列数# 创建一个 3x3 的按钮网格for i in range(3):for j in range(3):button QPushButton(fButton {i*3 j 1}, self)layout.addWidget(button, i 1, j) # 按钮从行1开始# 创建一个右侧按钮占据一列right_button QPushButton(Right Button, self)# 设置右侧按钮占据第3列的所有行layout.addWidget(right_button, 1, 3, 3, 1) # 行1到3, 列3# 创建一个底部按钮占据一行bottom_button QPushButton(Bottom Button, self)# 设置底部按钮占据第4行的所有列layout.addWidget(bottom_button, 4, 0, 1, 4) # 行4, 列0-3self.setLayout(layout)if __name__ __main__:app QApplication(sys.argv)window GridExample()window.show()sys.exit(app.exec_())强制子窗口独立
在 PyQt 中当给窗口QWidget 或子类设置 parent 后窗口不显示通常是因为 子窗口被嵌入到了父窗口的布局中而非作为独立窗口显示。以下是常见原因和解决方案 1. 根本原因parent 的作用 parent 的作用在 PyQt 中parent 表示窗口的父控件。若设置 parent 子窗口会嵌入到父窗口中成为父窗口的一部分类似按钮、文本框等控件。子窗口的生命周期与父窗口绑定父窗口销毁时子窗口自动销毁。子窗口默认不会作为独立窗口弹出而是跟随父窗口的布局显示。 关键区别 # 独立窗口无 parent
child_window QWidget()
child_window.show()# 嵌入父窗口设置 parent
child_window QWidget(parentmain_window) # 不会独立显示而是嵌入到 main_window 中2. 常见场景和解决方法
场景 1希望子窗口作为独立窗口弹出 错误写法 parent_window QWidget()
child_window QWidget(parentparent_window) # 设置 parent
child_window.show() # ❌ 不会显示独立窗口原因child_window 已成为 parent_window 的子控件必须通过父窗口的布局显示例如将 child_window 添加到父窗口的 QVBoxLayout 中。 解决方法不要设置 parent让子窗口独立 parent_window QWidget()
child_window QWidget() # 无 parent
child_window.show() # ✅ 作为独立窗口显示场景 2希望子窗口作为模态对话框弹出 错误写法 parent_window QWidget()
child_window QWidget(parentparent_window)
child_window.setWindowModality(Qt.ApplicationModal) # 设置为模态
child_window.show() # ❌ 仍然不显示原因child_window 是 parent_window 的子控件必须通过父窗口布局显示或明确设置为独立窗口。 解决方法使用 Qt.Window 标志强制子窗口成为独立窗口 child_window QWidget(parentparent_window)
child_window.setWindowFlags(Qt.Window) # 关键强制为独立窗口
child_window.setWindowModality(Qt.ApplicationModal)
child_window.show() # ✅ 作为模态对话框弹出场景 3子窗口被正确添加到父窗口布局但仍不显示 错误写法 parent_window QWidget()
child_window QWidget(parentparent_window)
parent_window.show() # ❌ 只显示 parent_window但 child_window 未添加到布局中原因child_window 需要被添加到父窗口的布局管理器如 QVBoxLayout或手动设置其位置。 解决方法将子窗口添加到父窗口布局 parent_window QWidget()
layout QVBoxLayout(parent_window) # 父窗口设置布局
child_window QWidget()
layout.addWidget(child_window) # 添加到布局
parent_window.show() # ✅ 父窗口和子控件均显示3. 通用检查列表
如果子窗口不显示按以下步骤排查
是否设置 parent 若设置 parent子窗口需要添加到父窗口的布局中。 父窗口是否已显示 父窗口调用 show() 后子控件才会显示。 窗口标志是否正确 使用 setWindowFlags(Qt.Window) 强制子窗口独立。 布局是否正确 确保子窗口被添加到父窗口的布局管理器如 addWidget(child)。 生命周期问题 确保父窗口未被提前销毁例如在局部作用域中被垃圾回收。 4. 完整示例对比
示例 1子窗口嵌入父窗口正确写法
from PyQt5.QtWidgets import QWidget, QVBoxLayout, QPushButton, QApplicationapp QApplication([])# 父窗口
parent QWidget()
layout QVBoxLayout(parent)# 子窗口作为控件嵌入父窗口
child QPushButton(我是子控件, parentparent)
layout.addWidget(child)parent.show()
app.exec_()示例 2子窗口作为独立窗口正确写法
from PyQt5.QtWidgets import QWidget, QApplicationapp QApplication([])# 父窗口
parent QWidget()
parent.show()# 子窗口独立窗口无 parent
child QWidget()
child.setWindowTitle(我是独立子窗口)
child.show()app.exec_()5. 特殊场景动态创建子窗口
若通过按钮点击动态创建子窗口需确保子窗口的引用不被销毁
from PyQt5.QtWidgets import QWidget, QPushButton, QVBoxLayout, QApplicationapp QApplication([])class MainWindow(QWidget):def __init__(self):super().__init__()self.button QPushButton(打开子窗口, self)self.button.clicked.connect(self.open_child)self.setLayout(QVBoxLayout())self.layout().addWidget(self.button)def open_child(self):self.child QWidget() # 必须保存为成员变量否则会被垃圾回收self.child.setWindowTitle(子窗口)self.child.show()window MainWindow()
window.show()
app.exec_()通过理解 parent 的作用和布局机制可以灵活控制窗口的显示方式。
模型设计
每一个待办事项有
标题描述信息生成时间是否完成标识截止时间
class ToDoItem:def __init__(self, title, description,deadline_timeNone,is_completedFalse):self.title titleself.description descriptionself.deadline_time deadline_timeself.is_completed False自定义信号
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QVBoxLayout, QMessageBox
from PyQt5.QtCore import pyqtSignal
import sysclass MyWidget(QWidget):# 定义一个自定义信号custom_signal pyqtSignal(str)def __init__(self):super().__init__()self.init_ui()def init_ui(self):self.setWindowTitle(PyQt Custom Signal Example)self.setGeometry(100, 100, 300, 200)# 创建一个按钮self.button QPushButton(Click Me, self)self.button.clicked.connect(self.emit_custom_signal)# 设置布局layout QVBoxLayout()layout.addWidget(self.button)self.setLayout(layout)# 连接自定义信号到槽self.custom_signal.connect(self.handle_custom_signal)def emit_custom_signal(self):发射自定义信号self.custom_signal.emit(Hello from custom signal!)def handle_custom_signal(self, message):处理自定义信号QMessageBox.information(self, Custom Signal, message)if __name__ __main__:app QApplication(sys.argv)widget MyWidget()widget.show()sys.exit(app.exec_())批量导入功能
使用json格式的字符串进行批量导入大致格式如下
{items: [{title: 测试标题1,description: 测试1,deadline_time: 2024,is_completed: false},{title: 测试标题2,description: 测试2,deadline_time: 2025,is_completed: true}]
}大致就是新开一个窗口创建一个QTextEdit输入对应的json数据然后通过json.loads()方法解析对应数据 逐个使用add_item()接口添加这要求add_item()能够处理多种情况按钮点击触发无需参数和批量导入中需要传递参数。 而在python中实现类似重载的效果可以给参数一个默认值None再在函数内部分情况处理 class ImportWidget(QWidget):# 自定义信号import_finished pyqtSignal(dict)def __init__(self,parent):super().__init__(parent)self.setFixedSize (500,500)self.setWindowFlags(Qt.Window) # 关键强制为独立窗口self.input_field QTextEdit()self.main_layout QVBoxLayout()self.btn_layout QHBoxLayout()self.confirm_button QPushButton(导入)self.cancel_button QPushButton(取消)self.btn_layout.addWidget(self.confirm_button)self.btn_layout.addWidget(self.cancel_button)self.confirm_button.clicked.connect(self.read_json_data)# 连接自定义信号到槽self.import_finished.connect(self.close)self.main_layout.addLayout(self.btn_layout)self.main_layout.addWidget(self.input_field)self.setLayout(self.main_layout)def read_json_data(self):text self.input_field.toPlainText() # 获取输入框的文本# print(f原始文本内容: {text}) # 调试打印原始文本内容try:# 将输入的文本解析为 JSON 数据json_data json.loads(text.strip()) # 使用 strip() 去除首尾空白字符# print(f解析后的 JSON 数据: {json_data})self.json_data json_data self.import_finished.emit(json_data)except json.JSONDecodeError as e:# 如果 JSON 格式不正确打印错误信息print(fJSON 解析失败: {e})self.json_data Noneclass ToDoApp(QWidget):def batch_import(self,json_data):print(json_data[items])items json_data[items]for item in items:self.add_item(item[title],item[description])def add_item(self, checked,titleNone, descriptionNone):# 如果 title 和 description 是传入的参数if title is not None or description is not None:# 使用传入的参数title title.strip() if title else description description.strip() if description else else:# 获取输入框的文本title self.title_input.text().strip()print(title, description)description self.description_input.text().strip()# TODO 优化时间显示居右current_time datetime.datetime.now().strftime(%Y-%m-%d %H:%M:%S)# 创建 ToDoItem 实例todo_item ToDoItem(title, description, current_time)# 创建新的列表项 创建自定义Widgetitem_widget QWidget()layout QHBoxLayout()# 标题部分title_label QLabel(todo_item.title)title_label.setStyleSheet(QLabel{padding:0px})title_label.setAlignment(Qt.AlignmentFlag.AlignLeft| Qt.AlignmentFlag.AlignVCenter)# 时间部分time_label QLabel(todo_item.created_time)time_label.setStyleSheet(QLabel{padding:0px}) # 添加padding设置Qlabel有默认padding不设置话会将文字截断time_label.setAlignment(Qt.AlignmentFlag.AlignRight | Qt.AlignmentFlag.AlignVCenter)# 添加控件到布局layout.addWidget(title_label)layout.addWidget(time_label)item_widget.setLayout(layout)# 创建ListWidgetItemitem QListWidgetItem()item.setSizeHint(item_widget.sizeHint()) # 设置每一项的宽高item.setToolTip(todo_item.description) # 设置悬浮提示item.setData(Qt.UserRole, todo_item) # 保存任务对象item.setFlags(item.flags() | Qt.ItemIsSelectable | Qt.ItemIsEnabled) item.setCheckState(Qt.CheckState.Unchecked)self.to_do_list.addItem(item)self.to_do_list.setItemWidget(item, item_widget)# 清空输入框self.title_input.clear()self.description_input.clear()bug解析
使用按钮连接点击信号至槽函数发现槽函数add_item接收到的title参数不是预期的输入值None因为点击事件的槽函数一般不带参数而是False。 PyQt 的 clicked 信号默认会传递一个布尔值 QPushButton 的 clicked 信号默认会发送一个 checked 参数表示按钮的选中状态。如果你没有显式处理这个参数它会传递到槽函数中导致 title 参数被赋值为 False因为默认未选中。 槽函数定义与信号参数不匹配 你定义的 add_item 方法有两个可选参数 def add_item(self, titleNone, descriptionNone):当通过 self.add_button.clicked.connect(self.add_item) 连接信号时clicked 信号的 checked 参数布尔值会传递给 title 参数。因此点击按钮时 title 实际接收到的是 False而不是预期的 None。 方法 1显式接收并忽略 checked 参数
修改槽函数增加一个参数接收 checked 值但不在内部使用它
def add_item(self, checked, titleNone, descriptionNone): # 增加 checked 参数# 如果 title 和 description 是传入的参数if title is not None or description is not None:print(not null, title, description)title title.strip() if title else description description.strip() if description else else:# 获取输入框的文本title self.title_input.text().strip()description self.description_input.text().strip()# 其他逻辑...方法 2使用 lambda 阻止参数传递
在连接信号时通过 lambda 屏蔽 clicked 信号的参数
self.add_button.clicked.connect(lambda: self.add_item()) # 不传递任何参数此时 title 和 description 将保持 None代码会从输入框中读取值。 关键点解释 信号参数传递机制 clicked 信号默认发送 checked布尔值而 QPushButton 默认不可选中因此总是发送 False。如果槽函数参数数量不匹配第一个参数会接收这个 False。 参数优先级问题 如果调用 add_item 时传递了参数如 add_item(title测试)title 会被正确赋值。若未传递参数title 会被错误地赋值为 False来自 checked 参数。
导出
既然有批量导入功能就有导出功能
剪切板 QClipboard
在 PyQt 中可以使用 QApplication.clipboard() 来访问系统剪贴板并通过 QClipboard 类的方法将数据复制到剪贴板
def export_to_clipboard(self):# 获取所有任务items []for i in range(self.to_do_list.count()):item self.to_do_list.item(i)if item:todo_item item.data(Qt.UserRole)items.append({title: todo_item.title,description: todo_item.description,deadline_time: todo_item.deadline_time,is_completed: todo_item.is_completed})# 转换为 JSON 格式json_data {items: items}json_str json.dumps(json_data, indent4, ensure_asciiFalse) # 格式化 JSON 字符串# 复制到剪切板clipboard QApplication.clipboard()clipboard.setText(json_str)# 弹出提示QMessageBox.information(self, 提示, 已复制到剪切板)常用的 QClipboard 方法
setText(text): 将文本复制到剪贴板。setPixmap(pixmap): 将图片复制到剪贴板。setMimeData(mimeData): 将 MIME 数据如 HTML复制到剪贴板。clear(): 清除剪贴板内容。
持久化存储
数据库sqlite文件保存 直接写入文件不使用数据库了重写关闭事件保存代办到文件并在初始化的时候读取文件 def init_from_file(self, file_pathNone):# 默认初始化文件为当前目录下的 to_do.jsonif file_path is None:file_path ./to_do.json# 读取文件内容with open(file_path, r, encodingutf-8) as f:text f.read()self.batch_import(json.loads(text))def closeEvent(self, event):# 关闭窗口时保存数据with open(./to_do.json, w, encodingutf-8) as f:self.export_to_clipboard(True)f.write(QApplication.clipboard().text())QApplication.clipboard().clear()event.accept()排序功能
截止时间ddl排序
def sort_by_ddl(self):if self.sort_value asc:self.sort_value descelse:self.sort_value asc# 按 DDL 排序items []for i in range(self.to_do_list.count()):item self.to_do_list.item(i)if item:todo_item item.data(Qt.UserRole)items.append(todo_item)# 根据self.sort_value决定排序方向if self.sort_value asc:items.sort(keyself.sort_key)else:items.sort(keyself.sort_key, reverseTrue)# 清空列表self.to_do_list.clear()# 重新添加排序后的任务for item in items:self.add_item(item.title, item.description, item.deadline_time, item.is_completed)def sort_key(self, item):item.deadline_time.replace(,:)if item.deadline_time 未知:return datetime.datetime.maxelse:return datetime.datetime.strptime(item.deadline_time.replace(,:), %Y-%m-%d %H:%M)自定义排序规则
在Python中自定义排序规则你可以使用内置的sorted()函数或者列表对象的sort()方法并通过key参数指定一个函数来定义排序规则。这个函数会对每个元素进行处理并返回一个值排序将根据这个返回值进行。 按字符串长度排序 strings [apple, banana, cherry, date]
sorted_strings sorted(strings, keylen)
print(sorted_strings) # 输出: [date, apple, banana, cherry]使用lambda函数按字符串的最后一个字符排序 strings [apple, banana, cherry, date]
sorted_strings sorted(strings, keylambda x: x[-1])
print(sorted_strings) # 输出: [banana, apple, date, cherry]复杂排序规则先按字符串长度排序再按字母顺序排序 strings [apple, banana, cherry, date]
sorted_strings sorted(strings, keylambda x: (len(x), x))
print(sorted_strings) # 输出: [date, apple, banana, cherry]使用cmp_to_key将传统比较函数转换为key函数 from functools import cmp_to_keydef compare(x, y):if x y:return -1elif x y:return 1else:return 0numbers [3, 2, 5, 4, 1]
sorted_numbers sorted(numbers, keycmp_to_key(compare))
print(sorted_numbers) # 输出: [1, 2, 3, 4, 5]优化条目显示
添加一个标题布局显示列表的标题 放一个水平布局在QListWidget上对齐就可以 分离显示与数据QlistWidget
不再直接使用 QListWidgetItem(text)而是通过 setItemWidget 绑定自定义Widget数据仍存储在 ToDoItem 对象中界面仅负责展示
自定义Widget布局控制
使用 QHBoxLayout 实现水平分列setAlignment 控制对齐方向setContentsMargins 调整内容间距
Bug解析 文字出现了上下截断的情况尝试过设置延伸策略给item设置固定宽高都不能根治 发现随着高度的变大显示的内容越来越多所以猜测是QLabel有默认的padding所以截断了文字 最后设置QStyleSheet成功解决
# TODO 优化时间显示居右
# 创建 ToDoItem 实例
todo_item ToDoItem(title, description,deadline_time,is_completed)
# 创建新的列表项 创建自定义Widget
item_widget QWidget()
layout QHBoxLayout()# 标题部分
title_label QLabel(todo_item.title)
title_label.setStyleSheet(QLabel{padding:0px})
title_label.setAlignment(Qt.AlignmentFlag.AlignLeft| Qt.AlignmentFlag.AlignVCenter)# 时间部分
time_label QLabel(todo_item.deadline_time)
time_label.setStyleSheet(QLabel{padding:0px}) # 添加padding设置Qlabel有默认padding不设置话会将文字截断
time_label.setAlignment(Qt.AlignmentFlag.AlignRight | Qt.AlignmentFlag.AlignVCenter)# 添加控件到布局
layout.addWidget(title_label)
layout.addWidget(time_label)
item_widget.setLayout(layout)# 创建ListWidgetItem
item QListWidgetItem()
item.setSizeHint(item_widget.sizeHint()) # 设置每一项的宽高
item.setToolTip(todo_item.description) # 设置悬浮提示
item.setData(Qt.UserRole, todo_item) # 保存任务对象
item.setFlags(item.flags() | Qt.ItemIsSelectable | Qt.ItemIsEnabled |Qt.ItemIsUserCheckable)
if todo_item.is_completed:item.setCheckState(Qt.CheckState.Checked)
else:item.setCheckState(Qt.CheckState.Unchecked)self.to_do_list.addItem(item)self.to_do_list.setItemWidget(item, item_widget)# 清空输入框self.title_input.clear()self.description_input.clear()self.deadline_input.clear()绑定自定义widget后点击无法改变item的checkState 解决方法有很多种这里采用连接父ListWidget的双击信号
self.to_do_list.doubleClicked.connect(self.on_double_clicked)def on_double_clicked(self, index: QModelIndex):print(index.row()) # 打印行号print(index.column()) # 打印列号通常为 0item self.to_do_list.itemFromIndex(index) # 获取 QListWidgetItemif item.checkState() Qt.CheckState.Unchecked:item.setCheckState(Qt.CheckState.Checked)elif item.checkState() Qt.CheckState.Checked :item.setCheckState(Qt.CheckState.Unchecked)print(item.text()) # 打印项的文本添加动画效果
最终代码
https://github.com/0zxm/ToDoApp/tree/master
