Android -- 动画如何学习 Android 动画？

Posted 2022-10-14 Kevin-Dev

文章目录

• • Android Training & Guides
  • 学习路线图
  • 官方博客
  • GitHub 高星（感兴趣的）项目

android Training & Guides

Android 开发者网站提供的 Training：

• Animating Views Using Scenes and Transitions

• Adding Animations

• Defining Custom Animations

Android 开发者网站提供的 API Guides：

• Animation and Graphics Overview

有很多途径获取官方 sample：Welcome to code samples for Android developers，比如直接在 Android Studio 中导入：

学习路线图

如果需要系统地学习某块知识点，从第一手和权威的角度讲，官网及其博客是开发者的不二选择。不要介意在阅读英文文档上花费的时间，这些都是值得的。看不懂的再查阅相关文章相佐证。

所以我花了大概三天时间，整理出这篇文章，制定了我的学习路线图：

1. 通读官方博客；

2. 学习官方 training；

3. 学习 GitHub 高星（感兴趣的）项目（好多人推荐了好多非常好的项目）；

4. 阅读其它高质量的 blog 查缺补漏（善用 google）；

Go! Go! Go!

官方博客

在 Android 开发者网站 搜索『animation』，通过『blog』过滤搜索结果，可以获得很多博文。

动画可以做成什么样子?

• 给出一些指导原则，阐述为什么要如此做动画，或者这样的动画有什么好处；

• 给出 GIF 动图，直观地展示动画是什么；

• 给出实现这种动画的代码片段（关键类、方法、资源文件）或者实现思路；

Material design in the 2014 Google I/O app
GitHub 地址：Google I/O Android App

这篇文章的作者是 Google I/O app 的主设计师，而 I/O app 的作用之一是提供 Android 设计和开发的最佳实践（it serves as a reference demo for Android design and development best practices）。

More Material Design with Topeka for Android
这篇文章是开源 Android App 项目 Topeka for Android 的说明文档，用来演示 material design 的设计原则，帮助开发者在不同的平台上建立统一的用户体验。(原文：It demonstrates that the same branding and material design principles can be used to create a consistent experience across platforms.)

Topeka 是一个趣味问答应用，包含9个种类的问题，以网格布局呈现，点击某个格子进入回答问题的页面，一个问题回答完后就切换到下一个问题，有选择题填空题等各种类型的问题（对应各种UI组件）。包含了很多动画元素：

• Transitions: 很棒的 Activities 转场动画（great transitions between Activities）；
  

• Animations: 答题时有精心编排的动画，一旦答题就弹出一个浮动操作按钮，点击按钮提交答案就进入了下一个问题，这时会根据回答正确与否播放对应的动画；
  

• Property Animations：为 circular reveal 增加颜色渐变的动画（从FAB的颜色变成透明）以营造出消融的效果（Adding a color animation from the FAB’s color to transparent creates a dissolve like effect to the circular reveal）。
  

GitHub 高星（感兴趣的）项目

• hitherejoe/animate
  star 3.1k
  An application demoing meaningful motion on Android
• lgvalle/Material-Animations
  star 13.6k
  Android Transition animations explanation with examples.