关系图编辑器
⚠️ 免责声明：本文档由 GLM4.7 自动生成，内容可能存在错误或不完整之处。请以人工书写的官方文档为准。
关系图编辑器提供可视化的角色关系编辑功能。
功能说明
关系图编辑器是一个基于 webview 的交互式界面，用于：
- 可视化角色关系
- 拖拽式编辑
- 关系类型管理
- 导出关系图
打开方式
方法一：从包管理器打开（推荐）
- 在 VS Code 左侧活动栏中点击 包图标（📦）
- 在包管理器中找到关系文件：
.rjson5文件（如character-relationships.rjson5）
- 双击文件即可用关系图编辑器打开
双击
.rjson5文件会自动使用关系图编辑器打开。
方法二：双击文件
在文件资源管理器中双击 .rjson5 文件，会自动使用关系图编辑器打开。
方法三：命令面板
- 按
Ctrl+Shift+P打开命令面板 - 输入
Andrea Novel Helper: 打开关系图编辑器 - 编辑器会在新列中打开
支持的文件格式
| 扩展名 | 类型 | 说明 |
|---|---|---|
.rjson5 | 关系文件 | 专用关系格式 |
界面说明
节点
- 表示角色
- 显示角色名称
- 按类型着色
边
- 表示关系
- 显示关系类型
- 支持方向
工具栏
- 添加角色
- 添加关系
- 布局调整
- 导出图片
使用方法
添加角色节点
- 点击"添加角色"按钮
- 输入角色名称
- 选择角色类型
- 节点出现在画布上
添加关系
- 选择源角色节点
- 拖拽到目标角色节点
- 选择关系类型
- 输入关系描述
- 创建关系
编辑关系
- 点击关系边
- 修改关系属性
- 保存更改
删除元素
- 选择节点或边
- 按 Delete 键
- 确认删除
关系类型
预设类型
friend- 朋友enemy- 敌人family- 家人colleague- 同事lover- 恋人mentor- 导师student- 学生
自定义类型
可以创建任意自定义关系类型。
布局选项
自动布局
- 力导向布局
- 层次布局
- 圆形布局
手动调整
- 拖拽节点
- 固定位置
- 对齐工具
导出选项
图片格式
- PNG - 标准图片
- SVG - 矢量图
- PDF - 文档格式
数据格式
- JSON - 关系数据
- GraphML - 图数据格式
常见问题
图形显示不正常？
- 刷新编辑器
- 检查数据格式
- 尝试不同的布局
导出的图片模糊？
- 增加导出分辨率
- 使用矢量格式 (SVG)
- 调整节点大小
如何保存布局？
- 调整好布局
- 点击"保存布局"
- 下次打开自动恢复