[feature] 项目管理ui设计

widgets/avas_widget.py

@@ -1,8 +1,9 @@
 import sys
 from PySide6.QtWidgets import (QApplication, QWidget, QPushButton, QGridLayout, 
                              QVBoxLayout, QHBoxLayout, QCheckBox, QComboBox, 
-                             QLabel, QSlider, QFrame, QGroupBox)
+                             QLabel, QSlider, QFrame, QGroupBox, QListView)
-from PySide6.QtCore import Qt
+from PySide6.QtCore import Qt, QSize
+from PySide6.QtGui import QIcon
 from widgets.audio_filter_widget import AudioFilterWidget
 
 class ChannelButton(QWidget):
@@ -120,12 +121,43 @@ class AVAS_WIDGET(QWidget):
     def __init__(self):
         super().__init__()
         self.setWindowTitle("AVAS")
+        self.is_panel_visible = True  # 添加状态标记
         self.setup_ui()
         
     def setup_ui(self):
-        main_layout = QVBoxLayout()
+        # 创建主水平布局
+        main_layout = QHBoxLayout()
         
-        # Top section - Channel buttons
+        # 左侧项目信息面板
+        self.left_panel = self.create_project_panel()
+        
+        # 创建切换按钮容器
+        toggle_container = QVBoxLayout()
+        self.toggle_button = QPushButton("◀")  # 使用箭头符号
+        self.toggle_button.setFixedSize(20, 60)
+        self.toggle_button.clicked.connect(self.toggle_panel)
+        self.toggle_button.setStyleSheet("""
+            QPushButton {
+                background-color: #404040;
+                color: white;
+                border: 1px solid #505050;
+                border-radius: 3px;
+            }
+            QPushButton:hover {
+                background-color: #505050;
+            }
+            QPushButton:pressed {
+                background-color: #303030;
+            }
+        """)
+        toggle_container.addStretch()
+        toggle_container.addWidget(self.toggle_button)
+        toggle_container.addStretch()
+        
+        # 右侧原有内容面板
+        right_panel = QVBoxLayout()
+        
+        # 添加原有的通道按钮网格
         channels_layout = QGridLayout()
         for i in range(24):
             row = i // 8
@@ -133,35 +165,134 @@ class AVAS_WIDGET(QWidget):
             channel = ChannelButton(i + 1)
             channels_layout.addWidget(channel, row, col)
             
-        # Middle section
+        # 中间部分
         middle_layout = QHBoxLayout()
-        
-        # Left side - Parameter matrix
         param_matrix = self.create_parameter_matrix()
-        
-        # Right side - Filter controls
         filter_controls = self.create_filter_controls()
-        
         middle_layout.addWidget(param_matrix, stretch=2)
         middle_layout.addWidget(filter_controls, stretch=1)
         
-        # Bottom section
+        # 底部按钮
         bottom_layout = QHBoxLayout()
         clean_btn = QPushButton("Clean")
         send_btn = QPushButton("Send")
         enable_cb = QCheckBox("Enable")
-        
         bottom_layout.addStretch()
         bottom_layout.addWidget(clean_btn)
         bottom_layout.addWidget(send_btn)
         bottom_layout.addWidget(enable_cb)
         
-        # Add all sections to main layout
+        # 将所有部分添加到右侧面板
-        main_layout.addLayout(channels_layout)
+        right_panel.addLayout(channels_layout)
-        main_layout.addLayout(middle_layout)
+        right_panel.addLayout(middle_layout)
-        main_layout.addLayout(bottom_layout)
+        right_panel.addLayout(bottom_layout)
+        
+        # 添加左右面板和切换按钮到主布局
+        main_layout.addWidget(self.left_panel, stretch=1)
+        main_layout.addLayout(toggle_container)
+        main_layout.addLayout(right_panel, stretch=4)
         
         self.setLayout(main_layout)
+    
+    def toggle_panel(self):
+        """切换左侧面板的显示状态"""
+        self.is_panel_visible = not self.is_panel_visible
+        self.left_panel.setVisible(self.is_panel_visible)
+        
+        # 更新切换按钮的箭头方向
+        if self.is_panel_visible:
+            self.toggle_button.setText("◀")
+        else:
+            self.toggle_button.setText("▶")
+            
+    def create_project_panel(self):
+        """创建左侧项目信息面板"""
+        panel = QGroupBox("项目信息")
+        layout = QVBoxLayout()
+        
+        # 创建列表视图
+        self.project_list = QListView()
+        self.project_list.setViewMode(QListView.ViewMode.IconMode)
+        self.project_list.setIconSize(QSize(80, 80))
+        self.project_list.setSpacing(10)
+        self.project_list.setResizeMode(QListView.ResizeMode.Adjust)
+        self.project_list.setMovement(QListView.Movement.Static)
+        
+        # 设置样式
+        self.project_list.setStyleSheet("""
+            QListView {
+                background-color: #2D2D2D;
+                border: none;
+                border-radius: 4px;
+                padding: 5px;
+            }
+            QListView::item {
+                background-color: #3D3D3D;
+                border-radius: 6px;
+                margin: 5px;
+            }
+            QListView::item:selected {
+                background-color: #4A4A4A;
+            }
+            QListView::item:hover {
+                background-color: #454545;
+            }
+        """)
+        
+        # 添加工具栏按钮
+        toolbar = QHBoxLayout()
+        add_btn = QPushButton("添加")
+        delete_btn = QPushButton("删除")
+        refresh_btn = QPushButton("刷新")
+        
+        # 设置按钮样式
+        button_style = """
+            QPushButton {
+                background-color: #404040;
+                color: white;
+                border: 1px solid #505050;
+                border-radius: 3px;
+                padding: 5px 10px;
+                min-width: 60px;
+            }
+            QPushButton:hover {
+                background-color: #505050;
+            }
+            QPushButton:pressed {
+                background-color: #303030;
+            }
+        """
+        add_btn.setStyleSheet(button_style)
+        delete_btn.setStyleSheet(button_style)
+        refresh_btn.setStyleSheet(button_style)
+        
+        toolbar.addWidget(add_btn)
+        toolbar.addWidget(delete_btn)
+        toolbar.addWidget(refresh_btn)
+        
+        # 组装面板
+        layout.addLayout(toolbar)
+        layout.addWidget(self.project_list)
+        panel.setLayout(layout)
+        
+        # 设置面板样式
+        panel.setStyleSheet("""
+            QGroupBox {
+                background-color: #2D2D2D;
+                border: 1px solid #505050;
+                border-radius: 6px;
+                margin-top: 1ex;
+                padding: 10px;
+                color: white;
+            }
+            QGroupBox::title {
+                subcontrol-origin: margin;
+                subcontrol-position: top center;
+                padding: 0 3px;
+            }
+        """)
+        
+        return panel
         
     def create_parameter_matrix(self):
         frame = QFrame()