To learn Interpolator
27
To learn Interpolator you can implements excellent Animation @amyu_san potatotips #21
-
Upload
mima-yuki -
Category
Engineering
-
view
3.598 -
download
2
Transcript of To learn Interpolator
![Page 1: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/1.jpg)
To learn Interpolator you can implements excellent Animation
@amyu_san
potatotips #21
![Page 2: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/2.jpg)
About me
• Name : Yuki Mima
• Twitter : @amyu_san
• Work : Android App Engineer
![Page 3: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/3.jpg)
Which is better?
![Page 4: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/4.jpg)
BounceInterpolator
![Page 5: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/5.jpg)
CustomInterpolator
![Page 6: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/6.jpg)
BounceInterpolator
![Page 7: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/7.jpg)
CustomInterpolator
![Page 8: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/8.jpg)
About Interpolator graph
![Page 9: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/9.jpg)
![Page 10: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/10.jpg)
CustomInterpolator
![Page 11: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/11.jpg)
![Page 12: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/12.jpg)
How to make
![Page 13: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/13.jpg)
Use “Grapher”
![Page 14: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/14.jpg)
![Page 15: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/15.jpg)
Generate code
![Page 16: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/16.jpg)
![Page 17: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/17.jpg)
![Page 18: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/18.jpg)
Next Step
![Page 19: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/19.jpg)
![Page 20: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/20.jpg)
→ →
↓
←←
![Page 21: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/21.jpg)
How to implements??• AnimatorListenerをAnimatorにセットし、
onAnimationEnd時に次のAnimatorをStartさせる
• 次のAnimatorのstartDelayを前のAnimatorのDuration分セットする
などをしてAnimatorをセットし、前のAnimatorが終わったあとにStartさせるというのが定石
![Page 22: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/22.jpg)
この幅をInterpolatorを使って表現する
![Page 23: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/23.jpg)
![Page 24: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/24.jpg)
![Page 25: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/25.jpg)
![Page 26: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/26.jpg)
単体で使うのではなく 補助要員としても使える!!!
![Page 27: To learn Interpolator](https://reader034.fdocuments.us/reader034/viewer/2022050613/587e49001a28abeb1a8b4a21/html5/thumbnails/27.jpg)
あぁ、素晴らしきかな Interpolator