界面介绍 #

┌─────────────────────────────────────────────────────────────┐
│                    ComfyUI 界面总览                          │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  ┌─────────────────────────────────────────────────────┐   │
│  │                     顶部菜单                         │   │
│  │  [Queue Prompt] [Extra options] [Manager] [Settings]│   │
│  └─────────────────────────────────────────────────────┘   │
│                                                             │
│  ┌──────────────────────────────────────────────────────┐  │
│  │                                                      │  │
│  │                                                      │  │
│  │                    主工作区                          │  │
│  │                  (节点画布)                          │  │
│  │                                                      │  │
│  │                                                      │  │
│  │                                                      │  │
│  └──────────────────────────────────────────────────────┘  │
│                                                             │
│  ┌───────────┐ ┌───────────┐ ┌───────────┐ ┌───────────┐  │
│  │ 节点搜索   │ │ 队列状态   │ │ 历史记录   │ │ 保存菜单   │  │
│  └───────────┘ └───────────┘ └───────────┘ └───────────┘  │
│                                                             │
└─────────────────────────────────────────────────────────────┘

界面区域：

顶部菜单栏：
├── Queue Prompt - 执行按钮
├── Extra options - 扩展选项
├── Manager - 节点管理器
└── Settings - 设置菜单

主工作区：
├── 节点画布 - 放置和连接节点
├── 右键菜单 - 上下文操作
└── 拖拽区域 - 添加新节点

底部功能区：
├── 节点搜索 - 快速查找节点
├── 队列状态 - 显示执行队列
├── 历史记录 - 查看历史生成
└── 保存菜单 - 工作流操作

┌─────────────────────────────────────────────────────────────┐
│                    Queue Prompt 功能                         │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  [Queue Prompt] - 主要执行按钮                              │
│  ├── 点击：将当前工作流加入队列                             │
│  ├── 执行：按顺序处理队列中的任务                           │
│  └── 显示：当前队列数量                                     │
│                                                             │
│  下拉选项：                                                  │
│  ├── Queue Prompt - 正常执行                                │
│  ├── Queue Prompt (front) - 插队执行                        │
│  └── Queue size: X - 显示队列数量                           │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Extra options 包含：

执行控制：
├── Auto queue - 自动队列模式
│   ├── disabled - 禁用
│   ├── instant - 即时模式
│   └── change - 变化触发
│
└── Batch count - 批量数量设置

显示选项：
├── Live preview - 实时预览
│   ├── disabled - 禁用
│   ├── taesd - TAESD 预览
│   └── latent2rgb - 潜空间转RGB
│
└── Preview method - 预览方法

ComfyUI-Manager 功能：

节点管理：
├── Install Custom Nodes - 安装自定义节点
├── Update All - 更新所有节点
├── Update ComfyUI - 更新 ComfyUI
└── Fix Dependencies - 修复依赖

模型管理：
├── Install Models - 安装模型
├── Check for Updates - 检查更新
└── Download Models - 下载模型

工作流：
├── Share Workflow - 分享工作流
├── Import Workflow - 导入工作流
└── Community Workflows - 社区工作流

设置：
├── Settings - 管理器设置
└── About - 关于信息

Settings 包含：

显示设置：
├── Theme - 主题选择
│   ├── dark - 深色主题
│   └── light - 浅色主题
│
├── Locale - 语言设置
│
└── Grid Size - 网格大小

性能设置：
├── VAE Decode tiling - VAE 分块解码
├── FP16 VAE - 半精度 VAE
└── Environment Variables - 环境变量

其他设置：
├── Confirm on delete - 删除确认
├── Link Render Mode - 连线渲染模式
└── Slot/Link Color Mode - 端口/连线颜色

空白区域右键：

Add Node - 添加节点
├── sampling - 采样相关
├── loaders - 加载器
├── conditioning - 条件处理
├── latent - 潜空间操作
├── image - 图像处理
├── mask - 蒙版处理
├── _for_testing - 测试节点
└── advanced - 高级节点

Add Group - 添加分组
Add Note - 添加注释
Add Stack - 添加堆栈

