COIL ことはじめ

Transcript

1. $"BQL
   ɹɹɹ
   ͜ͱ͸͡Ί 2019.9.10 / Mizuki Furusawa (@mzkii)
2. $"BQL
   ɹɹɹ
   ͜ͱ͸͡Ί ❌ 2019.9.10 / Mizuki Furusawa (@mzkii)
3. $"BQL
   ৄղɹɹɹ
   
   ͷ಺෦࣮૷ 2019.9.10 / Mizuki Furusawa (@mzkii)
4. Whoami • Mizuki Furusawa (@mzkii) • 2019/4 ~ CyberAgent, Inc. • λοϓϧ஀ੜ • Android Engineer • Kotlin/Java/C/C++/Python/Cats
5. Coroutine Image Loader
6. Coroutine Image Loader “An image loading library for Android backed by Kotlin Coroutines.” Fast / Lightweight / Easy to use / Modern
7. αϙʔτ͞Ε͍ͯΔσʔλܗࣜ • String (mapped to a Uri) • HttpUrl • Uri (android.resource, content, file, http, and https schemes only) • File • @DrawableRes Int • Drawable • Bitmap +α GIF SVG (0.7.0)
8. ಋೖ • mavenCentral()
9. ࢖͍ํ • “To load an image into an ImageView, 
 use the load extension function:”
10. ࢖͍ํ • ϥϜμࣜͰΦϓγϣϯΛࢦఆ͢Δ͜ͱ͕Ͱ͖Δɻ
11. Transformations • Glide ΍ Piccaso ͷΑ͏ʹɺ
 COIL ʹ͸ҎԼͷը૾Ճ޻༻ͷΫϥε͕ඪ४Ͱ༻ҙ͞Ε͍ͯΔɻ • BlurTransformation • CircleCropTransformation • GrayscaleTransformation • RoundedCornersTransformation
12. Dynamic image sampling
13. Coil-transformations • 3rd party ͷϥΠϒϥϦ΋ެ։͞Ε͍ͯΔ (relies on GPUImage) • ColorFilterTransformation • CropTransformation (top, center, bottom) • MaskTransformation • SquareCropTransformation • PixelationFilterTransformation • ContrastFilterTransformation • …and more
14. Control memory cache and bitmap pool
15. Control memory cache and bitmap pool
16. Control memory cache and bitmap pool
17. Control memory cache and bitmap pool
18. Control memory cache and bitmap pool
19. ImageLoader ͱ͸?
20. ImageLoader • “Image Loaders are service objects that handle image requests with load and get. They handle caching, image decoding, request management, bitmap pooling, memory management, and more.”
21. ImageViews.kt • “Image Loaders are service objects that handle image requests with load and get. They handle caching, image decoding, request management, bitmap pooling, memory management, and more.”
22. ImageViews.kt • “Image Loaders are service objects that handle image requests with load and get. They handle caching, image decoding, request management, bitmap pooling, memory management, and more.”
23. Application.kt
24. Application.kt
25. Application.kt
26. ImageLoader.kt
27. ImageLoader.kt
28. ImageLoader
29. ImageLoader
30. ImageLoader = RealImageLoader
31. RealImageLoader ͸ ͲͷΑ͏ʹը૾ΛಡΈࠐΉͷ͔
32. RealImageLoader • Mapper • Fetcher • Decoder
33. Mapper • ೚ҙͷσʔλܕ T Λ FetcherͰѻ͏͜ͱͷͰ͖ΔܕʹϚοϐϯά͢Δɻ
34. Fetcher • ೚ҙͷσʔλܕ T Λ BufferedSource ·ͨ͸ Drawable ʹม׵͢Δɻ
35. Fetcher • ೚ҙͷσʔλܕ T Λ BufferedSource ·ͨ͸ Drawable ʹม׵͢Δɻ
36. Decoder • BufferedSource Λ Drawableʹม׵͢Δɻ
37. RealImageLoader • Mapper • Fetcher • Decoder 3FBM*NBHF-PBEFS )UUQ6SM'FUDIFS
    )UUQ6SM
    
    #V⒎FSFE4PVSDF 4USJOH.BQQFS
    63- 4USJOH
    
    6SJ )UUQ6SJ.BQQFS
    6SJ
    
    )UUQ6SM #JUNBQ'BDUPSZ %FDPEFS
    #V⒎FSFE4PVSDF
    
    %SBXBCMF
40. ImageViews.kt
41. ImageViews.kt
42. RealImageLoader.kt
44. RealImageLoader.kt
49. 4USJOH.BQQFS
    63- 4USJOH
    
    6SJ
52. )UUQ6SJ.BQQFS
    6SJ
    
    )UUQ6SM
55. )UUQ6SM'FUDIFS
    )UUQ6SM
    
    #V⒎FSFE4PVSDF
59. RealImageLoader.kt
60. RealImageLoader.kt
61. RealImageLoader.kt )UUQ6SM'FUDIFS
    )UUQ6SM
    
    #V⒎FSFE4PVSDF
62. )UUQ6SM'FUDIFS
    )UUQ6SM
    
    #V⒎FSFE4PVSDF
66. #JUNBQ'BDUPSZ %FDPEFS
    #V⒎FSFE4PVSDF
    
    %SBXBCMF
67. #JUNBQ'BDUPSZ %FDPEFS
    #V⒎FSFE4PVSDF
    
    %SBXBCMF
76. ·ͱΊ • ػೳతʹ͸ Glide ΍ Piccaso ͳͲଞͷը૾ϥΠϒϥϦͱେମҰॹ • COIL ͸ Glide ΍ Fresco ͷը૾ϥΠϒϥϦͱൺ΂ͯܰྔ • Glide ͷ8෼ͷ1ͷαΠζ • ଞͷը૾ϥΠϒϥϦͱൺ΂ͯΑΓ Kotlin Ά͍ॻ͖ํ͕Ͱ͖Δ • Dynamic image sampling Λద੾ʹ࢖͑͹ UX Λམͱͣ͞ʹ
 ϝϞϦͷ࢖༻ྔΛ཈͑Δ͜ͱ͕Ͱ͖Δ
77. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