Androidの物理ベースアニメーション

SpringAnimationクラスを例に、追加されたPhysics-based Animationの導入を紹介します。

Transcript

1. Androidͷ෺ཧϕʔεΞχϝʔ γϣϯ Լ઒ܟ߂ on potatotips#46 1
2. Introduction — Twitter/GitHub : @androhi — Android application engineer at FiNC inc. — https://play.google.com/store/apps/details? id=jp.co.fincapp&hl=ja 2
3. Android animation — Property Animation — ΦϒδΣΫτͷҐஔ΍େ͖͞ͳͲͷϓϩύςΟΛมԽͤ͞Δ — View Animation — ΞχϝʔγϣϯΛఆٛͨ͠xmlϑΝΠϧΛ࢖͏ — Drawable Animation — ύϥύϥອը — Physics-based Animation <- Added! — ෺ཧ๏ଇʹԊͬͨϦΞϧͳΞχϝʔγϣϯ 3
4. Physics-based Animation — APIΨΠυ — https://developer.android.com/guide/topics/ graphics/physics-based-animation.html — Google I/O 2017 video (Android Animations Spring to Life) — https://www.youtube.com/watch?v=BNcODK-Ju0g 4
5. Physics-based Animation 1. Spring Animation — όωͷྗʹΑΔΞχϝʔγϣϯ 2. Fling Animation — ॳظͷ੎͍Λ࣋ͪঃʑʹݮ଎͢ΔΞχϝʔγϣϯ 5
6. Spring Animation dependencies { compile "com.android.support:support-dynamic-animation:27.0.2" } ओʹ͜ΕΒͷΫϥεΛ࢖༻͢Δ — SpringAnimation class — SpringForce class 6
7. Create spring animation val springAnimation = SpringAnimation(imageView, SpringAnimation.TRANSLATION_X) springAnimation.spring = SpringForce().apply { // ݮਰ཰Λઃఆ dampingRatio = SpringForce.DAMPING_RATIO_MEDIUM_BOUNCY // ߶ੑΛઃఆ stiffness = SpringForce.STIFFNESS_MEDIUM } springAnimation.start() 7
8. Demo https://github.com/androhi/ PhysicsBasedAnimationSample 8
9. Tips: animateToFinalPosition() method ҎԼΛ྆ํॲཧͯ͘͠ΕΔ 1. ࠷ޙͷҐஔΛηοτ — call setFinalPosition() 2. ΞχϝʔγϣϯΛ։࢝ — call start() 9
10. Summary — ͜Ε·ͰͷΞχϝʔγϣϯΫϥεͷΑ͏ʹࡉ͔͍ύϥϝʔ λʔΛௐ੔ͤͣʹɺϦΞϧͳΞχϝʔγϣϯ͕࣮૷Ͱ͖ Δɻ — ΦϒδΣΫτಉ࢜ͷ࿈ಈͳͲɺෳࡶͳΞχϝʔγϣϯ΋࣮ ૷Ͱ͖Δɻ 10
11. Thank you for listening 11