android-compose-graphics-animation

Name: android-compose-graphics-animation
Author: fandhe-ai

github.com/fandhe-ai设计与 UI447 次安装2 天前更新

代码仓库

关于 android-compose-graphics-animation

这是面向 Android 开发者的 Jetpack Compose 图形、绘制与动画参考技能。它按任务映射到分类文档，再定位具体 API 页面。

主要功能

01按任务映射参考类别
02涵盖 Compose 动画 API
03介绍动画规格与共享元素
04涵盖绘制、图形与图像 API

适用场景

01实现可见性或内容切换动画
02协同控制多个动画
03绘制自定义图形与效果
04显示图像、图标或异步图像

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill android-compose-graphics-animation

安装后在 Claude Code 中输入/android-compose-graphics-animation确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/animation-apis/

animatable.md

animateasstate.md

animatebounds.md

animatecontentsize.md

animatedcontent.md

animatedvisibility.md

animateenterexit.md

animateitem.md

animationvector.md

crossfade.md

enterexittransition.md

infinitetransition.md

lookaheadscope.md

README.md

targetbasedanimation-decayanimation.md

transition.md

references/animation-spec/

animationspec.md

decayanimationspec.md

easing.md

keyframes.md

README.md

repeatable.md

repeatmode.md

snap.md

spring.md

startoffset.md

tween.md

vectorconverter.md

references/graphics-draw/

blend-mode.md

brush.md

详细介绍

Android Compose 图形动画参考

涵盖 Jetpack Compose（Kotlin）动画与绘制官方文档主要 API 的技能。根据用户的任务阅读相应的 README.md，并从中查找相关文件。

目录结构

skills/android-compose-graphics-animation/
  SKILL.md
  references/
    animation-apis/
      README.md
      animatedvisibility.md
      animatedcontent.md
      crossfade.md
      animatecontentsize.md
      animateasstate.md
      animatable.md
      infinitetransition.md
      transition.md
      enterexittransition.md
      lookaheadscope.md
      animateitem.md
      animatebounds.md
      animateenterexit.md
      animationvector.md
      targetbasedanimation-decayanimation.md
    animation-spec/
      README.md
      animationspec.md
      tween.md
      spring.md
      keyframes.md
      repeatable.md
      snap.md
      easing.md
      repeatmode.md
      startoffset.md
      vectorconverter.md
      decayanimationspec.md
    shared-elements/
      README.md
      sharedtransitionlayout.md
      sharedtransitionscope.md
      sharedelement.md
      sharedbounds.md
      sharedelementwithcallermanagedvisibility.md
      remembersharedcontentstate.md
      resizemode.md
      boundstransform.md
      overlayclip.md
      renderinsharedtransitionscopeoverlay.md
      skiptolookaheadsize.md
    graphics-draw/
      README.md
      canvas.md
      draw-scope.md
      modifier-draw-behind.md
      modifier-draw-with-content.md
      modifier-draw-with-cache.md
      modifier-graphics-layer.md
      modifier-clip.md
      modifier-shadow.md
      modifier-drop-shadow.md
      modifier-alpha.md
      modifier-blur.md
      shape.md
      brush.md
      path.md
      color.md
      blend-mode.md
      render-effect.md
      mesh-gradient.md
      rounded-polygon-morph.md
    images/
      README.md
      image.md
      painterresource.md
      painter.md
      bitmappainter.md
      colorpainter.md
      imagebitmap.md
      contentscale.md
      colorfilter.md
      imagevector.md
      animatedimagevector.md
      remembervectorpainter.md
      icons.md
      asyncimage.md
      modifierpaint.md

探索步骤

根据任务找到对应类别，并在该类别的 README.md 中确定目标页面：

在下方映射表中查找与任务对应的类别
参阅该类别的 references/{category}/README.md，确定目标页面
Read 对应的 .md 文件，查看详细信息

任务 → 类别映射

任务	类别	参考 README
想通过 AnimatedVisibility / AnimatedContent / Crossfade 为显示和切换添加动画	animation-apis	references/animation-apis/README.md
想通过 animate*AsState / Animatable 为单个值添加动画	animation-apis	references/animation-apis/README.md
想通过 Transition / InfiniteTransition / LookaheadScope 协调多个动画	animation-apis	references/animation-apis/README.md
想通过 tween / spring / keyframes 指定动画速度和轨迹	animation-spec	references/animation-spec/README.md
想通过 Easing / VectorConverter / repeatable 控制曲线、重复和类型转换	animation-spec	references/animation-spec/README.md
想通过 SharedTransitionLayout / sharedElement / sharedBounds 实现屏幕间的共享元素过渡	shared-elements	references/shared-elements/README.md
想通过 Canvas / DrawScope 进行自定义绘制	graphics-draw	references/graphics-draw/README.md
想通过 Shape / Brush / Path / Color / BlendMode / RenderEffect 处理形状、填充和合成	graphics-draw	references/graphics-draw/README.md
想使用 drawBehind / drawWithContent / graphicsLayer / shadow / blur 等绘制类 Modifier	graphics-draw	references/graphics-draw/README.md
想通过 Image / painterResource / Painter / ContentScale / ColorFilter 显示图像	images	references/images/README.md
想通过 ImageVector / Icons / AsyncImage 处理矢量图像、图标和异步图像	images	references/images/README.md

布局和状态管理由 android-compose-ui 负责，Material3 组件和主题由 android-compose-components 负责。

支持 Markdown

登录后评论