KyashͰ࢖͍ͬͯΔ Tutorial Library Potatotips #52 @konifar 

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. ςΩετ෦෼ͷΞχϝʔγϣϯ • interpolator΍durationΛηοτͰ͖Δɻ • ࠓ͸scaleΞχϝʔγϣϯͷΈ͕ͩɺfade΋͋ͬͯ΋͍͍͔΋ɻ 

3. ςΩετ෦෼ͷϨΠΞ΢τ Default Custom 

3. ςΩετ෦෼ͷϨΠΞ΢τ ҎԼͷidΛ࣋ͬͨϨΠΞ΢τΛ࡞Δ • @id/top_caret • @id/message • @id/title • @id/description • @id/bottom_caret 

3. ςΩετ෦෼ͷϨΠΞ΢τ • setMessageLayoutResId() Ͱ࡞ͬͨϨΠΞ΢τΛηοτ͢Δ͚ͩɻ • ϨΠΞ΢τΛؙ͝ͱ੾Γସ͑ΒΕΔͷͰɺςΩετ΍എܠͷ৭ɺܗɺਧ͖ग़ ͠ͷ༗ແͳͲࣗ༝ʹΧελϚΠζͰ͖Δɻ 

·ͱΊ 

Tutorial Library͸ ͨ͘͞Μ͋Δ͚Ͳ ͲΕ΋ΘΓͱบ͕͋Δ 

KyashͷLibrary͸ 1. ؙ֯ରԠͷϋΠϥΠτ 2. ςΩετΞχϝʔγϣϯ 3. ϨΠΞ΢τͷࣗ༝౓ ͕ڧΈ 

΋͠ཁ݅ʹ߹͑͹ ࢖ͬͯΈͯͶ ߹Θͳ͚Ε͹ίʔυݟͯ ਅࣅ͢Δͱ͍͍͔΋ 

͋Γ͕ͱ͏͍͟͝·ͨ͠ https://github.com/Kyash/ android-target-instructions