【Android -- 动画】如何学习 Android 动画?

在这里插入图片描述

Android Training & Guides

Android 开发者网站提供的 Training:

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

有很多途径获取官方 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 高星(感兴趣的)项目

猜你喜欢

转载自blog.csdn.net/duoduo_11011/article/details/127207458
今日推荐