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