View - 视图
├── Fit to screen - 适应屏幕
├── Fit group to selection - 分组适应选择
└── Reset View - 重置视图

Search - 搜索节点

节点上右键：

Remove - 删除节点
Clone - 克隆节点
Copy (Clipspace) - 复制到剪贴板空间

Collapse - 折叠节点
Pin - 固定节点
Bypass - 绕过节点
Mute - 静音节点

Convert to Input - 转换为输入
Convert to Widget - 转换为控件
Convert Input/Widget - 转换输入/控件

Properties - 属性面板
Properties Panel - 属性面板

Colors - 节点颜色
├── 预设颜色选项
└── Custom Color - 自定义颜色

┌─────────────────────────────────────────────────────────────┐
│                    节点结构示意                              │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│   输入端口                 节点标题                输出端口  │
│      ○ MODEL           ┌──────────┐              MODEL ○    │
│      ○ CLIP            │  Load    │              CLIP ○     │
│      ○ VAE             │Checkpoint│              VAE ○      │
│                        └──────────┘                         │
│                        ┌──────────┐                         │
│                        │ ckpt_name│                         │
│                        │ [选择框] │                         │
│                        └──────────┘                         │
│                           控件区域                          │
│                                                             │
└─────────────────────────────────────────────────────────────┘

端口颜色代表数据类型：

灰色/白色 - MODEL（模型）
    └── UNet 模型数据

黄色 - CLIP（文本编码器）
    └── CLIP 编码器数据

粉色 - VAE（变分自编码器）
    └── VAE 模型数据

橙色 - CONDITIONING（条件）
    └── 条件向量数据

紫色 - LATENT（潜空间）
    └── 潜空间图像数据

绿色 - IMAGE（图像）
    └── 像素图像数据

蓝色 - MASK（蒙版）
    └── 蒙版数据

红色 - INT/FLOAT（数值）
    └── 数值类型

青色 - STRING（字符串）
    └── 文本类型

节点状态指示：

正常状态：
├── 标准边框
└── 正常显示

选中状态：
├── 高亮边框
└── 可拖拽操作

执行中：
├── 边框闪烁
└── 显示进度

错误状态：
├── 红色边框
└── 显示错误信息

绕过状态：
├── 半透明
└── 不参与执行

静音状态：
├── 暗淡显示
└── 输出空值

文本输入控件：
┌─────────────────────────────┐
│ text:                       │
│ ┌─────────────────────────┐ │
│ │ a beautiful landscape   │ │
│ │ with mountains and...   │ │
│ └─────────────────────────┘ │
└─────────────────────────────┘

特点：
├── 支持多行输入
├── 可调整大小
└── 支持拖拽调整

下拉选择控件：
┌─────────────────────────────┐
│ ckpt_name:                  │
│ ┌─────────────────────────┐ │
│ │ v1-5-pruned-emaonly   ▼ │ │
│ └─────────────────────────┘ │
└─────────────────────────────┘

特点：
├── 列出可用选项
├── 支持搜索过滤
└── 自动更新列表

数值输入控件：
┌─────────────────────────────┐
│ steps:                      │
│ ┌─────────────────────────┐ │
│ │ 20                      │ │
│ └─────────────────────────┘ │
└─────────────────────────────┘

特点：
├── 直接输入数值
├── 支持拖拽调整
└── 可设置范围限制

滑块控件：
┌─────────────────────────────┐
│ cfg:                        │
│ ├───────●─────────────────┤ │
│ 7.0                         │
└─────────────────────────────┘

特点：
├── 可视化调节
├── 范围限制
└── 精确输入

图像预览控件：
┌─────────────────────────────┐
│        ┌─────────┐          │
│        │         │          │
│        │ [图像]  │          │
│        │         │          │
│        └─────────┘          │
│ Right-click for options     │
└─────────────────────────────┘

右键选项：
├── Open in MaskEditor - 打开蒙版编辑器
├── Open Image - 打开图像
├── Save Image - 保存图像
└── Copy to clipboard - 复制到剪贴板

搜索功能：
┌─────────────────────────────┐
│ 🔍 [搜索节点名称...]        │
└─────────────────────────────┘

