kotlin season 1 - Part 15 Image Load Library

2016년 유데미 Kotlin 강의를 공개합니다.

동영상 : https://www.youtube.com/watch?v=dROp2e7jNyk

2회 분은 유데미에서 확인 가능합니다.
http://bit.ly/2UpaJUR

Transcript

1. Part 15 Kotlin Image Load Library Taehwan ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 1
2. ࢠ೒ ௏٘ח!!! 4 Sample Code GitHub ࠳۠஖ : 10-Image-Library 4 https://github.com/taehwandev/Kotlin-Udemy- Sample/tree/10-Image-Library ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 2
3. য়ט ೡ ࠗ࠙ 4 AsyncTaskܳ ੉ਊೠ ੉޷૑ ۽٘ೞח ߑߨ 4 Threadܳ ੉ਊೠ ੉޷૑ ۽٘ೞח ߑߨ 4 ੉޷૑ ۽٘ ۄ੉࠳۞ܻ ࣗѐ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 3
4. AsyncTaskܳ ੉ਊೠ ੉޷૑ ۽٘ೞח ߑ ߨ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 4
5. AsyncTask 4 onPreExecute() 4 doInBackground(Params...) 4 onProgressUpdate(Progress...) 4 onPostExecute(Result) ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 5
6. AsyncTask private class DownloadFilesTask extends AsyncTask<URL, Integer, Long> { protected Long doInBackground(URL... urls) { return totalSize; } protected void onProgressUpdate(Integer... progress) { setProgressPercent(progress[0]); } protected void onPostExecute(Long result) { showDialog("Downloaded " + result + " bytes"); } } ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 6
7. AsyncTask 4 SERIAL_EXECUTOR 4 THREADPOOLEXECUTOR new DownloadFilesTask().execute(url1, url2, url3); new DownloadFilesTask().executeOnExecutor(THREAD_POOL_EXECUTOR, url1, url2, url3); ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 7
8. AsyncTask۽ ੘ࢿೠ ઱ਃ ௏٘ private class ImageAsync(imageView: ImageView) : AsyncTask<String, String, String>() { override fun doInBackground(vararg strings: String): String? { try { val urlString = strings[0] connection = URL(urlString).openConnection() connection?.connect() inputStream = connection?.inputStream bufferedInputStream = BufferedInputStream(inputStream) cache.put(urlString, WeakReference(BitmapFactory.decodeStream(bufferedInputStream))) return urlString } catch (e: IOException) { } return null } } ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 8
9. ചݶী Ӓܻח ࠗ࠙ override fun onPostExecute(url: String) { super.onPostExecute(url) if (isCancelled) { return } val imageView = weakReferenceImageView.get() // ࢤۚ... imageView.setImageBitmap(cache.get(url).get()) } ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 9
10. AsyncTaskਸ ੉ਊೠ ࢠ೒ ഛੋ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 10
11. Threadܳ ੉ਊೠ ੉޷૑ ۽٘ೞח ߑߨ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 11
12. Threadܳ ੉ਊೠ ੉޷૑ ۽٘ೞח ߑߨ 4 Thread৬ Runnableਸ ੉ਊೞৈ ੉޷૑ܳ ۽٘ೞҊ, Ӓܽ׮. ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 12
13. Threadਸ ੉ਊೠ ࠗ࠙੄ ઱ਃ ௏٘ private class DownloadThread(imageView: ImageView, private val resourceUrl: String) : Runnable { override fun run() { try { val url = URL(resourceUrl) connection = url.openConnection() connection?.connect() inputStream = connection?.inputStream bufferedInputStream = BufferedInputStream(inputStream) cache.put(resourceUrl, WeakReference(BitmapFactory.decodeStream(bufferedInputStream))) draw(resourceUrl) } catch (e: IOException) { } } } ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 13
14. Threadਸ ੉ਊೞৈ ੉޷૑ Ӓܻח ࠗ࠙ private fun draw(resourceUrl: String) { Handler(Looper.getMainLooper()).post { val imageView = weakReferenceImageView.get() if (!TextUtils.isEmpty(resourceUrl) && imageView.tag != null && imageView.tag == resourceUrl && cache.get(resourceUrl) != null && cache.get(resourceUrl).get() != null) { imageView.setImageBitmap(cache.get(resourceUrl).get()) } } } ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 14
15. Threadਸ ੉ਊೞৈ ੉޷૑ ࠛ۞য়ӝ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 15
16. ૒੽ ҳഅೞݶ? - ࢤп೧ঠ ೡ ࠗ࠙ 4 ݒߣ ੋఠ֔ਸ ా೧ࢲ ࠛ۞ৢ Ѫੋо? 4 நएח যڃ धਵ۽ ೡ Ѫੋо? 4 ݫݽܻח? ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 16
17. ੉޷૑ ۽٘ ۄ੉࠳۞ܻ ࣗѐ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 17
18. ੉޷૑ ۽٘ ۄ੉࠳۞ܻ ࣗѐ 4 Universal Image Loader 4 Picasso 4 Glide 4 Fresco ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 18
19. Fresco ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 19
20. Fresco 4 Fresco द੘ೞӝ 4 ੉޷૑ ׮਍۽٘ ߂ ୊ܻܳ ਤೠ Library 4 ׮নೠ Format ૑ਗ(JPEG, GIF, WebP ١) 4 ۽ஸ நए ࢎਊ 4 Android NDK ӝ߈੄ ੉޷૑ ۄ੉࠳۞ܻ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 20
21. Fresco ࢎਊೞӝ compile 'com.facebook.fresco:fresco:0.14.1' ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 21
22. Fresco ࢎਊೞӝ <com.facebook.drawee.view.SimpleDraweeView android:id="@+id/my_image_view" android:layout_width="130dp" android:layout_height="130dp" fresco:placeholderImage="@drawable/my_drawable" /> ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 22
23. Fresco ௏٘ setContentView()о ഐ୹غӝ ੹ী ইېܳ ഐ୹೧ঠ ೤פ׮. Fresco.initialize(context); ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 23
24. Fresco ௏٘ Uri uri = Uri.parse("http://frescolib.org/static/fresco-logo.png"); SimpleDraweeView draweeView = (SimpleDraweeView) findViewById(R.id.my_image_view); draweeView.setImageURI(uri); ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 24
25. Fresco 4 ׮ܲ ۄ੉࠳۞ܻী ࠺೧ࢲ ޖѢ਑(ਊ۝੉ ௼Ҋ, ݫࣗ٘ ஠਍౟ب ௼ ׮) 4 Ҋ೧࢚ب੄ ੉޷૑ܳ ೙ਃ۽ ೞ૑ ঋਵݶ Ҷ੉ ೙ਃ஖ ঋ਺.(GIF ನ ೣ) 4 ߹ب੄ ImageViewܳ ࢎਊ೧ঠ ೣ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 25
26. Glide ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 26
27. Glide ࣗѐ 4 ੉޷૑ ׮਍۽٘ ߂ Loadܳ ਤೠ Library 4 ׮নೠ Format ૑ਗ(JPEG, GIF, PNG ١) 4 ۽ஸ நए ࢎਊ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 27
28. Glide ࢎਊೞӝ 4 Glide compile 'com.github.bumptech.glide:glide:3.7.0' ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 28
29. Glide ࢎਊೞӝ // For a simple view: @Override public void onCreate(Bundle savedInstanceState) { // ... ImageView imageView = (ImageView) findViewById(R.id.my_image_view); Glide.with(this).load("http://goo.gl/gEgYUd").into(imageView); } ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 29
30. Glide ੸ਊ ࠗ࠙ ࢓ಝࠁӝ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 30
31. ଵҊ ੗ܐ 4 Glide 4 Fresco 4 উ٘۽੉٘ ѐߊ੗ܳ ਤೠ) য়೑ࣗझ ۄ੉࠳۞ܻ ࢎਊ о੉٘ - kunny 4 Glide vs Fresco of GIF Performance - SeongUg Steve Jung ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 31
32. ׮਺਷ 4 ಕ੉૑ ୶оೞӝ ରࣁ؀ উ٘۽੉٘ ѐߊ ঱য ௏ౣܽ, द੘ೞӝ thdev.tech, 2016 32