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

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Python交流 › pyqt6 的日期教学
返回列表 发新帖
查看: 101|回复: 6

pyqt6 的日期教学

[复制链接]
cjjJasonchen
发表于 2025-8-6 16:13:48 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
@FishC
  1. import sys
  2. from PyQt6.QtWidgets import (QApplication, QMainWindow, QWidget, QVBoxLayout,
  3.                             QLabel, QCalendarWidget, QPushButton, QToolButton)
  4. from PyQt6.QtCore import Qt, QDate, QSize
  5. from PyQt6.QtGui import (QColor, QTextCharFormat, QFont, QPainter,
  6.                         QPalette, QPen, QBrush, QIcon, QPixmap)

  8. class RoundCellCalendar(QCalendarWidget):
  9.     def __init__(self, parent=None):
  10.         super().__init__(parent)
  11.         self.setStyleSheet("""
  12.             QCalendarWidget {
  13.                 border: 2px solid #e0e0e0;
  14.                 border-radius: 15px;
  15.                 padding: 5px;
  16.                 background: white;
  17.             }
  18.             /* 导航按钮容器 */
  19.             QCalendarWidget QWidget#qt_calendar_navigationbar {
  20.                 background: #f5f5f5;
  21.                 border-top-left-radius: 13px;
  22.                 border-top-right-radius: 13px;
  23.                 padding: 5px;
  24.             }
  25.             /* 月份年份标签 */
  26.             QCalendarWidget QToolButton#qt_calendar_monthbutton {
  27.                 font-size: 14px;
  28.                 font-weight: bold;
  29.                 color: #444444;
  30.                 padding: 5px 10px;
  31.                 border: none;
  32.             }
  33.             /* 年份选择框 */
  34.             QCalendarWidget QSpinBox {
  35.                 width: 80px;
  36.                 font-size: 14px;
  37.                 border-radius: 5px;
  38.                 padding: 2px;
  39.                 border: 1px solid #d0d0d0;
  40.             }
  41.             /* 月份选择菜单 */
  42.             QCalendarWidget QMenu {
  43.                 background: white;
  44.                 border-radius: 10px;
  45.                 padding: 5px;
  46.                 border: 1px solid #d0d0d0;
  47.             }
  48.             /* 选中日期的默认样式覆盖 */
  49.             QCalendarWidget QAbstractItemView:enabled {
  50.                 selection-background-color: transparent;
  51.                 selection-color: #333333;
  52.             }
  53.         """)
  54.         
  55.         # 自定义导航按钮样式
  56.         self.setup_navigation_buttons()
  57.         
  58.         # 初始化日期格式
  59.         self.init_date_formats()
  60.    
  61.     def setup_navigation_buttons(self):
  62.         # 获取导航栏中的按钮
  63.         prev_btn = self.findChild(QToolButton, "qt_calendar_prevmonth")
  64.         next_btn = self.findChild(QToolButton, "qt_calendar_nextmonth")
  65.         
  66.         if prev_btn and next_btn:
  67.             # 设置按钮样式
  68.             button_style = """
  69.                 QToolButton {
  70.                     background: #f0f0f0;
  71.                     border-radius: 12px;
  72.                     border: 1px solid #d0d0d0;
  73.                     width: 24px;
  74.                     height: 24px;
  75.                 }
  76.                 QToolButton:hover {
  77.                     background: #e0e0e0;
  78.                 }
  79.                 QToolButton:pressed {
  80.                     background: #d0d0d0;
  81.                 }
  82.             """
  83.             prev_btn.setStyleSheet(button_style)
  84.             next_btn.setStyleSheet(button_style)
  85.             
  86.             # 创建并设置自定义箭头图标
  87.             arrow_size = QSize(16, 16)
  88.             
  89.             # 左箭头图标
  90.             prev_icon = QIcon()
  91.             prev_pixmap = QPixmap(arrow_size)
  92.             prev_pixmap.fill(Qt.GlobalColor.transparent)
  93.             painter = QPainter(prev_pixmap)
  94.             painter.setRenderHint(QPainter.RenderHint.Antialiasing)
  95.             painter.setPen(QPen(QColor(80, 80, 80), 2))
  96.             painter.drawLine(12, 8, 4, 8)
  97.             painter.drawLine(5, 8, 9, 4)
  98.             painter.drawLine(5, 8, 9, 12)
  99.             painter.end()
  100.             prev_icon.addPixmap(prev_pixmap)
  101.             prev_btn.setIcon(prev_icon)
  102.             prev_btn.setIconSize(arrow_size)
  103.             
  104.             # 右箭头图标
  105.             next_icon = QIcon()
  106.             next_pixmap = QPixmap(arrow_size)
  107.             next_pixmap.fill(Qt.GlobalColor.transparent)
  108.             painter = QPainter(next_pixmap)
  109.             painter.setRenderHint(QPainter.RenderHint.Antialiasing)
  110.             painter.setPen(QPen(QColor(80, 80, 80), 2))
  111.             painter.drawLine(4, 8, 12, 8)
  112.             painter.drawLine(11, 8, 7, 4)
  113.             painter.drawLine(11, 8, 7, 12)
  114.             painter.end()
  115.             next_icon.addPixmap(next_pixmap)
  116.             next_btn.setIcon(next_icon)
  117.             next_btn.setIconSize(arrow_size)
  118.         
  119.     def init_date_formats(self):
  120.         # 今天的样式 (绿色圆角)
  121.         today_fmt = QTextCharFormat()
  122.         today_fmt.setBackground(QColor(230, 245, 230))  # 浅绿色背景
  123.         today_fmt.setForeground(QColor(0, 100, 0))      # 深绿色文字
  124.         today_fmt.setFont(QFont("Arial", 10, QFont.Weight.Bold))
  125.         self.setDateTextFormat(QDate.currentDate(), today_fmt)
  126.         
  127.         # 周末的样式 (柔和的红色)
  128.         weekend_fmt = QTextCharFormat()
  129.         weekend_fmt.setForeground(QColor(220, 50, 50))  # 柔和的红色
  130.         
  131.         # 工作日的样式 (深灰色)
  132.         weekday_fmt = QTextCharFormat()
  133.         weekday_fmt.setForeground(QColor(60, 60, 60))   # 深灰色文字
  134.         
  135.         # 设置周末和工作日样式
  136.         self.setWeekdayTextFormat(Qt.DayOfWeek.Saturday, weekend_fmt)
  137.         self.setWeekdayTextFormat(Qt.DayOfWeek.Sunday, weekend_fmt)
  138.         
  139.         for day in [Qt.DayOfWeek.Monday, Qt.DayOfWeek.Tuesday,
  140.                    Qt.DayOfWeek.Wednesday, Qt.DayOfWeek.Thursday,
  141.                    Qt.DayOfWeek.Friday]:
  142.             self.setWeekdayTextFormat(day, weekday_fmt)
  143.    
  144.     def paintCell(self, painter, rect, date):
  145.         painter.save()
  146.         painter.setRenderHint(QPainter.RenderHint.Antialiasing)
  147.         
  148.         # 绘制圆角背景
  149.         cell_rect = rect.adjusted(2, 2, -2, -2)
  150.         radius = 8
  151.         
  152.         # 设置背景颜色
  153.         if date == QDate.currentDate():
  154.             # 今天 - 浅绿色背景
  155.             bg_color = QColor(230, 245, 230)
  156.         elif date.dayOfWeek() > 5:  # 周末
  157.             bg_color = QColor(255, 240, 240)
  158.         else:  # 工作日
  159.             bg_color = QColor(255, 255, 255)
  160.         
  161.         # 如果是选中日期，使用特殊样式
  162.         if date == self.selectedDate():
  163.             painter.setPen(QPen(QColor(100, 150, 255), 2))  # 蓝色边框
  164.             painter.setBrush(QBrush(QColor(240, 245, 255)))  # 浅蓝色背景
  165.             painter.drawRoundedRect(cell_rect, radius, radius)
  166.         else:
  167.             # 普通日期背景
  168.             painter.setPen(QPen(QColor(220, 220, 220), 1))
  169.             painter.setBrush(QBrush(bg_color))
  170.             painter.drawRoundedRect(cell_rect, radius, radius)
  171.         
  172.         # 设置文字颜色
  173.         text_color = QColor(60, 60, 60)  # 默认深灰色
  174.         if date.dayOfWeek() > 5:  # 周末
  175.             text_color = QColor(220, 50, 50)
  176.         if date == QDate.currentDate():  # 今天
  177.             text_color = QColor(0, 100, 0)
  178.         if date == self.selectedDate():  # 选中日期
  179.             text_color = QColor(50, 100, 200)  # 蓝色文字
  180.         
  181.         painter.setPen(QPen(text_color))
  182.         
  183.         # 绘制日期文本
  184.         font = QFont("Arial", 9)
  185.         if date == QDate.currentDate() or date == self.selectedDate():
  186.             font.setBold(True)
  187.         painter.setFont(font)
  188.         
  189.         painter.drawText(cell_rect, Qt.AlignmentFlag.AlignCenter, str(date.day()))
  190.         
  191.         painter.restore()

  193. class CalendarApp(QMainWindow):
  194.     def __init__(self):
  195.         super().__init__()
  196.         self.setWindowTitle("精美日历")
  197.         self.resize(450, 450)
  198.         
  199.         # 主窗口样式
  200.         self.setStyleSheet("""
  201.             QMainWindow {
  202.                 background: #f8f8f8;
  203.                 border-radius: 15px;
  204.             }
  205.         """)
  206.         
  207.         # 创建中央部件
  208.         central_widget = QWidget()
  209.         central_widget.setStyleSheet("background: transparent;")
  210.         self.setCentralWidget(central_widget)
  211.         
  212.         # 布局
  213.         layout = QVBoxLayout(central_widget)
  214.         layout.setContentsMargins(20, 20, 20, 20)
  215.         layout.setSpacing(15)
  216.         
  217.         # 标题
  218.         title = QLabel("精美日历")
  219.         title.setStyleSheet("""
  220.             QLabel {
  221.                 font-size: 24px;
  222.                 font-weight: bold;
  223.                 color: #444444;
  224.                 padding: 5px;
  225.             }
  226.         """)
  227.         title.setAlignment(Qt.AlignmentFlag.AlignCenter)
  228.         layout.addWidget(title)
  229.         
  230.         # 日历部件
  231.         self.calendar = RoundCellCalendar()
  232.         layout.addWidget(self.calendar)
  233.         
  234.         # 底部按钮
  235.         btn_today = QPushButton("返回今天")
  236.         btn_today.setStyleSheet("""
  237.             QPushButton {
  238.                 background: #4CAF50;
  239.                 color: white;
  240.                 border: none;
  241.                 padding: 8px;
  242.                 border-radius: 10px;
  243.                 font-size: 14px;
  244.                 min-width: 100px;
  245.             }
  246.             QPushButton:hover {
  247.                 background: #45a049;
  248.             }
  249.         """)
  250.         btn_today.clicked.connect(self.go_to_today)
  251.         layout.addWidget(btn_today, 0, Qt.AlignmentFlag.AlignHCenter)

  253.     def go_to_today(self):
  254.         self.calendar.setSelectedDate(QDate.currentDate())

  256. if __name__ == "__main__":
  257.     app = QApplication(sys.argv)
  258.    
  259.     # 设置应用样式
  260.     app.setStyle("Fusion")
  261.     palette = app.palette()
  262.     palette.setColor(QPalette.ColorRole.Window, QColor(248, 248, 248))
  263.     app.setPalette(palette)
  264.    
  265.     window = CalendarApp()
  266.     window.show()
  267.     sys.exit(app.exec())
