react-native-mask-segment-c.../docs/i18n/zh-CN/docusaurus-plugin-content-docs/current/interaction-guide.md
a1518 bea6de3767 Add Docusaurus documentation site with i18n support
- Docusaurus 3.7.0 with both English and Chinese (zh-CN) locales
- Full API reference split into structured pages
- Homepage with hero, feature cards, and quick start section
- GitHub Actions workflow for auto-deployment to GitHub Pages

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-02 23:25:56 -07:00

965 B
Raw Blame History

id title
interaction-guide 交互指南

🎮 交互指南

  1. 🔁 初始轮播:区域就绪后,每个区域的虚线轮廓按 initRegionFlashMs(默认 1s依次闪烁首次用户触摸时停止。
  2. 🔍 预览(未选择画笔):长按区域可显示触摸点下连通分量的虚线轮廓;点击黑色区域不显示轮廓。
  3. 🎨 上色(已选择画笔):点击底部颜色条中的颜色或调用 ref.setPaintColor(或通过 initialPaintColor 预设),然后点击区域上色;再次点击同一区域会覆盖颜色。
  4. 💬 无画笔点击:不执行上色;onPaintCallback 触发 kind: 'brush_required',携带提示信息和目标区域信息,供宿主显示 Toast/弹窗提示选择颜色。
  5. ↩️ 撤销:左下按钮或 ref.reset();按上色历史逐步后退。
  6. 👁️ 与原图对比:右下按钮或 ref.swap();隐藏上色层以显示原图。