不論在哪個(gè)平臺動(dòng)畫都是交互的核心,呈現(xiàn)的效果都是趨同的指巡,差別在不同平臺實(shí)現(xiàn)代碼不同。在5.0之前隶垮,android 的動(dòng)畫只是做到了存在藻雪,動(dòng)畫的效果很生硬,范圍很窄狸吞,一句話就是很 low勉耀,這點(diǎn)在5.0之后得到了巨大的改善,有句話時(shí)這么說的:android 的動(dòng)畫從從洪荒時(shí)代終于迎來了自己的豆蔻年華蹋偏。小伙伴們還等什么便斥,趕緊把動(dòng)畫玩好吧!
android 的動(dòng)畫以時(shí)間軸開始梳理:
- API 1:
- 幀動(dòng)畫
- DrawableAnimation
- tween 動(dòng)畫(也叫view動(dòng)畫)
- layoutAnimation 布局動(dòng)畫
- API 14:
- 屬性動(dòng)畫
- API 19:
- transition 變換動(dòng)畫
- API 21:
- 基于 transition 的轉(zhuǎn)場動(dòng)畫
- vector 矢量動(dòng)畫
- ripple 波紋動(dòng)畫
- Circular Reveal 揭露動(dòng)畫
動(dòng)畫按照功能還可以這樣份(學(xué)習(xí) flutter 看到的)
- tween
補(bǔ)間動(dòng)畫威始,介于兩者之間枢纠,定義了開始點(diǎn)和結(jié)束點(diǎn),以及時(shí)間線和定義轉(zhuǎn)換時(shí)間和速度的曲線字逗,該框架計(jì)算如何從開始點(diǎn)過渡到結(jié)束點(diǎn) - 基于物理的動(dòng)畫
模擬真實(shí)世界的運(yùn)動(dòng)與行為京郑,例如,當(dāng)你擲球時(shí)葫掉,它在何處落地,取決于拋球速度有多快跟狱,有多沉重俭厚,距離地面有多遠(yuǎn)。類似地驶臊,將連接在彈簧上的球落下(并彈跳)與將連接到繩上的球放下的方式不同 - 顫振畫廊
從網(wǎng)格中選擇其中一個(gè)圖像并放大挪挤,您可以用甩手或拖動(dòng)手勢平移圖像 - Hero animation(英雄動(dòng)畫)
view 的形狀從圓形轉(zhuǎn)換為矩形,同時(shí)將其從一個(gè)屏幕飛到另一個(gè)屏幕的過程中進(jìn)行動(dòng)畫處理关翎。Flutter中的Hero小部件實(shí)現(xiàn)了通常稱為共享元素轉(zhuǎn)換或共享元素動(dòng)畫的動(dòng)畫風(fēng)格扛门。
幀動(dòng)畫我就不做了,引用別人的博客了 : android 逐幀動(dòng)畫
Circular Reveal 揭露動(dòng)畫目前學(xué)習(xí)中纵寝,簡單可以參閱:
- 使用Circular Reveal為你的應(yīng)用添加揭露動(dòng)畫效果
- Android動(dòng)畫學(xué)習(xí)(六)之View揭露效果和SurfaceView實(shí)現(xiàn)動(dòng)畫
下面是動(dòng)畫學(xué)習(xí)路線圖:
下面是章節(jié)列表:
- android 動(dòng)畫系列 (1) - tween 動(dòng)畫(view動(dòng)畫)
- android 動(dòng)畫系列 (2) - interpolator 插值器
- android 動(dòng)畫系列 (3) - layoutAnimation 視圖動(dòng)畫
- android 動(dòng)畫系列 (4) - PropertyAnimation 屬性動(dòng)畫
- android 動(dòng)畫系列 (5) - ripple 波紋動(dòng)畫
- android 動(dòng)畫系列 (6) - 轉(zhuǎn)場動(dòng)畫
動(dòng)畫屬于交互论寨,是交互的核心,國外有個(gè)有名的 動(dòng)畫的十二個(gè)原則,里面對于動(dòng)畫交互的設(shè)計(jì)很有啟發(fā)性葬凳,英文是英文的绰垂,我還沒看
優(yōu)秀資源學(xué)習(xí)列表
Android動(dòng)畫,從洪荒時(shí)代到豆蔻年華
這是一個(gè)不錯(cuò)的動(dòng)畫部分學(xué)習(xí)網(wǎng)站集合極客學(xué)院 - Animation動(dòng)畫詳解
極客學(xué)院的 android 學(xué)習(xí) wiki 是很不錯(cuò)的英勇青銅5 - 簡書:
Android 動(dòng)畫基礎(chǔ)知識學(xué)習(xí)(上) | Android 動(dòng)畫基礎(chǔ)知識學(xué)習(xí)(下)大公爵 - 簡書:
Android高級動(dòng)畫(1) | Android高級動(dòng)畫(2)
Android高級動(dòng)畫(3) | Android高級動(dòng)畫(4)i 冰點(diǎn) - 簡書:
Android動(dòng)畫 1:視圖動(dòng)畫(Tween Animation)、屬性動(dòng)畫
Android動(dòng)畫 2:LayoutAnimation火焰、ripple劲装、Circular Reveal、StateListAnimator...
Android轉(zhuǎn)場動(dòng)畫
關(guān)于動(dòng)畫昌简,Lottie