复制代码


分步骤教我上面的内容
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

cjjJasonchen
 楼主| 发表于 2025-8-6 16:14:29 | 显示全部楼层
@FishC
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

FishC
发表于 2025-8-6 16:15:45 | 显示全部楼层
下面我将分步骤详细解释这段 PyQt6 日历应用的实现原理和关键代码：

### 第一步：创建自定义日历控件
  1. class RoundCellCalendar(QCalendarWidget):
  2.     def __init__(self, parent=None):
  3.         super().__init__(parent)
  4.         # 设置整体样式表
  5.         self.setStyleSheet("""...""")
  6.         
  7.         # 自定义导航按钮
  8.         self.setup_navigation_buttons()
  9.         
  10.         # 初始化日期格式
  11.         self.init_date_formats()
复制代码


**关键点：**
1. 继承自 QCalendarWidget
2. 使用 CSS 样式表设置圆角边框和背景
3. 自定义导航按钮样式
4. 初始化不同日期类型（今天/周末）的显示格式

### 第二步：自定义导航按钮
  1. def setup_navigation_buttons(self):
  2.     # 获取前后月按钮
  3.     prev_btn = self.findChild(QToolButton, "qt_calendar_prevmonth")
  4.     next_btn = self.findChild(QToolButton, "qt_calendar_nextmonth")
  5.    
  6.     # 设置按钮样式
  7.     button_style = """..."""
  8.     prev_btn.setStyleSheet(button_style)
  9.     next_btn.setStyleSheet(button_style)
  10.    
  11.     # 使用QPainter绘制自定义箭头图标
  12.     # 创建左箭头
  13.     painter = QPainter(prev_pixmap)
  14.     painter.drawLine(...)
  15.     # 创建右箭头
  16.     painter = QPainter(next_pixmap)
  17.     painter.drawLine(...)
