An loading image called Coil

Introducing the first Android image upload library made in Kotlin. Fast, light, easy to use and modern are the features of this wonderful tool that will captivate you.

Transcript

1. Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem An loading image library called Coil
2. Speaker Célio Oliveira Gonzaga Júnior 30 years old Android Developer Goiânia - Goiás
3. Speaker
4. Speaker
5. Jobs
7. Loading images • Retrieving image contents • To caching then • Agility • UX
8. Let’s start val url = URL(imageUrl) val con: HttpURLConnection = url.openConnection() as HttpURLConnection var bMap: Bitmap = BitmapFactory.decodeFile(con.inputStream.toString()) mImageView.setImageBitmap(bMap)
9. Famous libraries • Glide - Bump Tech (https://github.com/bumptech/glide) • Fresco - Facebook (https://github.com/facebook/fresco) • Picasso - Square (https://github.com/square/picasso)
10. Glide Pros • very easy to use; • it support gif loading; • it requires little configuration; • it’s been actively maintained. Cons • it’s kind of large in terms of size and memory; • it requires large amount of caching space cause it saves different sizes of image separately.
11. Fresco Pros • its has a custom view for its configuration, which makes it very easy to use; • its well optimized in terms of memory usage and allocation; • its has a lot of configuration option; • its has a very verbose documentation; • its easy to configure; • its load progressive JPEG,webP, gif; • it does not require a lot configuration to get started. Cons • it’s very large; • it’s documentation are kind of complicated.
12. Picasso Pros • small size and method count; • very easy to use; • little configuration to set up. Cons • it cannot load gif; • it cannot be used to load a very large file; • it download and cache the the original image which will be resized to the view it’s been loaded to, this is an additional computation at display time.
13. Glide Glide .with(mContext) .load(imgUrl) .placeholder(R.drawable.loading_spinner) .into(mImageView) .error(imageUri) // this is the image shown in case of error .fitcenter() //this makes the image to be centered in the imageView .centerCrop() .fades() .transform() .fetch()
14. Fresco <com.facebook.drawee.view.SimpleDraweeView android:id="@+id/sdvImage" android:layout_width="130dp" android:layout_height="130dp" fresco:placeholderImage="@drawable/myPlaceholderImage" /> val imageUri = Uri.parse("imageUrl") draweeView.setImageURI(imageUri)
15. Picasso Picasso.get() .load("imgUrl") .rotate(0.5f) .resize(3, 3) .centerCrop() .fit() .placeholder(R.drawable.placeholder) .into(ivImagePicasso)
16. Coil • Fast • Lightweight • Easy to use • Modern
17. Coil • GitHub ◦ https://github.com/coil-kt/coil • Documentation ◦ https://coil-kt.github.io/coil/getting_started/
18. Artifacts • io.coil-kt:coil • io.coil-kt:coil-base • io.coil-kt:coil-gif • io.coil-kt:coil-svg
19. Coil • ImageLoader • Extension Functions • Supported data types • Cancelling Requests • Image Sampling • Bitmap Pooling
20. Coil // URL imageView.load("https://www.example.com/image.jpg") // Resource imageView.load(R.drawable.image) // File imageView.load(File("/path/to/image.jpg"))
21. Coil imageView.load("https://www.example.com/image.jpg") { crossfade(true) placeholder(R.drawable.image) transformations(CircleCropTransformation()) }
22. Transformation • Blur • Circle crop • Grayscale • Rounded corers +Third part
23. Requirements • AndroidX • Min SDK 14+ • Compile SDK: 29+ • Java 8+
24. Size Coil 21.697 Kb 1500 methods Fresco 42.549 Kb 5714 methods Glide 32.583 Kb 2879 methods Picasso 1.199 Kb 849 methods
25. Miguel Angél Ruiz López
26. Conclusion
27. Thanks for all! celioogj@gmail.com https://www.linkedin.com/in/ogonzaga/ https://twitter.com/celiogj