iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Software Development

Android animation 30天上手 系列

相信大家在用App時,會發現App或多或少會用到動畫。
為什麼我們要使用動畫呢?簡單說就是為了使用者體驗!動畫可以增加視覺提示,讓使用者在使用你的App知道發生了什麼。動畫還為你的App提供高品質的外觀和感覺更好的使用者體驗。
Android提供了多種動畫API,可以滿足各式的動畫需求,這個系列將透過30天的分享,介紹在Android 使用動畫的不同方法。

鐵人鍊成 | 共 30 篇文章 | 35 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 VectorDrawable Animation Morphs

上一篇講完畫向量圖VectorDrawable後,接來讓他動起來吧 path_morph.xml 將路徑從一個形狀變形到另一個形狀。 要達到這樣的動畫效果,我...

2018-11-04 ‧ 由 evanchen 分享
DAY 22

Day22 VectorDrawable Animation TrimPath

trimPathEnd/trimPathStart 軌跡動畫 VectorDrawable 加上trimPathStart ,可以做到向下圖這樣,線由起點(0%...

2018-11-05 ‧ 由 evanchen 分享
DAY 23

Day23 VectorDrawable Animation 範例:play-pause

前面花了3篇的篇輻來講VectorDrawable 及 VectorDrawable animation。 我們就來做一個從Play變Pause的動畫,用慢動作...

2018-11-06 ‧ 由 evanchen 分享
DAY 24

Day24 VectorDrawable Animation 匯入動畫

一個一個畫圖是不是有點累,其實也有更方便的方式,從UI 設計師畫的接轉為VectorDrawable。 匯入SVG至AndroidStudio 利用Shape...

2018-11-07 ‧ 由 evanchen 分享
DAY 25

Day25 ConstraintLayout

這篇我們要先來講一下ConstraintLayout。因為接下來的ConstraintSet animation、Motion layout都跟Constrai...

2018-11-08 ‧ 由 evanchen 分享
DAY 26

Day26 ConstraintSet animation

ConstraintSet 允許您以程式定義要與ConstraintLayout一起使用的一組約束。 我們就來看用ConstraintSet來做一個動畫如下:...

2018-11-09 ‧ 由 evanchen 分享
DAY 27

Day27 MotionLayout

Motion Layout是ConstraintLayout的子類別,是在ConstraintLayout 2.0 版本新增的。Motion Layout 可以...

2018-11-10 ‧ 由 evanchen 分享
DAY 28

Day28 MotionLayout KeyframeSet

我們在講Property animation有講過keyFrame,這裡也可以使用keyFrameSet。 KeyFrameSet 裡可以設定 KeyPosi...

2018-11-11 ‧ 由 evanchen 分享
DAY 29

Day29 基於物理的動畫:Spring animation、FlingAnimation

真實世界裡,當你用力推動一個物品,這個物品的移動是會因為摩擦力而停止的。Android 就提供了FlignAnimation來達到基於物理反應的一種動畫。就像下...

2018-11-12 ‧ 由 evanchen 分享
DAY 30

Day30 Android animation 總結

這是Android animation 30天上手的最後一天,前面幾篇我們都在介紹Android提供的動畫API,最後一篇我們來看一下使用動畫還需要注意哪些事。...

2018-11-13 ‧ 由 evanchen 分享