特点：
├── 实时搜索
├── 模糊匹配
├── 显示节点类别
└── 回车添加节点

队列显示：
┌─────────────────────────────┐
│ Queue: 0 | Running: False   │
└─────────────────────────────┘

信息：
├── Queue - 队列中任务数量
├── Running - 是否正在执行
└── 可点击查看详情

历史功能：
┌─────────────────────────────┐
│ 📜 History                  │
└─────────────────────────────┘

点击显示：
├── 历史工作流列表
├── 加载历史工作流
├── 清除历史记录
└── 导出历史记录

保存功能：
┌─────────────────────────────┐
│ 💾 Save                     │
└─────────────────────────────┘

选项：
├── Save - 保存工作流
├── Save (API Format) - API 格式保存
├── Load - 加载工作流
├── Load Default - 加载默认
├── Clear - 清空工作流
└── Export... - 导出选项

缩放操作：
├── 鼠标滚轮 - 缩放画布
├── Ctrl + + - 放大
├── Ctrl + - - 缩小
└── Ctrl + 0 - 重置缩放

平移操作：
├── 鼠标中键拖拽 - 平移画布
├── 空格 + 左键拖拽 - 平移画布
└── 方向键 - 微调位置

排列选项：
├── 选中多个节点
├── 右键 → Align - 对齐
│   ├── Left - 左对齐
│   ├── Right - 右对齐
│   ├── Top - 顶部对齐
│   └── Bottom - 底部对齐
│
└── 右键 → Distribute - 分布
    ├── Horizontal - 水平分布
    └── Vertical - 垂直分布

创建分组：
1. 框选多个节点
2. 右键 → Group Selected Nodes
3. 或使用快捷键 Ctrl+G

分组操作：
├── 重命名 - 双击标题
├── 折叠/展开 - 点击箭头
├── 颜色设置 - 右键菜单
└── 取消分组 - 右键 → Ungroup

Clipspace 功能：
├── 复制节点到 Clipspace
├── 在其他工作流粘贴
├── 复制图像数据
└── 跨工作流传输

操作：
├── Ctrl+C - 复制到 Clipspace
├── Ctrl+V - 从 Clipspace 粘贴
└── Ctrl+Shift+V - 粘贴为引用

Bypass 功能：
├── 右键节点 → Bypass
├── 或快捷键 Ctrl+B
└── 节点被绕过，不参与执行

用途：
├── 快速测试不同分支
├── 临时禁用节点
└── 调试工作流

Mute 功能：
├── 右键节点 → Mute
├── 节点输出空值
└── 用于调试

区别于 Bypass：
├── Bypass - 完全跳过
└── Mute - 执行但输出空

Theme - 主题：
├── dark - 深色主题
├── light - 浅色主题
└── custom - 自定义主题

Canvas - 画布：
├── Grid Size - 网格大小
├── Link Render Mode - 连线模式
│   ├── Splines - 样条曲线
│   ├── Straight - 直线
│   └── Linear - 折线
│
└── Slot Color Mode - 端口颜色
    ├── Type - 按类型
    └── Image - 按图像

Preview - 预览：
├── Live Preview - 实时预览
│   ├── Disabled - 禁用
│   ├── TAESD - TAESD 预览
│   └── Latent2RGB - 潜空间转RGB
│
└── Preview Interval - 预览间隔

Execution - 执行：
├── VAE Tiling - VAE 分块
├── FP16 VAE - 半精度 VAE
└── Attention Split - 注意力分割

自定义快捷键：
├── Settings → Keybindings
├── 点击要修改的功能
├── 按下新快捷键
└── 保存设置

整理建议：
├── 使用分组组织相关节点
├── 添加注释说明关键步骤
├── 统一节点排列方向
├── 使用颜色区分功能模块
└── 定期保存工作流版本

效率技巧：
├── 收藏常用节点
├── 使用模板工作流
├── 设置自动队列
├── 利用批量生成
└── 保存常用配置

调试方法：
├── 使用 Bypass 隔离问题
├── 添加 Preview Image 查看中间结果
├── 检查数据类型匹配
├── 查看控制台错误信息
└── 逐步简化工作流