复制代码


**关键点：**
1. 使用 findChild 获取内置按钮
2. 使用 CSS 设置按钮圆角样式
3. 通过 QPainter 绘制自定义箭头图标
4. 设置按钮的悬停和按下状态样式

### 第三步：设置日期显示格式
  1. def init_date_formats(self):
  2.     # 今天样式（绿色）
  3.     today_fmt = QTextCharFormat()
  4.     today_fmt.setBackground(QColor(230, 245, 230))
  5.     today_fmt.setForeground(QColor(0, 100, 0))
  6.    
  7.     # 周末样式（红色）
  8.     weekend_fmt = QTextCharFormat()
  9.     weekend_fmt.setForeground(QColor(220, 50, 50))
  10.    
  11.     # 应用格式
  12.     self.setDateTextFormat(QDate.currentDate(), today_fmt)
  13.     self.setWeekdayTextFormat(Qt.DayOfWeek.Saturday, weekend_fmt)
  14.     self.setWeekdayTextFormat(Qt.DayOfWeek.Sunday, weekend_fmt)
复制代码


**关键点：**
1. 使用 QTextCharFormat 设置文本格式
2. 区分今天、周末和工作日样式
3. 通过 setDateTextFormat 设置特定日期样式
4. 通过 setWeekdayTextFormat 设置每周固定日样式

