第十屆 佳作

software-dev
Android animation 30天上手
evanchen

系列文章

DAY 21

Day21 VectorDrawable Animation Morphs

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

DAY 22

Day22 VectorDrawable Animation TrimPath

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

DAY 23

Day23 VectorDrawable Animation 範例:play-pause

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

DAY 24

Day24 VectorDrawable Animation 匯入動畫

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

DAY 25

Day25 ConstraintLayout

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

DAY 26

Day26 ConstraintSet animation

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

DAY 27

Day27 MotionLayout

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

DAY 28

Day28 MotionLayout KeyframeSet

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

DAY 29

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

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

DAY 30

Day30 Android animation 總結

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