https://saucewu.github.io/tags/drawing-tool/Recent content in Drawing-Tool on Website of SauceWuHugo -- gohugo.iozhMon, 21 Jul 2025 13:35:00 +0900https://saucewu.github.io/posts/flutter-k%E7%BA%BF%E7%B3%BB%E7%BB%9F%E6%8B%86%E8%A7%A3%E4%BA%94%E7%BB%98%E5%9B%BE%E5%B7%A5%E5%85%B7%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%B7%A5%E7%A8%8B%E4%BC%98%E5%8C%96/Mon, 21 Jul 2025 13:35:00 +0900https://saucewu.github.io/posts/flutter-k%E7%BA%BF%E7%B3%BB%E7%BB%9F%E6%8B%86%E8%A7%A3%E4%BA%94%E7%BB%98%E5%9B%BE%E5%B7%A5%E5%85%B7%E7%B3%BB%E7%BB%9F%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%B7%A5%E7%A8%8B%E4%BC%98%E5%8C%96/<h1 id="flutter-k线系统拆解五绘图工具系统设计与工程优化">Flutter K线系统拆解（五）：绘图工具系统设计与工程优化</h1> <h2 id="为什么要单独讲这一篇">为什么要单独讲这一篇</h2> <p>K 线里的“画线工具”看起来是附属能力，但实现难度其实很高。<br> 它同时涉及：</p> <ul> <li>绘图对象数据建模</li> <li>点位命中与拖拽编辑</li> <li>坐标与价格/时间映射</li> <li>持久化与跨周期恢复</li> <li>手势冲突与性能控制</li> </ul> <p>如果这套系统没设计好，常见问题就是：点不中、拖不稳、误触多、数据丢、越画越卡。</p> <hr> <h2 id="一先看系统分层抽象视角">一、先看系统分层（抽象视角）</h2> <p>一个完整的绘图工具系统，建议拆成 4 层：</p> <ol> <li>控制层：管理当前绘图对象集合、选中状态、缓存恢复、默认样式</li> <li>绘图对象层：定义线段/射线/矩形/圆/斐波那契等结构与完成条件</li> <li>渲染命中层：负责路径构建、绘制、命中测试、控制点渲染</li> <li>交互层：手势状态机（创建/编辑/移动/缩放）与工具面板联动</li> </ol> <p>这类分层在交易类图表里经过大量实践验证，长期维护成本也更低。</p> <hr> <h2 id="二绘图对象模型怎么设计更稳">二、绘图对象模型怎么设计更稳</h2> <h3 id="1-基础绘图对象字段">1) 基础绘图对象字段</h3> <p>建议每个绘图对象至少包含：</p>