### 第四步：重写单元格绘制方法（核心）
  1. def paintCell(self, painter, rect, date):
  2.     # 保存painter状态
  3.     painter.save()
  4.    
  5.     # 创建圆角矩形区域
  6.     cell_rect = rect.adjusted(2, 2, -2, -2)
  7.     radius = 8
  8.    
  9.     # 根据日期类型设置背景色
  10.     if date == QDate.currentDate():
  11.         bg_color = QColor(230, 245, 230)  # 今天-绿色
  12.     elif date.dayOfWeek() > 5:
  13.         bg_color = QColor(255, 240, 240)  # 周末-粉色
  14.     else:
  15.         bg_color = Qt.GlobalColor.white   # 工作日-白色
  16.    
  17.     # 绘制圆角矩形背景
  18.     painter.setPen(QPen(QColor(220, 220, 220), 1))
  19.     painter.setBrush(QBrush(bg_color))
  20.     painter.drawRoundedRect(cell_rect, radius, radius)
  21.    
  22.     # 绘制日期文本
  23.     painter.drawText(cell_rect, Qt.AlignmentFlag.AlignCenter, str(date.day()))
  24.    
  25.     # 恢复painter状态
  26.     painter.restore()
复制代码


**关键点：**
1. 重写 paintCell 方法实现自定义绘制
2. 使用 drawRoundedRect 绘制圆角单元格
3. 根据日期类型动态设置背景色
4. 居中绘制日期文本

### 第五步：创建主窗口
  1. class CalendarApp(QMainWindow):
  2.     def __init__(self):
  3.         super().__init__()
  4.         # 设置窗口样式
  5.         self.setStyleSheet("QMainWindow { border-radius: 15px; }")
  6.         
  7.         # 创建布局和控件
  8.         layout = QVBoxLayout()
  9.         title = QLabel("精美日历")
  10.         self.calendar = RoundCellCalendar()
  11.         btn_today = QPushButton("返回今天")
  12.         
  13.         # 按钮点击事件
  14.         btn_today.clicked.connect(self.go_to_today)
  15.         
  16.     def go_to_today(self):
  17.         self.calendar.setSelectedDate(QDate.currentDate())
复制代码


**关键点：**
1. 主窗口使用圆角样式
2. 垂直布局管理控件
3. "返回今天"按钮绑定点击事件
4. 使用 QDate.currentDate() 获取当前日期

### 第六步：运行应用
  1. if __name__ == "__main__":
  2.     app = QApplication(sys.argv)
  3.     # 设置应用整体样式
  4.     app.setStyle("Fusion")
  5.     window = CalendarApp()
  6.     window.show()
  7.     sys.exit(app.exec())
复制代码


**关键点：**
1. 创建 QApplication 实例
2. 使用 Fusion 样式提升视觉效果
3. 显示主窗口并启动事件循环

