LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

custom-canvas-and-gestures - 构建规范的自定义画布与手势

规范 Flutter 自定义绘制界面的架构、变换、命中测试、绘制、动画、手势、文本、形状与语义。

标签

更新于: 2026-10-08

能力

典型输入

典型输出

该技能可以做什么

  • 拆分视图、画笔与场景
  • 比较场景控制重绘
  • 共享仿射变换
  • 使用几何方式命中测试
  • 预分配绘制资源
  • 使用 Listenable 驱动动画
  • 将手势转换为命令
  • 仲裁手势识别器
  • 使用测量结果适配文本
  • 为自定义画布编写语义
  • 镜像方向性界面装饰
  • 运行画笔卫生检查

输入

  • 不可变 Scene 值
  • 画布尺寸
  • 逻辑边界
  • 指针局部位置
  • ViewModel 命令接口
  • 动画控制器
  • 动效设置
  • 区域 ID 缓冲区
  • 已格式化显示值
  • Directionality 上下文

输出

  • 渲染后的画布像素
  • 语义节点
  • ViewModel 命令
  • 重绘后的界面
  • 手势状态变化
  • 画笔卫生检查报告

要求

  • Flutter CustomPainter 与 Canvas
  • Dart 动画支持
  • AnimationController 与 Listenable
  • Riverpod Notifier 或 AsyncNotifier
  • RepaintBoundary 支持
  • 相关参考技能集成

来源

  • 规范: SKILL.md
Flutter
CustomPainter
画布
手势
命中测试
动画
无障碍
语义
图形
拆分视图、画笔与场景
比较场景控制重绘
共享仿射变换
使用几何方式命中测试
不可变 Scene 值
画布尺寸
逻辑边界
渲染后的画布像素
语义节点
ViewModel 命令