Potatotips #52
KyashͰ͍ͬͯΔTutorial LibraryPotatotips #52@konifar
View Slide
ViewΛϋΠϥΠτͯ͠ʮ͜ͷϘλϯ͜͏͏ΜͩΑʯΈ͍ͨʹઆ໌͢ΔΞϨͷͰ͢
1 2 3
Similar libraries• https://github.com/TakuSemba/Spotlight• https://github.com/itzikBraun/TutorialView• https://github.com/sjwall/MaterialTapTargetPrompt• https://github.com/Popalay/Tutors
ͳͥࣗͰ࡞Δ͜ͱʹ͔ͨ͠1. ϋΠϥΠτ෦͕˘͔̋ͷͷ͔͠ͳ͍• ؙ֯ʹରԠ͔ͨͬͨ͠2. ϋΠϥΠτ෦ͷΞχϝʔγϣϯ͔͠ରԠ͍ͯ͠ͳ͍• ຊʹॏཁͳͷςΩετͳͷͰςΩετΛಈ͔͍ͨ͠3. ςΩετ෦ͷϨΠΞτΛΧελϚΠζ͠ʹ͍͘• ਧ͖ग़͠ͳͲϨΠΞτΛࣗ༝ʹηοτ͍ͨ͠
https://github.com/Kyash/android-target-instructions
How it works• ϋΠϥΠτ͍ͨ͠෦Λ”Target”ͱ͍͏୯ҐͰଊ͑ͯTargetΠϯελϯεΛ࡞ΔɻSimpleTargetͱ͍͏Ϋϥε͕༻ҙ͞Ε͍ͯΔ͕ɺࣗͰΧελϜͰ࡞Δ͜ͱͰ͖Δɻ• ࡞ͬͨTargetΛTargetInstructionsʹηοτͯ͠start()ϝιουΛݺͿͱදࣔ͞ΕΔɻ
1. ϋΠϥΠτ෦ͷܗSquare Circle
1. ϋΠϥΠτ෦ͷܗ• highlightRadiusͷΛηοτ͢Δɻ• Կηοτ͠ͳ͚Εsquareɺେ͖͍Ληοτ͢ΕcircleʹͳΔ
2. ςΩετ෦ͷΞχϝʔγϣϯOvershoot LinearOutSlowIn
2. ςΩετ෦ͷΞχϝʔγϣϯ• interpolatordurationΛηοτͰ͖Δɻ• ࠓscaleΞχϝʔγϣϯͷΈ͕ͩɺfade͍͍͔͋ͬͯɻ
3. ςΩετ෦ͷϨΠΞτDefault Custom
3. ςΩετ෦ͷϨΠΞτҎԼͷidΛ࣋ͬͨϨΠΞτΛ࡞Δ• @id/top_caret• @id/message• @id/title• @id/description• @id/bottom_caret
3. ςΩετ෦ͷϨΠΞτ• setMessageLayoutResId() Ͱ࡞ͬͨϨΠΞτΛηοτ͢Δ͚ͩɻ• ϨΠΞτΛؙ͝ͱΓସ͑ΒΕΔͷͰɺςΩετഎܠͷ৭ɺܗɺਧ͖ग़͠ͷ༗ແͳͲࣗ༝ʹΧελϚΠζͰ͖Δɻ
·ͱΊ
Tutorial Libraryͨ͘͞Μ͋Δ͚ͲͲΕΘΓͱบ͕͋Δ
KyashͷLibrary1. ؙ֯ରԠͷϋΠϥΠτ2. ςΩετΞχϝʔγϣϯ3. ϨΠΞτͷࣗ༝͕ڧΈ
͠ཁ݅ʹ߹͑ͬͯΈͯͶ߹Θͳ͚Είʔυݟͯਅࣅ͢Δͱ͍͍͔
͋Γ͕ͱ͏͍͟͝·ͨ͠https://github.com/Kyash/android-target-instructions