这个实现通过自定义绘制创建了圆角单元格的日历，使用样式表美化界面，并实现了日期分类显示和"返回今天"功能。关键点是重写 paintCell 方法和合理使用 QTextCharFormat 设置日期样式。

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

使用道具 举报

FishC
发表于 2025-8-6 16:18:21 | 显示全部楼层
下面我将分步解释这个PyQt6精美日历应用的实现过程，帮助你理解每个部分的功能：

### 步骤1：导入必要的模块
  1. import sys
  2. from PyQt6.QtWidgets import (QApplication, QMainWindow, QWidget, QVBoxLayout,
  3.                             QLabel, QCalendarWidget, QPushButton, QToolButton)
  4. from PyQt6.QtCore import Qt, QDate, QSize
  5. from PyQt6.QtGui import (QColor, QTextCharFormat, QFont, QPainter,
  6.                         QPalette, QPen, QBrush, QIcon, QPixmap)
复制代码


### 步骤2：创建自定义日历组件（核心）
  1. class RoundCellCalendar(QCalendarWidget):
  2.     def __init__(self, parent=None):
  3.         super().__init__(parent)
  4.         # 1. 设置整体样式表
  5.         self.setStyleSheet("""
  6.             QCalendarWidget { /* 主日历样式 */ }
  7.             QCalendarWidget QWidget#qt_calendar_navigationbar { /* 导航栏样式 */ }
  8.             QCalendarWidget QToolButton#qt_calendar_monthbutton { /* 月份按钮 */ }
  9.             QCalendarWidget QSpinBox { /* 年份选择框 */ }
  10.             QCalendarWidget QMenu { /* 月份选择菜单 */ }
  11.             QCalendarWidget QAbstractItemView:enabled { /* 选中日期样式 */ }
  12.         """)
  13.         
  14.         # 2. 自定义导航按钮
  15.         self.setup_navigation_buttons()
  16.         
  17.         # 3. 初始化日期格式
  18.         self.init_date_formats()
  19.    
  20.     def setup_navigation_buttons(self):
  21.         # 获取前后月份按钮
  22.         prev_btn = self.findChild(QToolButton, "qt_calendar_prevmonth")
  23.         next_btn = self.findChild(QToolButton, "qt_calendar_nextmonth")
  24.         
  25.         # 设置按钮样式并绘制自定义箭头图标
  26.         # ... [图标绘制代码] ...
  27.    
  28.     def init_date_formats(self):
  29.         # 设置今天、周末、工作日的不同样式
  30.         today_fmt = QTextCharFormat()  # 今天的格式
  31.         weekend_fmt = QTextCharFormat()  # 周末格式
  32.         weekday_fmt = QTextCharFormat()  # 工作日格式
  33.         
  34.         # 应用格式到具体日期
  35.         self.setDateTextFormat(QDate.currentDate(), today_fmt)
  36.         self.setWeekdayTextFormat(Qt.DayOfWeek.Saturday, weekend_fmt)
  37.         self.setWeekdayTextFormat(Qt.DayOfWeek.Sunday, weekend_fmt)
  38.    
  39.     def paintCell(self, painter, rect, date):
  40.         # 4. 自定义单元格绘制
  41.         # - 创建圆角矩形
  42.         # - 根据日期类型设置不同颜色
  43.         # - 绘制日期文本
  44.         # ... [绘制逻辑] ...
复制代码


### 步骤3：创建主窗口
  1. class CalendarApp(QMainWindow):
  2.     def __init__(self):
  3.         super().__init__()
  4.         self.setWindowTitle("精美日历")
  5.         self.resize(450, 450)
  6.         
  7.         # 1. 主窗口样式
  8.         self.setStyleSheet("QMainWindow { background: #f8f8f8; border-radius: 15px; }")
  9.         
  10.         # 2. 创建中央部件和布局
  11.         central_widget = QWidget()
  12.         layout = QVBoxLayout(central_widget)
  13.         
  14.         # 3. 添加标题
  15.         title = QLabel("精美日历")
  16.         layout.addWidget(title)
  17.         
  18.         # 4. 添加自定义日历
  19.         self.calendar = RoundCellCalendar()
  20.         layout.addWidget(self.calendar)
  21.         
  22.         # 5. 添加"返回今天"按钮
  23.         btn_today = QPushButton("返回今天")
  24.         btn_today.clicked.connect(self.go_to_today)
  25.         layout.addWidget(btn_today)
  26.    
  27.     def go_to_today(self):
  28.         self.calendar.setSelectedDate(QDate.currentDate())
复制代码


