ScrollViewで 読了計測した話

2018/12/11 Otemachi.apk

Transcript

1. ScrollViewͰ
 ಡྃܭଌͨ͠࿩ 2018/12/11 Otemachi.apk @ogapants
2. ࣗݾ঺հ • ͓͕ͺΜ@ogapants • ೖࣾ൒೥ • ٕज़ॻయͰνʔϜվળͱ
 AndroidStudioͷTipsʹ͍ͭͯॻ͍ͨ
 noteͰങ͑ΔΑʂ
 https://goo.gl/AWv7v1
3. ScrollViewͰ
 ಡྃܭଌͨ͠࿩
4. ʮಡྃʯͱ͸ • શͯಡΈऴ͑Δ͜ͱ • ΞϓϦͰ͍͏ͱը໘಺ͷ೚ҙͷ৔ॴ·ͰεΫ ϩʔϧ͠ऴΘΔ͜ͱ
5. ฐࣾʹ͓͚Δಡྃܭଌͱ͸ • ୭͕ • ͲͷهࣄΛ • Ͳ͔͜Β • Ͳ͜·Ͱ • ͲΕ͘Β͍ͷ࣌ؒͰ • ಡΜ͔ͩʢεΫϩʔϧ͔ͨ͠ʣ
 
 Λܭଌͯ͠αʔόʔʹૹΓɺσʔλνʔϜ͕෼ੳ
6. ಡྃܭଌͱ͸ • ༨ஊɿૹΓઌ͸ࣾ಺ͷܭଌج൫ʮAtlasʯ
7. ԿΛͨ͠ͷ͔
8. ͳͥͨ͠ͷ͔ • ϢʔβʔʹΑΓଟ͘هࣄΛಡΜͰ΄͍͠
 ˠBը໘Λ࡞Γ͍ͨ
 ˠطଘͷAը໘ͱൺ΂ͯͲ͏͔ςετ͍ͨ͠
 ˠPV͚ͩͩͱਅ৽͠͞ͰݟΒΕ͍ͯΔՄೳੑ
 ˠܧଓతʹڵຯΛ࣋ͬͯಡΜͰ͍Δ͔஌Γ͍ͨ
 ˠΑΓϢʔβʔͷߦಈΛৄ͘͠ܭଌ͢Δඞཁ͕ ͋Δ
9. ԿΛͨ͠ͷ͔ • Aը໘ͱBը໘Ͱಡྃʹ͕ࠩແ͍͔ܭଌ Aը໘ Bը໘
10. Ͳ͏ͩͬͨͷ͔ • ݁ՌɺBը໘΋ظ଴Ҏ্ͷಡ͕ྃ͞Εͨ • Bը໘ͷ༗༻ੑΛ਺ࣈతࠜڌΛ
 ࣋ͬͯΞϐʔϧͰ͖ͨ • ۙ೔ϦϦʔε༧ఆʂ
11. ΞϓϦهࣄը໘ͷߏ੒
12. هࣄը໘ͷߏ੒ ϔομʔ
 ʢλΠτϧͳͲʣ ίϯςϯπ (WebView) ϑολʔ
 ʢؔ࿈هࣄҰཡͳͲʣ ʢಡྃʹؚ·ͳ͍ʣ ScrollView Ad
13. هࣄը໘ͷߏ੒ device ViewPagerͰ εϫΠϓՄೳ
14. ܭଌ͢Δ΋ͷ
15. ܭଌ͢Δ΋ͷ • ૹΔ஋ • ૹΔλΠϛϯά
16. ૹΔ஋ • هࣄ͕ඇදࣔʹͳΔ·Ͱͷ࣌ؒ(ms)ɹˠ؆୯ͳλΠϚʔΫϥεΛ ࡞ͬͨ • هࣄશମͷ௕͞(px)ɹˠಡྃͷॏ͞Λ஌ΔͨΊ • هࣄදࣔ࣌ͷઌ಄஍఺(px)ɹˠ࠷ॳ͔ΒಡΈ࢝Ίͨͷ్͔த͔Βͳ ͷ͔஌ΔͨΊ(ޙड़) • هࣄඇදࣔ࣌ͷ຤ඌ஍఺(px)ɹˠͲ͜·ͰಡΜͩͷ͔஌ΔͨΊ(ޙड़) • ಡྃ཰(%)ɹˠ຤ඌ஍఺/શମͷ௕͞
17. ૹΔλΠϛϯά • ը໘͕ݟ͑Δঢ়ଶ͔Βݟ͑ͳ͍ঢ়ଶʹͳͬͨ ͱ͖ • onPause࣌఺ or ViewPagerͷඇselect࣌఺Ͱ ૹΔ
18. Ͳ͏࣮૷͢Δͷ͔
19. ૹΔ஋ • هࣄ͕ඇදࣔʹͳΔ·Ͱͷ࣌ؒɹˠ؆୯ͳλΠϚʔΫϥεΛ࡞ͬ ͨ • هࣄશମͷ௕͞ɹˠಡྃͷॏ͞Λ஌ΔͨΊ • هࣄදࣔ࣌ͷઌ಄஍఺ɹˠ࠷ॳ͔ΒಡΈ࢝Ίͨͷ్͔த͔Βͳ ͷ͔஌ΔͨΊ(ޙड़) • هࣄඇදࣔ࣌ͷ຤ඌ஍఺ɹˠͲ͜·ͰಡΜͩͷ͔஌ΔͨΊ(ޙड़) • ಡྃ཰ɹˠ຤ඌ஍఺/શମͷ௕͞෼ →View#getLocationInWindow →View#getLocalVisibleRect
20. Ͳ͏࣮૷͢Δͷ͔ • ઌ಄஍఺…View#getLocationInWindow • ຤ඌ஍఺…View#getLocalVisibleRect • View#getScrollY
 →ಈతʹߴ͞ͷมΘΔϑολʔ͸ಡྃʹؚΊͳ͍ͨΊɺ ࢖͑ͦ͏Ͱ࢖͑ͳ͍
 
 εΫϩʔϧྔͰͳ͘εΫϩʔϧ͞ΕͨViewͷҐஔͰ൑அ
