Android Image Caching ๋ํ์ฌ
Present Time: 2018-06-09-Fri
Last Updated: 2018-06-14-Thur
- Developers Caching Bitmaps
- Developers Caching Bitmaps(ํ๊ธ ๋ฌธ์)
- android Image caching
- Image caching library
๋ฐ์ดํฐ์ ๋ํ ํฅํ ์์ฒญ์ ์ ์ํ๊ฒ ๋์ ํ ์ ์๋๋ก ๋ฐ์ดํฐ๋ฅผ ๋ก์ปฌ์ ์ ์ฅํ๋ ํ๋ก์ธ์ค
์ด๋ฏธ์ง๋ฅผ ๋นํธ๋งต์ผ๋ก ๋ฐ๊พธ์ด ๋ฉ๋ชจ๋ฆฌ์ ์ ์ฅํ๋ ๊ฒ์ด๋ค.
๋ฉ๋ชจ๋ฆฌ ์บ์๋ ์๋ณธ์ ์์ถ๋ ํ์์ผ๋ก ์ ์ฅ๋๋ค. ์ด๋ฏธ์ง๋ ํ๋ฉด์ ํ์๋๊ธฐ ์ ์ ์ด ์บ์์์ ๋์ฝ๋ ๋์ด ๊ฐ์ ธ์จ๋ค
์ด ์บ์๋ ์ฑ์ด ๋ฐฑ๊ทธ๋ผ์ด๋๋ก ๊ฐ๋ฉด ์ง์์ง๋ค.
๋์คํฌ ์บ์๋ ๋ฐ์ดํฐ๊ฐ ์ง์์ ์ผ๋ก ๋จ์์๊ณ ์ฉ๋๋ ๋ฉ๋ชจ๋ฆฌ ์บ์ ๋ณด๋ค ๋ ๋ง์ด ์ธ ์ ์๋ค.ํ์ง๋ง ๋ฉ๋ชจ๋ฆฌ ์บ์๋ณด๋ค ๋๋ฆฌ๋ค.
์ด ์บ์๋ ์ฑ์ด ๋ฐฑ๊ทธ๋ผ์ด๋ ์ํ๊ฑฐ๋, ์ข ๋ฃ,์ฅ์น๊ฐ ๊บผ์ ธ ์์ ๋ ์์ด์ง์ง ์๋๋ค. ์ฌ์ฉ์๋ ์๋๋ก์ด๋ ์ค์ ๋ฉ๋ด์์ ๋์คํฌ ์บ์๋ฅผ ์์จ ์ ์๋ค.
- ํน์ URL ์ด๋ฏธ์ง๋ฅผ ๋ฆฌ์คํธ๋ก ๋ณด์ฌ์ค ๋, ๋์ผ ํ URL ์ด๋ฏธ์ง๋ฅผ ๋งค๋ฒ ๋ค์ด ๋ฐ์ ์ถ๋ ฅํ๋ฉด ๋นํจ์จ
- ์ฌ์ฉ์ ์๋ต์๋ ๋๋ ค์ง
###3.์ฝ๋
private LruCache<String, Bitmap> mMemoryCache;
@Override
protected void onCreate(Bundle savedInstanceState) {
...
// Get max available VM memory, exceeding this amount will throw an
// OutOfMemory exception. Stored in kilobytes as LruCache takes an
// int in its constructor.
//๋ฉ๋ชจ๋ฆฌ ์ฌ์ฉ๋ ์๊ธฐ์ํด์
final int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
// Use 1/8th of the available memory for this memory cache.
final int cacheSize = maxMemory / 8;
mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {
@Override
protected int sizeOf(String key, Bitmap bitmap) {
// The cache size will be measured in kilobytes rather than
// number of items.
return bitmap.getByteCount() / 1024;
}
};
...
}
public void addBitmapToMemoryCache(String key, Bitmap bitmap) {
if (getBitmapFromMemCache(key) == null) {
mMemoryCache.put(key, bitmap);//๋ฉ๋ชจ๋ฆฌ ์บ์์ ์ ์ฅ
}
}
//์บ์ฌ๋ ์ด๋ฏธ์ง ๊ฐ์ ธ์ค๊ธฐ
public Bitmap getBitmapFromMemCache(String key) {
return mMemoryCache.get(key);
}
-LruCache๋ฅผ ์์ฑํ ๋ ์ ํด์ฃผ๋ maxSize๋ ์ด๋ฏธ์ง ๊ฐฏ์๋ ๋ ์ ์๊ณ ๊ฐ์ฉ ๋ฉ๋ชจ๋ฆฌ๋ ๋ ์ ์๋ค.
-
sizeOf()๋ฉ์๋๋ฅผ Override ํ์ง ์์ ๊ฒฝ์ฐ
int maxSize = 10; LruCache<String, Bitmap> cache = new LruCache<String, Bitmap>(maxSize);
์ด๋ ๊ฒ ๊ตฌํํ๋ฉด ์บ์์ ์ ์ฅ๋๋ ์ด๋ฏธ์ง ๊ฐฏ์๊ฐ 10๊ฐ๋ผ๋ ๋ป์ด๋ค.
-
sizeOf()๋ฉ์๋๋ฅผ Override ํ์ ๊ฒฝ์ฐ
int memoryClass = ((ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE)).getMemoryClass(); int maxSize = 1024 * 1024 * memoryClass / 4; LruCache<String, Bitmap> cache = new LruCache<String, Bitmap>(maxSize){ @Override protected int sizeOf(String key, Bitmap bitmap){ return bitmap.getByteCount(); } };
์ด๋ ๊ฒ ๊ตฌํํ๋ฉด ์บ์์ ๊ฐ์ฉ ๋ฉ๋ชจ๋ฆฌ๊ฐ ์ดํ๋ฆฌ์ผ์ด์ ์ด ์ฌ์ฉํ ์ ์๋ ๋ฉ๋ชจ๋ฆฌ์ 1/4๋งํผ ์บ์์ ์ธ ์ ์๊ฒ ํ๊ฒ ๋ค๋ผ๋ ์๋ฏธ์ด๋ค.
private DiskLruCache mDiskLruCache;
private final Object mDiskCacheLock = new Object();
private boolean mDiskCacheStarting = true;
private static final int DISK_CACHE_SIZE = 1024 * 1024 * 10; // 10MB
private static final String DISK_CACHE_SUBDIR = "thumbnails";
@Override
protected void onCreate(Bundle savedInstanceState) {
...
// Initialize memory cache
...
// Initialize disk cache on background thread
//๋ฐฑ๊ทธ๋ผ์ด๋์ ๋์คํฌ ์บ์ ์ด๊ธฐํ
File cacheDir = getDiskCacheDir(this, DISK_CACHE_SUBDIR);
new InitDiskCacheTask().execute(cacheDir);
...
}
//๋น๋๊ธฐ๋ก ๋ฐฑ๊ทธ๋ผ์ด๋์์ ๋์คํฌ ์บ์๋ฅผ ์คํํ๋ค.
class InitDiskCacheTask extends AsyncTask<File, Void, Void> {
@Override
protected Void doInBackground(File... params) {
synchronized (mDiskCacheLock) {
File cacheDir = params[0];//๋์คํฌ ์บ์๊ฐ ์ ์ฅ๋ ๋๋ ํ ๋ฆฌ
mDiskLruCache = DiskLruCache.open(cacheDir, DISK_CACHE_SIZE);
mDiskCacheStarting = false; //์ด๊ธฐํ ์๋ฃ
mDiskCacheLock.notifyAll(); //์์
์ผ๋ก ์ฐ๊ฒฐ๋ ์ฐ๋ ๋์๊ฒ ์๋ฆฐ๋ค.
}
return null;
}
}
class BitmapWorkerTask extends AsyncTask<Integer, Void, Bitmap> {
...
// Decode image in background.
@Override
protected Bitmap doInBackground(Integer... params) {
final String imageKey = String.valueOf(params[0]);
// Check disk cache in background thread
๋ฐฑ๊ทธ๋ผ์ด๋ ์ค๋ ๋์์ ํ์ํ ๋นํธ๋งต์ ๊ฐ์ ธ์จ๋ค.
Bitmap bitmap = getBitmapFromDiskCache(imageKey);
if (bitmap == null) { // Not found in disk cache
// Process as normal
//์ผ๋ฐ์ ์ผ๋ก ๋์ฝ๋ฉํ๋ ๋ฐฉ๋ฒ
final Bitmap bitmap = decodeSampledBitmapFromResource(
getResources(), params[0], 100, 100));
}
//๋์ฝ๋ฉ๋ ๋นํธ๋งต์ ํด๋น ํค์ ํจ๊ป ์บ์ ์ฒ๋ฆฌ ๋๋ค.
addBitmapToCache(imageKey, bitmap);
return bitmap;
}
...
}
public void addBitmapToCache(String key, Bitmap bitmap) {
// Add to memory cache as before
๋ฉ๋ชจ๋ฆฌ์บ์์ ์ ์ฅํ๋ค
if (getBitmapFromMemCache(key) == null) {
mMemoryCache.put(key, bitmap);
}
// Also add to disk cache
//๋์คํฌ ์บ์์๋ ์ ์ฅํ๋ค.
synchronized (mDiskCacheLock) {//๋ฐฑ๊ทธ๋ผ์ด๋์์ ๋์คํฌ ์บ์๊ฐ ์ํ๋์์ ๋๋ฅผ ๊ธฐ๋ค๋ฆฐ๋ค
if (mDiskLruCache != null && mDiskLruCache.get(key) == null) {
mDiskLruCache.put(key, bitmap);
}
}
}
public Bitmap getBitmapFromDiskCache(String key) {
synchronized (mDiskCacheLock) {
// Wait while disk cache is started from background thread
//๋ฐฑ๊ทธ๋ผ์ด๋์์ ๋์คํฌ ์บ์๊ฐ ์ํ๋๊ธธ ๊ธฐ๋ค๋ฆฐ๋ค.
while (mDiskCacheStarting) {
try {
mDiskCacheLock.wait();
} catch (InterruptedException e) {}
}
if (mDiskLruCache != null) {
return mDiskLruCache.get(key);
}
}
return null;
}
public static File getDiskCacheDir(Context context, String uniqueName) {
// ์ฌ์ฉ์ ํด๋ณด๊ณ ์ธ๋ถ์ ์ฅ์์ ์บ์๊ฐ ์๋ํ์ง ์๋๋ค๋ฉด ๋ด๋ถ ์ ์ฅ์๋ฅผ ์ฌ์ฉํ๋ผ๋ ๋ด์ฉ์ด์ ์ฝ๋์ธ๋ฐ ์ ์ดํด๊ฐ ์๋์ฉใ
final String cachePath = Environment.MEDIA_MOUNTED.equals(Environment.getExternalStorageState()) ||
!isExternalStorageRemovable() ? getExternalCacheDir(context).getPath() :
context.getCacheDir().getPath();
return new File(cachePath + File.separator + uniqueName);
}
AsyncTask<Params, Progress,Result>
Params-ํ๋ผ๋ฏธํฐ ํ์ ์ ์์ ์คํ ์์ ์ก์
Progress-dolnBackground* ์์ ์ ์งํ ๋จ์์ ํ์
Result-dolnBackground ๋ฆฌํด๊ฐ
๊ฐ์ฉ๋ฉ๋ชจ๋ฆฌ: ์ค์ ๋ฉ๋ชจ๋ฆฌ ์ฌ์ฉ๊ฐ๋ฅ ์ฌ์
AsyncTask: ์ค๋ ๋ ๊ฐ์ ๋๊ธฐํ๋ฅผ ๊ณ ๋ คํด์ ์ํํธ์จ์ด๋ฅผ ์ค๊ณํ์ํ๊ณ ํธ๋ค๋ฌ ์ฌ์ฉ์ผ๋ก ๋ณต์กํ๊ณ ๋ฒ๊ฑฐ๋ก์ด ์์ ์ ์ข ๋ ์ฝ๊ฒ ๋ง๋ค์ด์ฃผ๋ ์ถ์ํด๋์ค์ด๋ค.
donlnBackground: ๊ธฐ์กด์ Thread์์์ run() ๋ฉ์๋๋ผ๊ณ ์๊ฐํ๋ฉด ๋๋ค.
synchronized: ๋๊ธฐํ. ๋ ์ด์์ ์ฐ๋ ๋๊ฐ ํ์ผ์ด๋ ๋ฉ๋ชจ๋ฆฌ๋ฅผ ๊ณต์ ํ๋ ๊ฒฝ์ฐ, ์์๋ฅผ ์ ๋ง์ถ์ด ๋ค๋ฅธ ์ฐ๋ ๋๊ฐ ์์์ ์ฌ์ฉํ๊ณ ์๋ ๋์ ํ ์ฐ๋ ๋๊ฐ ์ ๋ ์์๋ฅผ ๋ณ๊ฒฝํ ์ ์๋๋ก ํด์ผํ๋ค . ์ด๋ฐ ์ํฉ์ ์ฒ๋ฆฌํ ์ ์๋ ๋ฐฉ๋ฒ ์ด๋ค.
โ
์ฌ๋ฌ ์คํ ์์ค ์ด๋ฏธ์ง ๋ก๋ฉ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค์ ์บ์,๋์ ์คํ,์ทจ์ ๋ฑ์ ๊ฐํธํ๊ฒ ์ฒ๋ฆฌํ ์ ์๋๋ก ๋์์ค๋ค.
AUIL๋ ํ๋ฉด ํฌ๊ธฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ์บ์์ฉ๋์ ์ ํํ๋ ๋ฑ ๋ค์ํ ์บ์ ์ ์ฑ ์ ์ง์ํ๋ค.
ImageLoader ๊ฐ์ฒด๋ฅผ ์ด๊ธฐํํ ํ์, ๊ฐ์ข ์ต์ ์ ์ค์ ํ๊ณ ์ฌ์ฉ ํ ์ ์๋ค.
DisplayImageOptions options = new DisplayImageOptions.Builder()
.cacheInMemory()
.cacheOnDisc()
...
.build();
ImageLoader.getInstance().displayImage(imageUrl, imageView, options);
*extend Application ํ ํด๋์ค๋ง ์ฌ์ฉ ๊ฐ๋ฅ
AQuery๋ xmlํ์ฑ๊ณผ ๊ถํ ๊ด๋ฆฌ ๋ฑ ๋ค์ํ ๊ธฐ๋ฅ์ ๊ฐ์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฆฌ๋ ์ด๋ฏธ์ง ๋ก๋ฉ๊ณผ ์บ์๋ฅผ ์ ๊ณตํ๋ค.
AQuery aq = new AQuery(context);
...
String imageUrl ="http://image.naver.com/goldrush.jpg";
aq.id(R.id.imageView).image(imageUrl, true, true, 200,0);
getSystem.Service()๋ฉ์๋๋ฅผ ์ค๋ฒ๋ผ์ด๋ํ์ฌ System ์๋น์ค๋ก ImageLoader ๊ฐ์ฒด๋ฅผ ์ฐธ์กฐ ํ ์ ์๊ฒ ํด์ผ ํ๋ค. ๊ทธ๋ฐ ๋ค์ ImageLoader.get() ๋ฉ์๋๋ฅผ ํธ์ถํด์ ์ด๋ฏธ์ง ๋ก๋ฉํด์ผ ํ๋ค
Callback callback = new Callback() {
public void onImageLoaded(ImageView view, String url) { ... }
public void onImageError(ImageView view, String url, Throwable error) { ... }
};
ImageLoader.get(this).bind(view, imageUrl, callback);
*extend Application ํ ํด๋์ค๋ง ์ฌ์ฉ ๊ฐ๋ฅ
๋คํธ์ํฌ ํต์ ๊ณผ ์บ์, ๋์ฝ๋ฉ ๋ฑ์ ์์์ ํด์ฃผ๋ networkImageView ๋ผ๋ImageView๋ฅผ ์ฌ์ฉํ ํด๋์ค๋ ์ ๊ณตํ๋ค. ๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ์ requestQueue์ ์์ฒญ์ ์ถ๊ฐํ๊ณ , ๊ฒฐ๊ณผ๋ฅผ ์ฒ๋ฆฌํ ๋ ์ฝ๋ฐฑ ๊ฐ์ฒด๋ฅผ ๋๊ธด๋ค.
imageLoader = new ImageLoader(Volley.newRequestQueue(this),new LruBitmapCache());
imageLoader.get(imageUrl,
imageLoader.getImageListener(
imageView, R.drawable.defaultIcon, R.drawable.errorIcon
)
);
*SDK๋งค๋์ ๋ฅผ ํตํ ๋ค์ด๋ก๋ ์ ๊ณต x
git์์ ๋ณต์ฌํด์ ์ฌ์ฉํด์ผํจ
ํ ์คํธ์ ๋๋ฒ๊ทธ์ ์ ์ฉํด์ ๊ฐ๋ฐ ํธ์์ฑ์ ๋ง์ด ๋ฐฐ๋ ค ํ๋ค.
Picasso.with(context).load(imageUrl).resize(30, 30).into(imageView);
####๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ณ ๋น๊ต
AUIL๋ ๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋นํด ๊ฑฐ์ ๋ชจ๋ ๋ฉด์์ ์๋์ ์ด๋ค. ๊ธฐ์กด ์ด๋ฏธ์ง ๋ก๋ฉ ๋ฌธ์ ์ ๋๋ถ๋ถ์ ์ ํด๊ฒฐํ๊ณ ์๊ณ , ์ฌ๋ฌ ์ข ๋ฅ์ ์บ์๋ ๋ค์ด๋ก๋, ๋์ฝ๋ ๋ฑ์ด ์ด๋ฏธ ๊ตฌํ๋์ด ์์ด ์ฌ์ฉ์๊ฐ ์ฑ์์ค์ผ ํ ๋ถ๋ถ์ด ๋ณ๋ก ์๋ค.
AQuery๋ ์ง๊ด์ ์ธ ์ฌ์ฉ์ด ์ด๋ ต๋ค. ๋ฉ๋ชจ๋ฆฌ ์บ์์ ํฌ๊ธฐ ์ ํ์ ์ ์ ํ ๋ ๋ฉ์๋ ํธ์ถ์ด ์ด๋ฆฌ์กํ ์ ์ด ์กด์ฌํ๋ค.
Libs for Androidsms deprecate๋ ํ๋ก์ ํธ์ธ๋งํ ์ฌ์ฉํ์ง ์๋ ํธ์ด ์ข๋ค.
droid4me ๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ณด๋ค ๊ธฐ๋ณธ ๊ตฌํ ์์ค์ด ๋ถ์กฑํ์ฌ ๋์คํฌ ์บ์๋ ๋์ฝ๋ฉ ๋ถ๋ถ์ ์ฌ์ฉ์๊ฐ ์ง์ ๊ตฌํํด์ผํ๋ค.
Volley ImageLoader๋ ๋ฉ๋ชจ๋ฆฌ ์บ์๋ ๊ตฌํ์ฒด๋ฅผ ์ง์ ๋ง๋ค์ด์ค์ผ ํ๊ณ ๋์ฝ๋ฉ ๊ธฐ๋ฅ ๋ฆฌ์ฌ์ด์ฆ ๋ฐ์ ์ง์ํ์ง ์๋ ๋ฑ ์ฌ์ฉ์ฑ ์ธก๋ฉด์์ ๋ค์ ๋ถ์กฑํ๋ค.
Picasso๋ ๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ณด๋ค ๊ฐ๋จํ๋ค. ์ด๋ฏธ์ง ๋ก๋ฉ ๋ฌธ์ ํด๊ฒฐ์ ํ์ํ ๊ธฐ๋ฅ๋ค๋ ์ถฉ๋ถํ๊ณ ๋๋ฒ๊น ์ ๋์์ฃผ๋ ๊ธฐ๋ฅ๋ ๋ ์ฐฝ์ ์ด๋ค.