### 步骤4：运行应用
  1. if __name__ == "__main__":
  2.     app = QApplication(sys.argv)
  3.    
  4.     # 设置全局样式
  5.     app.setStyle("Fusion")
  6.     palette = app.palette()
  7.     palette.setColor(QPalette.ColorRole.Window, QColor(248, 248, 248))
  8.     app.setPalette(palette)
  9.    
  10.     window = CalendarApp()
  11.     window.show()
  12.     sys.exit(app.exec())
复制代码


### 关键功能说明：
1. **自定义日历组件**：
   - 重写paintCell()方法实现圆角日期格
   - 使用QSS样式表美化整体外观
   - 自定义导航按钮图标

2. **日期样式处理**：
   - 今天：绿色背景+深绿文字
   - 周末：红色文字
   - 工作日：深灰文字
   - 选中日期：蓝色边框+浅蓝背景

3. **主窗口结构**：
   - 标题标签
   - 自定义日历组件
   - "返回今天"功能按钮

4. **样式技巧**：
   - 使用setStyleSheet()设置QSS样式
   - 通过QTextCharFormat定制日期文本样式
   - 使用QPainter绘制自定义图标

### 运行效果：
- 圆角边框的日历组件
- 自定义箭头导航按钮
- 不同日期类型有不同颜色标识
- 点击"返回今天"按钮可快速定位当前日期

这个实现展示了PyQt6强大的自定义能力，你可以根据需要调整颜色、圆角大小等样式参数来改变视觉效果。

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

使用道具 举报

FishC
发表于 2025-8-6 16:20:51 | 显示全部楼层
cjjJasonchen 发表于 2025-08-06 16:14
@FishC


我注意到您@了FishC但没有提出具体问题。请详细描述您遇到的编程问题或学习困惑，我会用通俗易懂的方式为您解答！

例如您可以这样提问：
  • Python中如何读取文件内容？
  • 为什么我的循环一直运行停不下来？
  • 请解释面向对象编程的基本概念。


期待您的问题！当您补充具体内容后，我会立即给出分步解答和示例代码。

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

使用道具 举报

cjjJasonchen
 楼主| 发表于 2025-8-6 16:26:55 | 显示全部楼层
FishC 发表于 2025-8-6 16:15
下面我将分步骤详细解释这段 PyQt6 日历应用的实现原理和关键代码：

### 第一步：创建自定义日历控件

能不能更细致的讲解
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

FishC
发表于 2025-8-6 16:30:52 | 显示全部楼层
cjjJasonchen 发表于 2025-08-06 16:26
FishC 发表于 2025-8-6 16:15
下面我将分步骤详细解 ...


# PyQt6 精美日历应用详细解析

我将为您详细讲解这个精美日历应用的实现原理和关键代码，帮助您深入理解每个部分的功能。

## 一、整体结构分析

这个应用包含两个主要类：
1. `RoundCellCalendar` - 自定义日历组件
2. `CalendarApp` - 主窗口类

应用运行流程：
  1. 创建应用 -> 设置全局样式 -> 创建主窗口 -> 显示窗口 -> 进入事件循环
复制代码


## 二、自定义日历组件详解

### 1. 组件初始化
  1. class RoundCellCalendar(QCalendarWidget):
  2.     def __init__(self, parent=None):
  3.         super().__init__(parent)
  4.         # 设置整体样式表
  5.         self.setStyleSheet("""...""")
  6.         
  7.         # 自定义导航按钮
  8.         self.setup_navigation_buttons()
  9.         
  10.         # 初始化日期格式
  11.         self.init_date_formats()
复制代码


### 2. 导航按钮定制
  1. def setup_navigation_buttons(self):
  2.     # 获取前后月份按钮
  3.     prev_btn = self.findChild(QToolButton, "qt_calendar_prevmonth")
  4.     next_btn = self.findChild(QToolButton, "qt_calendar_nextmonth")
  5.    
  6.     # 设置按钮样式
  7.     button_style = """
  8.         QToolButton {
  9.             background: #f0f0f0;
  10.             border-radius: 12px;
  11.             border: 1px solid #d0d0d0;
  12.             width: 24px;
  13.             height: 24px;
  14.         }
  15.         QToolButton:hover { background: #e0e0e0; }
  16.         QToolButton:pressed { background: #d0d0d0; }
  17.     """
  18.     prev_btn.setStyleSheet(button_style)
  19.     next_btn.setStyleSheet(button_style)
  20.    
  21.     # 使用QPainter绘制自定义箭头图标
  22.     # 左箭头绘制代码...
  23.     # 右箭头绘制代码...
