373 lines
14 KiB
Python
373 lines
14 KiB
Python
#!/usr/bin/env python3
|
||
# -*- coding: utf-8 -*-
|
||
"""
|
||
项目区域组件
|
||
"""
|
||
|
||
from PyQt5.QtWidgets import *
|
||
from PyQt5.QtCore import *
|
||
from PyQt5.QtGui import *
|
||
from typing import List
|
||
|
||
from data.project_manager import ProjectManager, Project
|
||
from ui.icon_manager import IconManager
|
||
from ui.project_card import ProjectCard
|
||
|
||
class ProjectArea(QWidget):
|
||
"""项目区域组件"""
|
||
|
||
# 信号定义
|
||
search_changed = pyqtSignal(str)
|
||
create_project_requested = pyqtSignal()
|
||
import_project_requested = pyqtSignal()
|
||
|
||
def __init__(self, project_manager: ProjectManager):
|
||
super().__init__()
|
||
self.setObjectName("projectArea")
|
||
self.setAttribute(Qt.WA_StyledBackground, True)
|
||
self.project_manager = project_manager
|
||
self.view_mode = "grid" # grid 或 list
|
||
self.projects = []
|
||
self.grid_view_btn = None
|
||
self.list_view_btn = None
|
||
|
||
self.init_ui()
|
||
self.connect_signals()
|
||
|
||
# 初始加载项目
|
||
self.update_projects(self.project_manager.get_all_projects())
|
||
|
||
def init_ui(self):
|
||
"""初始化UI"""
|
||
layout = QVBoxLayout(self)
|
||
layout.setContentsMargins(0, 30, 24, 30)
|
||
layout.setSpacing(0)
|
||
|
||
# 主内容容器，方便区分背景颜色
|
||
self.content_widget = QWidget()
|
||
self.content_widget.setObjectName("projectAreaContent")
|
||
self.content_layout = QVBoxLayout(self.content_widget)
|
||
self.content_layout.setContentsMargins(0, 0, 0, 0)
|
||
self.content_layout.setSpacing(0)
|
||
|
||
layout.addWidget(self.content_widget)
|
||
|
||
# 顶部工具栏
|
||
self.create_toolbar(self.content_layout)
|
||
|
||
# 项目显示区域
|
||
self.create_project_display_area(self.content_layout)
|
||
|
||
def create_toolbar(self, layout):
|
||
"""创建顶部工具区域"""
|
||
header_widget = QWidget()
|
||
header_widget.setObjectName("contentHeader")
|
||
header_layout = QHBoxLayout(header_widget)
|
||
header_layout.setContentsMargins(36, 26, 36, 24)
|
||
header_layout.setSpacing(0)
|
||
|
||
breadcrumb_container = QWidget()
|
||
breadcrumb_container.setObjectName("breadcrumbContainer")
|
||
breadcrumb_layout = QHBoxLayout(breadcrumb_container)
|
||
breadcrumb_layout.setContentsMargins(0, 0, 0, 0)
|
||
breadcrumb_layout.setSpacing(8)
|
||
|
||
self.home_label = QLabel("我的项目")
|
||
self.home_label.setObjectName("breadcrumbBase")
|
||
breadcrumb_layout.addWidget(self.home_label)
|
||
|
||
self.separator_label = QLabel("/")
|
||
self.separator_label.setObjectName("breadcrumbSeparator")
|
||
breadcrumb_layout.addWidget(self.separator_label)
|
||
|
||
self.current_label = QLabel("项目概述")
|
||
self.current_label.setObjectName("breadcrumbCurrent")
|
||
breadcrumb_layout.addWidget(self.current_label)
|
||
|
||
header_layout.addWidget(breadcrumb_container)
|
||
header_layout.addStretch()
|
||
|
||
self.search_input = QLineEdit()
|
||
self.search_input.setObjectName("searchInput")
|
||
self.search_input.setPlaceholderText("搜索项目...")
|
||
self.search_input.setClearButtonEnabled(True)
|
||
if IconManager.icon_exists('search'):
|
||
search_action = self.search_input.addAction(IconManager.get_icon('search', QSize(30, 30)), QLineEdit.TrailingPosition)
|
||
self.search_input.setFixedWidth(508)
|
||
self.search_input.textChanged.connect(self.search_changed.emit)
|
||
header_layout.addWidget(self.search_input, 0, Qt.AlignRight)
|
||
|
||
layout.addWidget(header_widget)
|
||
|
||
def create_project_display_area(self, layout):
|
||
"""创建项目显示区域"""
|
||
# 滚动区域
|
||
self.scroll_area = QScrollArea()
|
||
self.scroll_area.setObjectName("projectScrollArea")
|
||
self.scroll_area.setFrameShape(QFrame.NoFrame)
|
||
self.scroll_area.setWidgetResizable(True)
|
||
self.scroll_area.setHorizontalScrollBarPolicy(Qt.ScrollBarAlwaysOff)
|
||
self.scroll_area.setVerticalScrollBarPolicy(Qt.ScrollBarAsNeeded)
|
||
|
||
# 项目容器
|
||
self.projects_container = QWidget()
|
||
self.projects_container.setObjectName("projectsContainer")
|
||
|
||
# 网格布局
|
||
self.projects_layout = QGridLayout(self.projects_container)
|
||
self.projects_layout.setContentsMargins(36, 24, 6, 18)
|
||
self.projects_layout.setSpacing(24)
|
||
self.projects_layout.setAlignment(Qt.AlignTop) # 设置顶部对齐
|
||
|
||
# 响应式列数
|
||
self.grid_columns = 4 # 默认列数
|
||
self.update_grid_columns()
|
||
|
||
self.scroll_area.setWidget(self.projects_container)
|
||
layout.addWidget(self.scroll_area)
|
||
|
||
def connect_signals(self):
|
||
"""连接信号"""
|
||
# 项目管理器信号
|
||
self.project_manager.project_added.connect(self.on_project_added)
|
||
self.project_manager.project_removed.connect(self.on_project_removed)
|
||
self.project_manager.project_updated.connect(self.on_project_updated)
|
||
|
||
def update_projects(self, projects: List[Project]):
|
||
"""更新项目显示"""
|
||
self.projects = projects
|
||
self.refresh_project_display()
|
||
|
||
def update_navigation(self, section: str, item_name: str):
|
||
"""更新导航显示"""
|
||
# 更新面包屑导航
|
||
self.home_label.setText(section)
|
||
|
||
# 根据不同的导航项设置显示标题
|
||
title_mapping = {
|
||
"项目概述": "项目概述",
|
||
"项目管理": "项目管理",
|
||
"资源分类": "资源分类管理",
|
||
"资源管理": "资源管理",
|
||
"系统设置": "系统设置",
|
||
}
|
||
|
||
display_title = title_mapping.get(item_name, item_name)
|
||
self.current_label.setText(display_title)
|
||
|
||
def refresh_project_display(self):
|
||
"""刷新项目显示"""
|
||
# 清除现有项目卡片
|
||
for i in reversed(range(self.projects_layout.count())):
|
||
child = self.projects_layout.itemAt(i).widget()
|
||
if child:
|
||
child.setParent(None)
|
||
|
||
if not self.projects:
|
||
# 显示空状态
|
||
self.show_empty_state()
|
||
else:
|
||
# 添加项目卡片
|
||
if self.view_mode == "grid":
|
||
self.show_grid_view()
|
||
else:
|
||
self.show_list_view()
|
||
|
||
# 强制更新布局和几何信息
|
||
self._update_layout_geometry()
|
||
|
||
def show_grid_view(self):
|
||
"""显示网格视图"""
|
||
# 使用响应式列数
|
||
columns = self.grid_columns
|
||
|
||
for i, project in enumerate(self.projects):
|
||
row = i // columns
|
||
col = i % columns
|
||
|
||
project_card = ProjectCard(project, self.project_manager)
|
||
self.projects_layout.addWidget(project_card, row, col, Qt.AlignTop) # 顶部对齐
|
||
|
||
def show_list_view(self):
|
||
"""显示列表视图"""
|
||
for i, project in enumerate(self.projects):
|
||
project_card = ProjectCard(project, self.project_manager, view_mode="list")
|
||
self.projects_layout.addWidget(project_card, i, 0, Qt.AlignTop) # 顶部对齐
|
||
|
||
def show_empty_state(self):
|
||
"""显示空状态"""
|
||
empty_widget = QWidget()
|
||
empty_layout = QVBoxLayout(empty_widget)
|
||
empty_layout.setAlignment(Qt.AlignCenter)
|
||
|
||
# 空状态图标
|
||
empty_icon = QLabel("📁")
|
||
empty_icon.setStyleSheet("font-size: 48px; color: #666666;")
|
||
empty_icon.setAlignment(Qt.AlignCenter)
|
||
empty_layout.addWidget(empty_icon)
|
||
|
||
# 空状态文字
|
||
empty_text = QLabel("没有找到匹配的项目")
|
||
empty_text.setStyleSheet("font-size: 16px; color: #888888; margin-top: 10px;")
|
||
empty_text.setAlignment(Qt.AlignCenter)
|
||
empty_layout.addWidget(empty_text)
|
||
|
||
self.projects_layout.addWidget(empty_widget, 0, 0, 1, 4)
|
||
|
||
def set_view_mode(self, mode: str):
|
||
"""设置视图模式"""
|
||
self.view_mode = mode
|
||
|
||
# 更新按钮状态
|
||
if self.grid_view_btn:
|
||
self.grid_view_btn.setChecked(mode == "grid")
|
||
if self.list_view_btn:
|
||
self.list_view_btn.setChecked(mode == "list")
|
||
|
||
# 刷新显示
|
||
self.refresh_project_display()
|
||
|
||
def focus_search(self):
|
||
"""聚焦搜索框"""
|
||
self.search_input.setFocus()
|
||
|
||
def on_project_added(self, project: Project):
|
||
"""项目添加事件"""
|
||
# 如果当前显示的是项目概述或项目管理，则添加新项目
|
||
if hasattr(self, 'current_filter') and self.current_filter in ["overview", "management"]:
|
||
self.projects.insert(0, project)
|
||
self.refresh_project_display()
|
||
|
||
def on_project_removed(self, project_id: int):
|
||
"""项目删除事件"""
|
||
self.projects = [p for p in self.projects if p.id != project_id]
|
||
self.refresh_project_display()
|
||
|
||
def on_project_updated(self, project: Project):
|
||
"""项目更新事件"""
|
||
for i, p in enumerate(self.projects):
|
||
if p.id == project.id:
|
||
self.projects[i] = project
|
||
break
|
||
self.refresh_project_display()
|
||
|
||
def update_grid_columns(self):
|
||
"""更新网格列数 - 针对固定大小卡片优化"""
|
||
# 获取可用宽度，尝试多种方式确保准确性
|
||
width = 0
|
||
if hasattr(self, 'scroll_area') and self.scroll_area.width() > 0:
|
||
# 优先使用滚动区域的宽度
|
||
width = self.scroll_area.viewport().width()
|
||
elif hasattr(self, 'projects_container') and self.projects_container.width() > 0:
|
||
# 备选：使用项目容器的宽度
|
||
width = self.projects_container.width()
|
||
elif hasattr(self, 'scroll_area'):
|
||
# 最后备选：使用滚动区域的宽度
|
||
width = self.scroll_area.width()
|
||
|
||
# 确保宽度有效
|
||
if width <= 0:
|
||
# 如果仍然无效，使用默认列数
|
||
if not hasattr(self, 'grid_columns'):
|
||
self.grid_columns = 1
|
||
return False
|
||
|
||
# 固定卡片大小的计算（280px宽度，20px间距）
|
||
available_width = width - 60 # 减去左右边距
|
||
|
||
# 确保可用宽度为正数
|
||
if available_width <= 0:
|
||
available_width = width - 20 # 使用更小的边距
|
||
|
||
# 固定卡片宽度和间距 - 匹配 Figma 设计
|
||
card_width = 280 # 固定卡片宽度，匹配当前卡片尺寸
|
||
spacing = 24 # 卡片间距，匹配更新后的间距
|
||
|
||
# 计算能容纳的列数
|
||
if available_width < card_width:
|
||
columns = 1
|
||
else:
|
||
# 计算能容纳的列数：(可用宽度 + 间距) / (卡片宽度 + 间距)
|
||
columns = (available_width + spacing) // (card_width + spacing)
|
||
columns = max(1, columns)
|
||
|
||
# 限制最大列数，避免过多列
|
||
columns = min(columns, 6)
|
||
|
||
# 检查列数是否发生变化
|
||
old_columns = getattr(self, 'grid_columns', 4)
|
||
if old_columns != columns:
|
||
self.grid_columns = columns
|
||
return True # 返回True表示列数发生了变化
|
||
else:
|
||
self.grid_columns = columns
|
||
return False
|
||
|
||
def resizeEvent(self, event):
|
||
"""窗口大小变化事件"""
|
||
super().resizeEvent(event)
|
||
|
||
# 立即处理缩小情况，延迟处理放大情况
|
||
if hasattr(self, '_last_width'):
|
||
current_width = event.size().width()
|
||
is_shrinking = current_width < self._last_width
|
||
|
||
if is_shrinking:
|
||
# 缩小时立即处理，确保响应性
|
||
self._handle_resize()
|
||
self._last_width = current_width
|
||
return
|
||
|
||
# 延迟处理，避免频繁调用（主要用于放大情况）
|
||
if hasattr(self, '_resize_timer'):
|
||
self._resize_timer.stop()
|
||
|
||
self._resize_timer = QTimer()
|
||
self._resize_timer.setSingleShot(True)
|
||
self._resize_timer.timeout.connect(self._handle_resize)
|
||
self._resize_timer.start(50) # 减少延迟：100ms->50ms
|
||
|
||
# 记录当前宽度
|
||
self._last_width = event.size().width()
|
||
|
||
def _handle_resize(self):
|
||
"""处理窗口大小变化"""
|
||
if hasattr(self, 'projects') and self.view_mode == "grid":
|
||
# 强制更新滚动区域几何信息
|
||
if hasattr(self, 'scroll_area'):
|
||
self.scroll_area.updateGeometry()
|
||
QApplication.processEvents()
|
||
|
||
# 更新列数
|
||
columns_changed = self.update_grid_columns()
|
||
|
||
if columns_changed:
|
||
# 列数变化，完全重新布局
|
||
self.refresh_project_display()
|
||
else:
|
||
# 列数没变，但仍需要更新布局以适应新的宽度
|
||
self._update_layout_geometry()
|
||
# 强制重新计算卡片大小
|
||
self._update_card_sizes()
|
||
|
||
def _update_layout_geometry(self):
|
||
"""更新布局几何信息"""
|
||
if hasattr(self, 'projects_container'):
|
||
# 强制更新布局
|
||
self.projects_container.updateGeometry()
|
||
self.projects_layout.update()
|
||
|
||
# 确保滚动区域正确更新
|
||
if hasattr(self, 'scroll_area'):
|
||
self.scroll_area.updateGeometry()
|
||
|
||
# 强制重新计算滚动区域大小
|
||
QApplication.processEvents()
|
||
self.scroll_area.ensureVisible(0, 0)
|
||
|
||
def _update_card_sizes(self):
|
||
"""更新项目卡片大小 - 固定大小卡片无需动态调整"""
|
||
# 由于卡片现在是固定大小(280x240)，不再需要动态调整
|
||
# 这个方法保留为空，以保持接口兼容性
|
||
pass
|