您当前的位置: 首页 >  动画

Kevin-Dev

暂无认证

  • 0浏览

    0关注

    544博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

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

Kevin-Dev 发布时间:2022-10-09 08:30:00 ,浏览量:0

在这里插入图片描述

文章目录
    • 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.
关注
打赏
1658837700
查看更多评论
立即登录/注册

微信扫码登录

0.0368s