复制代码


关键点：
- 使用 `findChild` 获取内置按钮对象
- 使用 CSS 样式表设置按钮外观
- 通过 QPainter 动态绘制箭头图标
- 设置按钮的悬停和按下状态效果

### 3. 日期格式初始化
  1. def init_date_formats(self):
  2.     # 今天的样式
  3.     today_fmt = QTextCharFormat()
  4.     today_fmt.setBackground(QColor(230, 245, 230))  # 浅绿背景
  5.     today_fmt.setForeground(QColor(0, 100, 0))      # 深绿文字
  6.     today_fmt.setFont(QFont("Arial", 10, QFont.Weight.Bold))
  7.    
  8.     # 周末的样式
  9.     weekend_fmt = QTextCharFormat()
  10.     weekend_fmt.setForeground(QColor(220, 50, 50))  # 柔和的红色
  11.    
  12.     # 应用格式
  13.     self.setDateTextFormat(QDate.currentDate(), today_fmt)
  14.     self.setWeekdayTextFormat(Qt.DayOfWeek.Saturday, weekend_fmt)
  15.     self.setWeekdayTextFormat(Qt.DayOfWeek.Sunday, weekend_fmt)
  16.    
  17.     # 工作日的样式
  18.     weekday_fmt = QTextCharFormat()
  19.     weekday_fmt.setForeground(QColor(60, 60, 60))   # 深灰色
  20.     for day in range(1, 6):  # 周一(1)到周五(5)
  21.         self.setWeekdayTextFormat(day, weekday_fmt)
复制代码


关键点：
- 使用 `QTextCharFormat` 定义文本格式
- 区分今天、周末和工作日的不同样式
- `setDateTextFormat` 设置特定日期格式
- `setWeekdayTextFormat` 设置每周固定日的格式

### 4. 单元格绘制（核心）
  1. def paintCell(self, painter, rect, date):
  2.     painter.save()  # 保存当前绘图状态
  3.     painter.setRenderHint(QPainter.RenderHint.Antialiasing)  # 开启抗锯齿
  4.    
  5.     # 创建圆角矩形区域（比原始单元格小2像素）
  6.     cell_rect = rect.adjusted(2, 2, -2, -2)
  7.     radius = 8  # 圆角半径
  8.    
  9.     # 确定背景颜色
  10.     if date == QDate.currentDate():   # 今天
  11.         bg_color = QColor(230, 245, 230)  # 浅绿色
  12.     elif date.dayOfWeek() > 5:        # 周末（周六=6，周日=7）
  13.         bg_color = QColor(255, 240, 240)  # 浅粉色
  14.     else:                             # 工作日
  15.         bg_color = QColor(255, 255, 255)  # 白色
  16.    
  17.     # 绘制选中日期的特殊样式
  18.     if date == self.selectedDate():
  19.         painter.setPen(QPen(QColor(100, 150, 255), 2))  # 蓝色边框
  20.         painter.setBrush(QBrush(QColor(240, 245, 255)))  # 浅蓝背景
  21.         painter.drawRoundedRect(cell_rect, radius, radius)
  22.     else:
  23.         painter.setPen(QPen(QColor(220, 220, 220), 1))  # 灰色边框
  24.         painter.setBrush(QBrush(bg_color))  # 背景色
  25.         painter.drawRoundedRect(cell_rect, radius, radius)
  26.    
  27.     # 设置文字颜色
  28.     text_color = QColor(60, 60, 60)  # 默认深灰色
  29.     if date.dayOfWeek() > 5:         # 周末
  30.         text_color = QColor(220, 50, 50)
  31.     if date == QDate.currentDate():  # 今天
  32.         text_color = QColor(0, 100, 0)
  33.     if date == self.selectedDate():  # 选中日期
  34.         text_color = QColor(50, 100, 200)  # 蓝色
  35.    
  36.     painter.setPen(QPen(text_color))
  37.    
  38.     # 设置字体
  39.     font = QFont("Arial", 9)
  40.     if date == QDate.currentDate() or date == self.selectedDate():
  41.         font.setBold(True)  # 今天和选中日期加粗
  42.    
  43.     # 绘制日期文本（居中）
  44.     painter.drawText(cell_rect, Qt.AlignmentFlag.AlignCenter, str(date.day()))
  45.    
  46.     painter.restore()  # 恢复绘图状态
复制代码


