• 課程時長

    4 小時 49 分

  • 課程級別

    中階

  • 授課語言

    中文

這堂課你將會學到

  • 基礎動畫：View Animation、Property Animation。移動、旋轉、縮放、透明度的動畫
  • 進階動畫：不同的View、Activity、Scene、群組之間切換顯示方式的動畫。
  • 基礎繪圖：基本的繪圖ShapeDrawable、Canvas及利用VectorDrawabe產生動畫

章節目錄

  • 1

    第 1 章 課程簡介

    • 單元 1 - 1_1為什麼要使用動畫

    • 單元 2 - 1_2 課程大綱說明
  • 2

    第 2 章 基礎動畫

    • 單元 1 - 2_1 View animation (旋轉、移動、縮放、淡入淡出)

    • 單元 2 - 2_2 View animation 進階：組合動畫、加速度與監聽

    • 單元 3 - 2_3 範例：Facebook 的按讚按鈕

    • 單元 4 - 2_4 透過改變物件屬性的動畫：PropertyAnimation
  • 3

    第 3 章 基礎繪圖

    • 單元 1 - 3_1 用XML繪制向量圖：ShapeDrawable

    • 單元 2 - 3_2 繪制幾何圖形：Canvas

    • 單元 3 - 3_3 範例練習：CustomSelector
  • 4

    第 4 章 進階動畫

    • 單元 1 - 4_1 利用逐格動畫把圖片串起來變成動畫：FrameAnimation

    • 單元 2 - 4_2 ViewGroup中子View顯示的動畫：LayoutAnimation

    • 單元 3 - 4_3 ViewGroup中新增、刪除、隱藏View時的動畫：LayoutTransition

    • 單元 4 - 4_4 頁面轉換動畫：ActivityTransition

    • 單元 5 - 4_5 在佈局與佈局之間自動產生動畫：TransitionManager

    • 單元 6 - 4_6 協調子View間互動的動畫：CoordinatorLayout

    • 單元 7 - 4_7 用視覺上的連續性，開啟頁面動畫：RevealEffect

    • 單元 8 - 4_8 做出按鈕點擊的漣漪效果：RippleEffect

    • 單元 9 - 4_9 基於物理的動畫
  • 5

    第 5 章 VectorDrawable動畫

    • 單元 1 - 5_1 Android 的向量圖：VectorDrawable

    • 單元 2 - 5_2 用 VectorDrawable 製作動畫

    • 單元 3 - 5_3 TrimPath軌跡動畫

    • 單元 4 - 5_4 範例：撥放音樂的「暫停」、「撥放」鍵的轉換動畫

    • 單元 5 - 5_5 請設計師匯出動畫讓你直接使用吧
  • 6

    第 6 章 MotionLayout

    • 單元 1 - 6_1 透過Constraintlayout約束佈局UI

    • 單元 2 - 6_2 使用ConstraintSet產生動畫。

    • 單元 3 - 6_3 為動畫加入手勢管理：MotionLayout
  • 7

    第 7 章 綜合範例

    • 單元 1 - 7_1 實作加入購物車的動畫

    • 單元 2 - 7_2 MotionLayout 綜合範例

    • 單元 3 - 7_3 實作Facebook直撥中，按讚飄浮的動畫

    • 單元 4 - 7_4 實作按鈕結合載入中的動畫
  • 8

    第 8 章 Material Motion

    • 單元 1 - 8_1 Container Transform

    • 單元 2 - 8_2 SharedAxis

    • 單元 3 - 8_3 Fade Through

    • 單元 4 - 8_4 Fade