我做的这个工具可能非常小众,但是解决的是全球裘皮加工行业的瓶颈,目前裘皮大家加工工艺都是纯手工的,尤其是裘皮服装加工的工艺环节—-穿刀工艺,没有七八年的经验做不出来,所谓穿刀工艺就是把水貂皮切成一小条一条小的,然后根据服装设计纸样做成指定的样子。上边是加工前和加工后的皮,由于水貂皮比较小,也比较珍贵,所以需要把水貂皮最大化的利用起来,不浪费。之前都是靠穿刀工人师傅,根据自己经验进行加工,但是每个人的水平不一样,并且穿刀工艺人越来越少,不好管理,加工也不标准。于是通过TRAE进行了AI生成。
这是我做的提示词:帮我生成APP的程序,用vue.3.0+uni-app-x,现在是根目录,帮我继续开发程序,先帮我生成UI界面,再帮我实现功能,图标和界面中图片帮我生成。
首页打开就是
- 纸样底板制作,这个页面主要是选择纸样底板制作的。
页面标题: 纸样底板制作。
副标题:提示拍照时距离实物高度1米,且是原始焦距。
标题下边有: 拍照、 相册、 导入CAD三个功能键,
再下边是纸样底板制作显示和操作区域,拍照后或从相册选择或导入CAD图后,这里显示照片或CAD图,如果是上传的图片,点周下边的选择保留区域按钮,按钮颜色加深以证明选中状态,再次点周颜色恢复未选中状态,可以手动涂抹透明红色以选择纸样底板保留区域,涂抹部分是纸样的颜色,涂抹区域肯定不会特别精细,需根据涂抹范围和范围中的颜色自动识别出边缘区域,边缘区域自动扩涂到图片中纸样部分的轮廓或图片中纸样中离涂抹区域最近的画线部分,一边纸样的颜色和纸样拍照背景色是不一样的。点击下边的生成CAD图,把刚才选中的部分轮廓生成CAD图,CAD图的轮廓用黄色实线。
再下边是下一步按钮:可以点击下一步,点击下一步的时候要有验证,如果没有上传图片、拍照、导入CAD图就弹出提示,并且不能跳转下一页,验证没问题就会到下一页2. 生成CAD轮廓图界面。 - 生成CAD轮廓图,这个页面主要是要拍照或上传貂皮照片,根据貂皮照片识别貂皮轮廓生成CAD图的功能。
页面标题:生成CAD轮廓图。
副标题:提示:拍照时距离实物高度1米,且是原始焦距,头朝左尾朝右。
标题下边是:拍照貂皮、上传照片按钮。
再下边是显示拍照照片或上传照片的显示区域,区域下边有选择保留区域按钮,点击后按钮颜色加深,以证明是选中状态,再次点周颜色恢复未选中状态。选中状态通过手指在显示的图片区域进行涂抹透明红色,透抹区域就是保留区域,涂抹区域颜色几乎相同,而且区域不会特别精细和准备,需根据涂抹范围和范围中的颜色自动识别出边缘区域,边缘区域自动扩涂到图片中相同颜色部分的轮廓,图片中貂皮的颜色和貂皮拍照背景色是不一样的,自动识别。点击下边的生成CAD图,把刚才选中的部分轮廓生成CAD图,CAD图的轮廓用绿色实线。
下边是尺寸数据:貂皮实际尺寸:左边高____cm | 右边高____cm | 上边高____cm|下边高___CM|面积__平方厘米。这里边相关数据根据拍照的高度自动计算出来显示在这里。
再下边是上一步、下一步按钮。如果点击上一步,跳转到1. 纸样底板制作界面,注意2. 生成CAD轮廓图页面如果有上传照片或生成的CAD图,跳回到2. 生成CAD轮廓图界面时,要保留跳转上一步之前的内容。
完成并验证后可以点击下一步,点击下一步时要有验证,如果没有上传图片、没有生成CAD图,点击下一步时就要弹窗提示相关错误,并且不会跳转,如果验证没问题就会跳转到3. 穿刀刀路 · 智能模式。 - 穿刀刀路 · 智能模式,这个页面主要是根据2. 生成CAD轮廓图生成的CAD图,进行刀路画线工作。
页面标题:穿刀刀路 · 智能模式。
下边是CAD显示区域,上一步2. 生成CAD轮廓图页面中生成的CAD轮廓图,显示在这里。
下边是下拉菜单:放刀、收刀、圆弧放刀。
下拉菜单右侧是手动输入刀路按钮:点击此按钮弹窗,弹窗内容:上边中间是一个剪刀图标,图标下边是手动输入刀路参数标题,下边是刀路数量提示语:输入框。再下边是刀路简隔(CM)提示语:输入框,再下边是确定、取消。
点击确定:在CAD显示部分显示,CAD图一般接近于等腰梯形的:在CAD图上先画一线从从左边到右边的轮郭中心线,中心线用绿色虚线,左右都要穿过梯形的左边线和右边线,这条线不是刀路所以用绿虚线线,再经过中心线三分之一处垂直于中心线画一条绿色垂线(竖着的虚线),也就是中心线与垂线成90度角,这点垂线延长至CAD图的上边线和下边线。重点:1.垂线与中心线是垂直关系。2.垂线在中心线三分之一处位置。上半部分:第1刀起点在右侧线与中心线交点上一段距离,这段距离按弹窗中刀路简隔数据为准,终点在垂线与上边线交点;第2刀刀路线:在第一条刀路线上随便找两个点,以此点为顶点垂直于第一条刀路线向上边线方向画出线段,线段长度按弹窗中刀路简隔数据,经过垂直于第一条刀路的两个条的另外一端画一条线,这条线经过于CAD图的上边线和右边线,这就是第二条刀路线;第3刀路线基于第二条刀路线同理画出(每刀刀路之间平行)…。
中心线下半部分:第1刀起点在右侧线与中心线交点上一段距离,这段距离按弹窗中刀路简隔数据为准,终点在垂线与下边线交点;第2刀刀路线:在第一条刀路线上随便找两个点,以此点为顶点垂直于第一条刀路线向下边线方向画出线段,线段长度按弹窗中刀路简隔数据,经过垂直于第一条刀路的两个条的另外一端画一条线,这条线经过于CAD图的下边线和右边线,这就是第二条刀路线;第3刀路线基于第二条刀路线同理画出(每刀刀路之间平行)…。
刀路线红色实线,同时判断:如果上中心上线半部分刀路,一定要同时经过CAD图的上边线或右边线,如果是中心线下半部分要同时经过CAD图的线边线和右边线,否则即弹窗提示刀路错误,需要重新生成刀路。
页面中放刀、收刀、圆弧放刀下拉菜单中下边是:自动计算刀路按钮,点击此按钮,要根据制做好的纸样底板的长度、左宽度、右宽度、面积,按照上述中刀线规则自动生成刀路,且根据公式计算出需要放刀数量、刀路间隔,拉长右或缩短原理:把皮按照一定规则切成一小条一小条的,再把一小条一小条的皮移位缝制拼接,达到按照纸样底板把皮进行拉长、缩短或做成纸样底板形状。放一刀就是画一条线,可以拉长一厘米,缩窄一厘米。收刀切一刀是拉宽一厘米,长度综短一厘米。按照形状模板长度或宽度进行切几刀的自动计算。
页面中自动计算刀路右侧是重置刀路按钮,点击恢复到这个界面中且有CAD图,无刀路图的状态。
页面中再下边是:剪刀图标、刀路数量: 0 条、毛皮估算左侧到最右侧线的垂直长度____cm,数据根据实际情况自动计算显示出来。
页面中再下边是:上一步、下一步按钮:点击上一步返回上一步界面,并且页面内容是跳转到此步时的状态。
点击下一步,进入4. 动态拼合 & 铺满测试界面。 - 动态拼合 & 铺满测试。
页面标题: 动态拼合 & 铺满测试;
下边是拼合显示区域:到此页面自动导入第一步制做纸样底板CAD图,图的轮廓是黄色线。点击下边的自动拼接按钮,根据穿刀刀路 · 智能模式页面中生成刀路的所有块切开得到裁切块,把所有裁切块导入到此页面,自动根据此页面按照纸样底板CAD图黄色线区域进行最大程度铺满,切下来的所有块必需都用到,且显示完整,拼好后所以秘有块都可以手动拖动手动进行拼接。拼接规则把皮按照一定规则切成一小条一小条的,再把一小条一小条的皮移位缝制拼接,达到按照纸样把皮进行拉长、缩短或做成纸样底板CAD图形状,裁切块切下来,形状尺寸方向保持不变,先定义切下来的块:上边的第一刀和第二刀中间块为A1块,上边第二刀与第三刀中间块为A2块,以此类推;下边的第一刀和第二刀中间块为B1块,下边第二刀与第三刀中间块为B2块,以此类推。注意上边最后一刀切下来的角块就是AZ块,下边最后一刀切下来的角块就是AZ块。剩块的叫大块,也叫主块。所有裁切块以绿块半透明显示,并盖到纸样底板CAD图上,裁切块大块主块,形状不要动,大块主块、A1B1、A1B2、…挨个按照纸样底板CAD图拼接,注意:大块主块最左边与纸样底板CAD图左侧线对齐,上下居中,接着拼A1\B1块,拼的时候A1\B1向右向下约1厘米,并与大块主块拼接上中间不要有缝隙,不要有重叠,A2\B2块也是如此,以此类推,达到拉长的效果。整体图可以缩小,但是要显示完整。
下边是: 自动拼接、重新计算刀路按钮。
页面下边显示:剪刀图标、刀路数量: 0 条、毛皮估算左侧到最右侧线的垂直长度____cm。数据根据实际情况自动计算显示出来。
下边是:导放裁床文件图。
下边是:上一步或下一步。
这是生成的prd:
貂皮穿刀APP鸿蒙平台开发计划
项目概述
开发一款基于UniApp 3.0的貂皮穿刀APP,支持鸿蒙平台,实现裘皮服装加工过程中的穿刀工艺自动化,解决技师靠经验手动穿刀的问题,提高标准化和规范化水平,降低返工率。
开发目标
- 功能完整性:实现5个核心功能页面,包括形状模板/纸样、貂皮梯形轮廓、穿刀刀路·智能模式、动态拼合 & 铺满测试、AR预览·缝合模拟
- 平台兼容性:确保在鸿蒙平台上所有功能正常运行
- 用户体验:提供流畅的操作流程和直观的界面设计
- 技术实现:使用UniApp 3.0框架,确保代码质量和可维护性
开发步骤
1. 项目配置检查
- 检查UniApp项目配置,确保鸿蒙平台支持
- 验证项目依赖和构建配置
- 确保项目能够在鸿蒙模拟器或真机上运行
2. 基础结构优化
- 完善App.uvue的全局配置和样式
- 优化pages.json的页面配置和导航结构
- 确保tabBar配置正确,方便用户在不同功能之间切换
3. UI界面完善
- 优化首页(形状模板/纸样)的布局和设计
- 完善貂皮扫描页面的梯形轮廓可视化
- 改进穿刀刀路页面的刀路可视化效果
- 优化动态拼合页面的动画效果
- 完善AR预览页面的界面设计
4. 核心功能实现
4.1 纸样处理功能
- 实现图片上传功能(拍照、相册选择、CAD导入)
- 实现纸样线条识别和编辑功能
- 支持删除指定线段,只保留想要的画线部分
- 实现1:1比例生成图纸功能
4.2 貂皮扫描功能
- 实现貂皮拍照和上传功能
- 生成接近于水貂皮的梯形轮廓
- 实现1:1比例生成水貂皮轮廓图,轮廓线为绿色
4.3 穿刀刀路计算功能
- 实现自动计算刀路功能
- 支持放刀、收刀、圆弧放刀三种模式
- 实现手动输入刀路功能,包括刀路数量和间隔
- 确保刀路红线不超过梯形轮廓
- 实现中心线和垂线的绘制
4.4 动态拼合功能
- 实现动态拼合动画效果
- 实现铺满测试功能
- 实现面积差异自动补偿算法
- 确保拼合面积与形状模板相等
4.5 AR预览功能
- 实现AR预览模式
- 模拟缝合效果和成衣褶皱
- 提供实时查看穿刀后效果的功能
5. 鸿蒙平台兼容性优化
- 确保所有功能在鸿蒙平台上正常运行
- 优化图片加载和Canvas绘制性能
- 确保触摸事件在鸿蒙设备上正常响应
- 测试不同鸿蒙设备的适配情况
6. 功能测试和优化
- 测试所有功能的完整流程
- 优化性能和用户体验
- 修复可能存在的bug
- 确保应用稳定性
7. 准备发布
- 生成鸿蒙APP安装包
- 准备应用图标和启动画面
- 确保应用符合鸿蒙应用商店的要求
技术实现要点
- Canvas绘制:使用HTML5 Canvas实现梯形轮廓、刀路轨迹和动态拼合动画
- 几何计算:实现梯形顶点、中心线、垂线和刀路轨迹的计算
- 跨平台兼容:确保代码在不同平台上的一致性
- 性能优化:优化图片加载和Canvas绘制性能
- 用户交互:提供直观的触摸操作和反馈
预期成果
- 一款功能完整、用户友好的貂皮穿刀APP
- 支持鸿蒙平台,确保在华为设备上正常运行
- 实现所有核心功能,包括纸样处理、貂皮扫描、刀路计算、动态拼合和AR预览
- 提供流畅的操作体验和直观的界面设计
风险评估
- 平台兼容性:不同鸿蒙设备的屏幕尺寸和性能差异可能导致适配问题
- 性能问题:复杂的Canvas绘制可能在低端设备上出现性能问题
- 功能实现:部分功能(如AR预览)可能需要特定硬件支持
风险缓解策略
- 响应式设计:使用响应式布局,确保在不同屏幕尺寸上的适配
- 性能优化:优化Canvas绘制和图片加载,减少性能消耗
- 功能降级:在不支持某些功能的设备上提供替代方案
开发时间预估
- 项目配置和基础结构:1天
- UI界面完善:2天
- 核心功能实现:3天
- 鸿蒙平台兼容性优化:1天
- 功能测试和优化:1天
- 准备发布:1天
总计:9天
结论
本计划详细说明了貂皮穿刀APP的开发步骤和实现细节,确保在鸿蒙平台上实现所有核心功能。通过系统化的开发流程,我们将创建一款功能完整、用户友好的应用,解决裘皮服装加工过程中的穿刀工艺问题。
最终完成了开发,现在没有经验的人都可以上手操作,通过自动生成刀路图,生成CAD图,导入到自动裁床上,进行自动切割。一个人可以做十个人的活了。
以下是生成的app界面:


