Slide 1

Slide 1 text

MotionLayout Basics Yuta Takahashi 2018/8/2(Thu) shibuya.apk #27

Slide 2

Slide 2 text

About Me ∁ڮ༎ଠ "OESPJE&OHJOFFSBU$ZCFS"HFOU *OD '3&4)-*7&ͱ͍͏ੜ์ૹ഑৴αʔϏεΛ࡞͍ͬͯ·͢ 5XJUUFS!ZU@IJ[J (JU)VC!ZUULIT

Slide 3

Slide 3 text

MotionLayout

Slide 4

Slide 4 text

w ̎ͭͷϨΠΞ΢τͷঢ়ଶΛΞχϝʔγϣϯͤ͞ͳ͕Β
 มԽͤ͞Δ͜ͱ͕Ͱ͖ΔϨΠΞ΢τ w $POTUSBJOU-BZPVUBMQIBͰ௥Ճ͞Εͨ w ͰTUBCMFʹͳΔ༧ఆ Կ͕৽͍͠ͷ͔ w $VTUPN"UUSJCVUFΛࢦఆͰ͖Δ w Ϣʔβͷૢ࡞ʹԠͯ͡ঢ়ଶΛมԽͤ͞Δ͜ͱ͕Ͱ͖ΔͳͲ MotionLayout

Slide 5

Slide 5 text

 ࠷ॳͷঢ়ଶͷMBZPVUΛ࡞Δ  ࠷ޙͷঢ়ଶͷMBZPVUΛ࡞Δ   Ͱ࡞੒ͨ͠MBZPVUΛ΋ͱʹ.PUJPO4DFOFΛ࡞Δ  5SBOTJUJPOͱ0O4XJQFΛఆٛ͢Δ  .PUJPO-BZPVUʹ.PUJPO4DFOFΛηοτ͢Δ How to create animation

Slide 6

Slide 6 text

͜Ε͔Β࡞Δαϯϓϧ https://github.com/googlesamples/android-ConstraintLayoutExamples How to create animation

Slide 7

Slide 7 text

 ࠷ॳͷঢ়ଶͷMBZPVUΛ࡞Δ How to create animation

Slide 8

Slide 8 text

 ࠷ޙͷঢ়ଶͷMBZPVUΛ࡞Δ How to create animation

Slide 9

Slide 9 text

How to create animation   Ͱ࡞੒ͨ͠MBZPVUΛ΋ͱʹ.PUJPO4DFOFΛͭ͘Δ How to create animation https://developer.android.com/reference/android/support/constraint/motion/MotionLayout

Slide 10

Slide 10 text

  Ͱ࡞੒ͨ͠MBZPVUΛ΋ͱʹ.PUJPO4DFOFΛͭ͘Δ https://developer.android.com/reference/android/support/constraint/motion/MotionLayout How to create animation \ ⁞ \  

Slide 11

Slide 11 text

How to create animation  5SBOTJUJPOͱ0O4XJQFΛఆٛ͢Δ How to create animation

Slide 12

Slide 12 text

How to create animation  .PUJPO-BZPVUʹ.PUJPO4DFOFΛηοτ͢Δ How to create animation

Slide 13

Slide 13 text

How to debug animation Debug animation BQQTIPX1BUITͰΞχϝʔγϣϯͷύεΛ දࣔͰ͖Δ

Slide 14

Slide 14 text

w .PUJPO-BZPVU͸ ͜ͷঢ়ଶ͔Β͜͏͍͏ঢ়ଶʹͳͬͯ
 ΄͍͠ʜͱ͍͏ͷΛΑ͠ͳʹ׎͑ͯ͘ΕΔ w ࣗ෼Ͱ΍Δ͜ͱ͕গͳָͯ͘ͳͿΜɺࡉ͔͍ௐ੔͸೉͍͠ w BMQIBͳͷͰ౰વͳ͕Βෆ۩߹͸ଟ͍࣮ϓϩμΫτͰ
 ࢖͓͏ͱ͢Δͱ΄΅࣮֬ʹ஍ཕΛ౿Ήͱ͍ͬͯ΋͍͍͘Β͍ w .PUJPO&EJUPS͕͋Ε͹΋ͬͱָͦ͏ CFUBPSTUBCMFҎ߱ Impressions

Slide 15

Slide 15 text

Thank you ࠓճ࢖༻ͨ͠αϯϓϧ͸ͪ͜Β͔Β: https://github.com/googlesamples/android-ConstraintLayoutExamples