关键点：
- `paintCell` 是自定义绘制的核心方法
- 使用 `drawRoundedRect` 绘制圆角矩形
- 根据日期类型动态设置背景色和文字颜色
- 使用 `QPainter.save()` 和 `restore()` 管理绘图状态
- 开启抗锯齿使图形更平滑

## 三、主窗口实现详解

  1. class CalendarApp(QMainWindow):
  2.     def __init__(self):
  3.         super().__init__()
  4.         self.setWindowTitle("精美日历")
  5.         self.resize(450, 450)
  6.         
  7.         # 主窗口样式
  8.         self.setStyleSheet("""
  9.             QMainWindow {
  10.                 background: #f8f8f8;  /* 浅灰色背景 */
  11.                 border-radius: 15px;  /* 圆角窗口 */
  12.             }
  13.         """)
  14.         
  15.         # 创建中央部件
  16.         central_widget = QWidget()
  17.         central_widget.setStyleSheet("background: transparent;")  # 透明背景
  18.         self.setCentralWidget(central_widget)
  19.         
  20.         # 垂直布局
  21.         layout = QVBoxLayout(central_widget)
  22.         layout.setContentsMargins(20, 20, 20, 20)  # 设置边距
  23.         layout.setSpacing(15)  # 控件间距
  24.         
  25.         # 标题
  26.         title = QLabel("精美日历")
  27.         title.setStyleSheet("""
  28.             QLabel {
  29.                 font-size: 24px;
  30.                 font-weight: bold;
  31.                 color: #444444;
  32.                 padding: 5px;
  33.             }
  34.         """)
  35.         title.setAlignment(Qt.AlignmentFlag.AlignCenter)
  36.         layout.addWidget(title)
  37.         
  38.         # 添加自定义日历
  39.         self.calendar = RoundCellCalendar()
  40.         layout.addWidget(self.calendar)
  41.         
  42.         # "返回今天"按钮
  43.         btn_today = QPushButton("返回今天")
  44.         btn_today.setStyleSheet("""
  45.             QPushButton {
  46.                 background: #4CAF50;  /* 绿色背景 */
  47.                 color: white;
  48.                 border: none;
  49.                 padding: 8px;
  50.                 border-radius: 10px;  /* 圆角按钮 */
  51.                 font-size: 14px;
  52.                 min-width: 100px;    /* 最小宽度 */
  53.             }
  54.             QPushButton:hover {
  55.                 background: #45a049;  /* 悬停时深绿色 */
  56.             }
  57.         """)
  58.         btn_today.clicked.connect(self.go_to_today)  # 连接信号和槽
  59.         layout.addWidget(btn_today, 0, Qt.AlignmentFlag.AlignHCenter)  # 水平居中
  60.    
  61.     def go_to_today(self):
  62.         """跳转到今天的日期"""
  63.         self.calendar.setSelectedDate(QDate.currentDate())
复制代码


关键点：
- 使用 `QVBoxLayout` 垂直布局管理控件
- 设置窗口圆角效果
- 按钮的样式定制和悬停效果
- 信号与槽的连接：按钮点击事件

## 四、应用启动代码

  1. if __name__ == "__main__":
  2.     app = QApplication(sys.argv)
  3.    
  4.     # 设置应用整体样式
  5.     app.setStyle("Fusion")  # 使用Fusion样式，更现代
  6.    
  7.     # 设置调色板
  8.     palette = app.palette()
  9.     palette.setColor(QPalette.ColorRole.Window, QColor(248, 248, 248))  # 窗口背景色
  10.     app.setPalette(palette)
  11.    
  12.     window = CalendarApp()
  13.     window.show()
  14.     sys.exit(app.exec())
复制代码


关键点：
- `app.setStyle("Fusion")` 使用现代样式
- 设置全局调色板统一应用风格
- `app.exec()` 启动事件循环

## 五、关键知识点总结

1. **样式表(QSS)**：使用CSS-like语法定制控件外观
2. **自定义绘制**：通过重写`paintCell`实现个性化单元格
3. **日期处理**：使用`QDate`处理日期操作
4. **图形绘制**：使用`QPainter`绘制自定义图形
5. **布局管理**：`QVBoxLayout`垂直布局控件
6. **信号与槽**：连接按钮点击事件
7. **QTextCharFormat**：定制文本显示格式
8. **抗锯齿渲染**：提升图形显示质量

这个应用展示了PyQt6强大的自定义能力，您可以根据需要调整颜色、圆角大小、字体等参数来创建不同风格的日历组件。

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-8-30 22:41

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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