21. View#getLocationInWindow • window্ͷViewͷࠨ্୺ͷ࠲ඪ(x,y)Λ഑ྻͰऔಘ • ϔομʔΛͲ͜·Ͱ্ʹεΫϩʔϧ͔͕ͨ͠औΕΔ • yͰઌ಄஍఺Λऔಘ • val arr = IntArray(2) view.getLocationInWindow(arr) val y = arr[1]
22. View#getLocationInWindow • ͍͍ͩͨͷ(x,y) (0,300) (0,1500) (0,-300) 1000x2000 ͷը໘ View x y
23. View#getLocalVisibleRect • ViewͷՄࢹྖҬͷۣܗ(Rect)Λऔಘʢͪΐͬͱಛघʣ • ίϯςϯπ͕ͲΕ͘Β͍εΫϩʔϧ͞Ε͍ͯΔ͔औΕΔ • bottomͰ຤ඌ஍఺Λऔಘ • val rect = Rect() view.getLocalVisibleRect(rect) val position = rect.bottom
24. • ͍͍ͩͨͷ(left,top,right,bottom) View#getLocalVisibleRect (0,0,1000,400) (0,0,1000,400) (0,0,1000,200) (0,50,1000,2450) 1000x2000 ͷը໘ View - - - - - - - - - - -
25. • ͍͍ͩͨͷ(left,top,right,bottom) View#getLocalVisibleRect (0,0,1000,400) (0,0,1000,400) (0,200,1000,400) (0,-450,1000,-50) 1000x2000 ͷը໘ View - - - - - - - - - - -
26. εΫϩʔϧͷύλʔϯ
27. εΫϩʔϧঢ়ଶͷύλʔϯग़͠
28. ॳظঢ়ଶ
29. εΫϩʔϧঢ়ଶ1
30. εΫϩʔϧঢ়ଶ2
31. εΫϩʔϧঢ়ଶ3
32. εΫϩʔϧঢ়ଶ4
33. εΫϩʔϧঢ়ଶͷύλʔϯग़͠ • Ұݟ໘౗͚ͩͲެࣜΛग़ͤ͹؆୯
34. ͍͞͝ʹ
35. FAQ • ͍ͯ͏͔ScrollViewʹWebViewೖΕ͍͍ͯͷʁ
 ˠͩΊͰ͢ɻby googler • ͡Ό͋͜ͷ࿩Ͳ͏ͳΔͷʁ
 ˠઈࢍॻ͖׵͑தͳͷͰࠓճڙཆ͞Ε·ͨ͠ • WebViewͱViewGroupΛ૊Έ߹Θ͍ͤͨͱ͖ScrollView Ͱғ͏Ҏ֎ରԠҊ͋Δͷʁ
 ˠ
36. 
 DroidKaigi2019 
 
 ʮWebView+ViewGroupΛ࣮ݱ͢ΔAOSPϝʔϧ
 ɹΞϓϦͷ಺෦࣮૷ͱχϡʔεΞϓϦ΁ͷԠ༻ʯ
 
 ͱ͍͏λΠτϧͰ࿩͢Αʂ
37. ·ͱΊ • ฐࣾ͸͍Ζ͍Ζ෼ੳͯࠜ͠ڌ͋Δ਺ࣈΛݩʹվ ળͯ͠ΔΑ • Viewͷදࣔঢ়ଶΛݟΔʹ͸ getLocationInWindow΍getLocalVisibleRectΛ ࢖͏ͱ͍͍Α • ScrollViewʹWebViewೖΕͪΌବ໨ͩΑ