feat: template delete, whole-reset relocation, and compact param/export rows
- Template delete: add a 删除 button (reuses template_service.delete_template) with a confirm dialog; hidden for built-ins like 保存; reloads and re-selects the first built-in after deletion, persisting the new selection. - Whole reset: move the template-wide reset out of the template area to the bottom of the transform panel and rename it to 位置尺寸旋转重置为当前模板, so it sits with the params it resets, beside the three per-section resets. - Compact layout: pair X/Y and 宽/高 onto single rows (short labels), and put the export 格式/质量 selectors on one row. Sync logic unchanged. Docs: PRD 6.6, UI design 7.1/7.2/7.3/7.4/7.5/10, tasks.md 17.4/17.5/17.6. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
+3
-1
@@ -165,7 +165,9 @@
|
||||
- 内置模板尺寸以贴近真实印花占比为准(例如正方形模板约为衣服宽度的 1/3),避免印花占据过大面积。
|
||||
- 选中的模板是**粘性**的:在预览区切换衣服或切换印花时,印花不应丢失,应按当前选中模板基于新的衣服/印花尺寸重新计算落位,而非回退到画布的写死默认值。已手动微调的项不受影响,仍使用其自身参数。
|
||||
- **记住上次选择的模板**:程序退出前持久化当前选中的模板,下次启动自动恢复选中该模板。若该模板为自定义模板且已被删除,则回退到第一个内置模板。
|
||||
- 提供 `位置` / `尺寸` / `旋转` **三项独立的重置**,分别只把对应参数还原为当前选中模板的值(位置→模板居中位置;尺寸→模板目标框内适配的大小;旋转→模板角度,通常为 0),三者互不影响;不再使用单一的合并重置。未选模板或未加载衣服/印花时,重置不可用。
|
||||
- 提供 `位置` / `尺寸` / `旋转` **三项独立的重置**,分别只把对应参数还原为当前选中模板的值(位置→模板居中位置;尺寸→模板目标框内适配的大小;旋转→模板角度,通常为 0),三者互不影响。
|
||||
- 另在参数栏底部提供 `位置尺寸旋转重置为当前模板`,一次性把位置、尺寸、旋转整体还原为模板,作为三项分项重置的「全部」入口。该按钮归属「调整参数」,放在参数栏(紧挨它操作的参数),不放在模板管理区域。
|
||||
- 未选模板或未加载衣服/印花时,以上所有重置不可用。
|
||||
|
||||
### 6.7 自定义模板
|
||||
|
||||
|
||||
+28
-13
@@ -195,7 +195,9 @@ Shift 锁比例
|
||||
- 尺寸重置 → 还原为模板目标框内适配的大小(宽 / 高)。
|
||||
- 旋转重置 → 还原为模板角度(通常为 0)。
|
||||
|
||||
未选模板或未加载衣服/印花时三个重置按钮置灰。视觉层级见第 10 节「重置类按钮」。
|
||||
参数栏底部另有一个全宽的 `位置尺寸旋转重置为当前模板` 按钮,一次性把位置、尺寸、旋转整体还原为当前选中模板,作为三个分项重置的「全部」入口。它紧挨它所操作的参数,不放在模板区域。
|
||||
|
||||
未选模板或未加载衣服/印花时,三个分项重置与 `位置尺寸旋转重置为当前模板` 一并置灰。视觉层级见第 10 节「重置类按钮」。
|
||||
|
||||
### 7.1 模板区域
|
||||
|
||||
@@ -204,7 +206,9 @@ Shift 锁比例
|
||||
- 模板下拉框。
|
||||
- `保存` 按钮。
|
||||
- `另存为` 按钮。
|
||||
- `重置为模板` 按钮(把印花参数一次性整体还原为所选模板)。
|
||||
- `删除` 按钮。
|
||||
|
||||
模板区域只管模板本身(选择 / 保存 / 另存为 / 删除)。把印花参数整体还原为模板的 `位置尺寸旋转重置为当前模板` 属于「调整参数」而非「管理模板」,因此放在参数栏底部(见 7 节开头与 7.4)。
|
||||
|
||||
示例模板:
|
||||
|
||||
@@ -217,19 +221,22 @@ Shift 锁比例
|
||||
- 选择模板后更新当前印花位置、尺寸和旋转。
|
||||
- 保存用于覆盖当前自定义模板。
|
||||
- 另存为用于创建新模板。
|
||||
- `保存` 仅对自定义模板有意义:选中内置模板时**隐藏**该按钮(而非禁用置灰),避免出现长期灰显且无法说明原因的控件。
|
||||
- `保存` 与 `删除` 仅对自定义模板有意义:选中内置模板时**隐藏**这两个按钮(而非禁用置灰),避免出现长期灰显且无法说明原因的控件。
|
||||
- `删除` 为破坏性操作,点击后必须二次确认(弹「确定删除模板「X」?此操作不可撤销。」),确认后才删除;删除后下拉框回选第一个内置模板。
|
||||
- `删除` 用红色文字提示危险,但保持安静(不使用红色实心块);删除可逆性低,区别于「重置」类的可逆操作。
|
||||
|
||||
### 7.2 位置区域
|
||||
|
||||
控件:
|
||||
|
||||
- `X 坐标` 数字输入框。
|
||||
- `Y 坐标` 数字输入框。
|
||||
- `X` 数字输入框。
|
||||
- `Y` 数字输入框。
|
||||
- 分区标题右侧的 `重置` 按钮(还原 X / Y 为模板值)。
|
||||
|
||||
要求:
|
||||
|
||||
- 单位为衣服底图原始像素。
|
||||
- X、Y 是一对坐标,放在**同一行**(标签简化为 `X` / `Y`),节省纵向空间。
|
||||
- 用户输入后实时或确认后更新预览。
|
||||
- 预览区拖动后同步更新输入框。
|
||||
|
||||
@@ -237,14 +244,15 @@ Shift 锁比例
|
||||
|
||||
控件:
|
||||
|
||||
- `宽度` 数字输入框。
|
||||
- `高度` 数字输入框。
|
||||
- `宽` 数字输入框。
|
||||
- `高` 数字输入框。
|
||||
- `锁定宽高比例` 复选框。
|
||||
- 分区标题右侧的 `重置` 按钮(仅还原宽 / 高为模板值,位置 X / Y 不变)。
|
||||
|
||||
要求:
|
||||
|
||||
- 单位为像素。
|
||||
- 宽、高是一对,放在**同一行**(标签简化为 `宽` / `高`),`锁定宽高比例` 复选框在其下方。
|
||||
- 默认锁定宽高比例。
|
||||
- 预览区缩放后同步更新宽度和高度。
|
||||
- 输入框修改后同步更新预览。
|
||||
@@ -264,7 +272,8 @@ Shift 锁比例
|
||||
- 支持负角度。
|
||||
- 顶部旋转控制点拖动后同步角度输入框。
|
||||
- 按钮旋转后同步预览和角度输入框。
|
||||
- 旋转分区标题的 `重置` 已覆盖「拉直」需求,不再单独提供 `归零` 按钮;也不再提供合并的 `重置位置 / 尺寸 / 角度` 按钮,统一由三个分区各自的独立重置取代。
|
||||
- 旋转分区标题的 `重置` 已覆盖「拉直」需求,不再单独提供 `归零` 按钮。
|
||||
- 旋转分区下方(参数栏底部)提供 `位置尺寸旋转重置为当前模板`,把位置 / 尺寸 / 旋转一并还原为所选模板;它和三个分项重置构成「全部 + 分项」两级还原。
|
||||
|
||||
### 7.5 输出设置区域
|
||||
|
||||
@@ -281,6 +290,7 @@ Shift 锁比例
|
||||
- 格式至少支持 PNG 和 JPG。
|
||||
- PNG 默认保留透明相关能力;JPG 需要处理背景。
|
||||
- 质量设置用于 JPG 或需要压缩的输出格式。
|
||||
- `格式` 与 `质量` 是一对相关设置,放在**同一行**;`质量` 仅在选中 JPG 时可用(PNG 时置灰),并排能体现「先选格式 → 质量才可用」的关系。
|
||||
|
||||
### 7.6 提示信息区域
|
||||
|
||||
@@ -456,16 +466,21 @@ Microsoft YaHei
|
||||
按钮层级(一套主色,按角色克制使用):
|
||||
|
||||
- **主按钮**:主色填充、白字。用于每个区域「推动流程前进」的唯一动作:左侧 `打开文件夹`、右侧 `导出当前单张`、底部 `开始批量导出`。三者分处不同区域,各自是本区域主操作,不互相竞争。
|
||||
- **次按钮**:白底、主色描边与文字。用于有意义但非主线的动作,如 `应用为模板`、导出区的 `重置为模板`。
|
||||
- **辅助按钮**:浅灰底、细边框。用于就地微调类动作,如 `浏览…`、排序、`左旋 / 右旋`。
|
||||
- **重置类按钮**:最安静的一档(幽灵样式),用于 `位置 / 尺寸 / 旋转` 三个分区的独立重置。它们会重复出现且属于「纠正/撤销」类动作,不应占用常驻强调色;强调色只在悬停时短暂出现以表达意图。重置可逆,因此**不使用红色/警告色**。
|
||||
- **次按钮**:白底、主色描边与文字。用于有意义但非主线的动作,如模板区域的 `另存为`。
|
||||
- **辅助按钮**:浅灰底、细边框。用于就地微调类动作,如 `浏览…`、排序、`左旋 / 右旋`、模板区域的 `保存`。
|
||||
- **重置类按钮**:最安静的一档,用于「还原为模板」的动作(三个分区的 `↺ 重置` 与底部的 `位置尺寸旋转重置为当前模板`)。它们属于「纠正/撤销」类动作,不占用常驻强调色;强调色只在悬停时短暂出现以表达意图。重置可逆,因此**不使用红色/警告色**。
|
||||
|
||||
```text
|
||||
重置类按钮(分区标题内的 ↺ 重置):
|
||||
分区标题内的 ↺ 重置(幽灵样式):
|
||||
静止:背景 透明 / #f7f7f7 图标+文字 #8a8a8a 无边框
|
||||
悬停:背景 #eaf3fc 图标+文字 #0078d4
|
||||
按下:背景 #d6e8f9
|
||||
禁用:文字 #c0c0c0 不响应悬停(未选模板或未加载图片时)
|
||||
禁用:文字 #c0c0c0 不响应悬停
|
||||
|
||||
底部 位置尺寸旋转重置为当前模板(全宽,安静但有存在感):
|
||||
静止:背景 #f0f0f0 文字 #555555 边框 #d6d6d6
|
||||
悬停:背景 #eaf3fc 文字 #0078d4 边框 #0078d4
|
||||
禁用:文字 #c0c0c0 背景 #f7f7f7
|
||||
```
|
||||
|
||||
避免所有按钮使用同一种灰色样式而丧失层级;同一动作在不同位置应使用一致的文案与层级。
|
||||
|
||||
Reference in New Issue
Block a user