我使用a ListView来显示与这些图像相关的一些图像和标题.我从互联网上获取图像.有没有办法延迟加载图像,以便文本显示时,UI不会被锁定,图像会在下载时显示？
图像总数不固定.
这是我创建的用于保存我的应用当前正在显示的图像的内容.请注意,这里使用的"Log"对象是围绕Android内部最终Log类的自定义包装器.
package com.wilson.android.library;
/*
Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/
import java.io.IOException;
public class DrawableManager {
private final Map drawableMap;
public DrawableManager() {
drawableMap = new HashMap();
}
public Drawable fetchDrawable(String urlString) {
if (drawableMap.containsKey(urlString)) {
return drawableMap.get(urlString);
}
Log.d(this.getClass().getSimpleName(), "image url:" + urlString);
try {
InputStream is = fetch(urlString);
Drawable drawable = Drawable.createFromStream(is, "src");
if (drawable != null) {
drawableMap.put(urlString, drawable);
Log.d(this.getClass().getSimpleName(), "got a thumbnail drawable: " + drawable.getBounds() + ", "
+ drawable.getIntrinsicHeight() + "," + drawable.getIntrinsicWidth() + ", "
+ drawable.getMinimumHeight() + "," + drawable.getMinimumWidth());
} else {
Log.w(this.getClass().getSimpleName(), "could not get thumbnail");
}
return drawable;
} catch (MalformedURLException e) {
Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
return null;
} catch (IOException e) {
Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
return null;
}
}
public void fetchDrawableOnThread(final String urlString, final ImageView imageView) {
if (drawableMap.containsKey(urlString)) {
imageView.setImageDrawable(drawableMap.get(urlString));
}
final Handler handler = new Handler() {
@Override
public void handleMessage(Message message) {
imageView.setImageDrawable((Drawable) message.obj);
}
};
Thread thread = new Thread() {
@Override
public void run() {
//TODO : set imageView to a "pending" image
Drawable drawable = fetchDrawable(urlString);
Message message = handler.obtainMessage(1, drawable);
handler.sendMessage(message);
}
};
thread.start();
}
private InputStream fetch(String urlString) throws MalformedURLException, IOException {
DefaultHttpClient httpClient = new DefaultHttpClient();
HttpGet request = new HttpGet(urlString);
HttpResponse response = httpClient.execute(request);
return response.getEntity().getContent();
}
}
我用图像做了一个懒惰列表(位于GitHub)的简单演示.这可能对某人有帮助.它在后台线程中下载图像.图像正在缓存在SD卡和内存中.缓存实现非常简单,仅适用于演示.我用inSampleSize解码图像以减少内存消耗.我也尝试正确处理回收的视图.
我推荐开源仪器Universal Image Loader.它最初基于Fedor Vlasov的项目LazyList,并从那时起得到了极大的改进.
多线程图像加载
可以广泛调整ImageLoader的配置(线程执行器,下载器,解码器,内存和光盘缓存,显示图像选项等)
在内存和/或设备的文件系统(或SD卡)上进行图像缓存的可能性
可以"监听"加载过程
可以使用分离的选项自定义每个显示图像调用
小工具支持
Android 2.0+支持
Multithreading For Performance,Gilles Debunne的教程.
这是来自Android开发者博客.建议的代码使用:
AsyncTasks.
坚硬,有限的尺寸FIFO cache.
一个柔软,易于使用的garbage collect缓存.
下载时的占位符 Drawable.
更新:请注意,这个答案现在非常无效.垃圾收集器对SoftReference和WeakReference采取积极行动,因此此代码不适用于新应用程序. (相反,尝试像其他答案中提到的Universal Image Loader这样的库.)
感谢James的代码,以及Bao-Long建议使用SoftReference.我在James的代码上实现了SoftReference的更改.不幸的是,SoftReferences导致我的图像垃圾收集过快.在我的情况下没有SoftReference的东西很好,因为我的列表大小有限,我的图像很小.
一年前有关于google群组的SoftReferences的讨论:链接到线程.作为过早垃圾收集的解决方案,他们建议使用dalvik.system.VMRuntime.setMinimumHeapSize()手动设置VM堆大小,这对我来说不是很有吸引力.
public DrawableManager() {
drawableMap = new HashMap>();
}
public Drawable fetchDrawable(String urlString) {
SoftReference drawableRef = drawableMap.get(urlString);
if (drawableRef != null) {
Drawable drawable = drawableRef.get();
if (drawable != null)
return drawable;
// Reference has expired so remove the key from drawableMap
drawableMap.remove(urlString);
}
if (Constants.LOGGING) Log.d(this.getClass().getSimpleName(), "image url:" + urlString);
try {
InputStream is = fetch(urlString);
Drawable drawable = Drawable.createFromStream(is, "src");
drawableRef = new SoftReference(drawable);
drawableMap.put(urlString, drawableRef);
if (Constants.LOGGING) Log.d(this.getClass().getSimpleName(), "got a thumbnail drawable: " + drawable.getBounds() + ", "
+ drawable.getIntrinsicHeight() + "," + drawable.getIntrinsicWidth() + ", "
+ drawable.getMinimumHeight() + "," + drawable.getMinimumWidth());
return drawableRef.get();
} catch (MalformedURLException e) {
if (Constants.LOGGING) Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
return null;
} catch (IOException e) {
if (Constants.LOGGING) Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
return null;
}
}
public void fetchDrawableOnThread(final String urlString, final ImageView imageView) {
SoftReference drawableRef = drawableMap.get(urlString);
if (drawableRef != null) {
Drawable drawable = drawableRef.get();
if (drawable != null) {
imageView.setImageDrawable(drawableRef.get());
return;
}
// Reference has expired so remove the key from drawableMap
drawableMap.remove(urlString);
}
final Handler handler = new Handler() {
@Override
public void handleMessage(Message message) {
imageView.setImageDrawable((Drawable) message.obj);
}
};
Thread thread = new Thread() {
@Override
public void run() {
//TODO : set imageView to a "pending" image
Drawable drawable = fetchDrawable(urlString);
Message message = handler.obtainMessage(1, drawable);
handler.sendMessage(message);
}
};
thread.start();
}
毕加索
使用杰克沃顿的毕加索图书馆.(一个完美的ImageLoading Library构成ActionBarSherlock的开发者)
适用于Android的强大图像下载和缓存库.
图像为Android应用程序添加了急需的上下文和视觉风格.Picasso允许在您的应用程序中轻松加载图像 - 通常在一行代码中!
Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);
Android上图像加载的许多常见缺陷由Picasso自动处理:
在适配器中处理ImageView回收和下载取消.复杂的图像转换,内存使用最少.自动内存和磁盘缓存.
毕加索杰克沃顿图书馆
滑行
Glide是一个快速高效的Android开源媒体管理框架,它将媒体解码,内存和磁盘缓存以及资源池包装成一个简单易用的界面.
Glide支持提取,解码和显示视频静止图像,图像和动画GIF.Glide包含一个灵活的api,允许开发人员插入几乎任何网络堆栈.默认情况下,Glide使用基于HttpUrlConnection的自定义堆栈,但也包括插入Google的Volley项目或Square的OkHttp库的实用程序库.
Glide.with(this).load("http://goo.gl/h8qOq7").into(imageView);
Glide主要关注的是尽可能平滑和快速地滚动任何类型的图像列表,但Glide对于您需要获取,调整大小和显示远程图像的几乎任何情况都是有效的.
滑翔图像加载库
Fresco by Facebook
Fresco是一个功能强大的系统,用于在Android应用程序中显示图像.
Fresco负责图像加载和显示,因此您不必这样做.它将从网络,本地存储或本地资源加载图像,并显示占位符,直到图像到达.它有两级缓存; 一个在内存中,另一个在内部存储中.
Fresco Github
在Android 4.x及更低版本中,Fresco将图像放在Android内存的特殊区域.这可以让您的应用程序运行得更快 - 并且更少经常遭受可怕的OutOfMemoryError.
壁画文件
高性能加载器 - 在检查了这里建议的方法后,我使用Ben的解决方案进行了一些更改 -
我意识到使用drawables比使用位图更快,所以我使用drawables代替
使用SoftReference非常棒,但它会使缓存的图像被删除得太频繁,因此我添加了一个包含图像引用的链接列表,防止图像被删除,直到达到预定义的大小
要打开InputStream,我使用java.net.URLConnection,它允许我使用Web缓存(您需要先设置响应缓存,但这是另一个故事)
我的代码:
import java.util.Map;
import java.util.HashMap;
import java.util.LinkedList;
import java.util.Collections;
import java.util.WeakHashMap;
import java.lang.ref.SoftReference;
import java.util.concurrent.Executors;
import java.util.concurrent.ExecutorService;
import android.graphics.drawable.Drawable;
import android.widget.ImageView;
import android.os.Handler;
import android.os.Message;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.io.IOException;
import java.net.URL;
import java.net.URLConnection;
public class DrawableBackgroundDownloader {
private final Map> mCache = new HashMap>();
private final LinkedList mChacheController = new LinkedList ();
private ExecutorService mThreadPool;
private final Map mImageViews = Collections.synchronizedMap(new WeakHashMap());
public static int MAX_CACHE_SIZE = 80;
public int THREAD_POOL_SIZE = 3;
/**
* Constructor
*/
public DrawableBackgroundDownloader() {
mThreadPool = Executors.newFixedThreadPool(THREAD_POOL_SIZE);
}
/**
* Clears all instance data and stops running threads
*/
public void Reset() {
ExecutorService oldThreadPool = mThreadPool;
mThreadPool = Executors.newFixedThreadPool(THREAD_POOL_SIZE);
oldThreadPool.shutdownNow();
mChacheController.clear();
mCache.clear();
mImageViews.clear();
}
public void loadDrawable(final String url, final ImageView imageView,Drawable placeholder) {
mImageViews.put(imageView, url);
Drawable drawable = getDrawableFromCache(url);
// check in UI thread, so no concurrency issues
if (drawable != null) {
//Log.d(null, "Item loaded from mCache: " + url);
imageView.setImageDrawable(drawable);
} else {
imageView.setImageDrawable(placeholder);
queueJob(url, imageView, placeholder);
}
}
private Drawable getDrawableFromCache(String url) {
if (mCache.containsKey(url)) {
return mCache.get(url).get();
}
return null;
}
private synchronized void putDrawableInCache(String url,Drawable drawable) {
int chacheControllerSize = mChacheController.size();
if (chacheControllerSize > MAX_CACHE_SIZE)
mChacheController.subList(0, MAX_CACHE_SIZE/2).clear();
mChacheController.addLast(drawable);
mCache.put(url, new SoftReference(drawable));
}
private void queueJob(final String url, final ImageView imageView,final Drawable placeholder) {
/* Create handler in UI thread. */
final Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
String tag = mImageViews.get(imageView);
if (tag != null && tag.equals(url)) {
if (imageView.isShown())
if (msg.obj != null) {
imageView.setImageDrawable((Drawable) msg.obj);
} else {
imageView.setImageDrawable(placeholder);
//Log.d(null, "fail " + url);
}
}
}
};
mThreadPool.submit(new Runnable() {
@Override
public void run() {
final Drawable bmp = downloadDrawable(url);
// if the view is not visible anymore, the image will be ready for next time in cache
if (imageView.isShown())
{
Message message = Message.obtain();
message.obj = bmp;
//Log.d(null, "Item downloaded: " + url);
handler.sendMessage(message);
}
}
});
}
private Drawable downloadDrawable(String url) {
try {
InputStream is = getInputStream(url);
Drawable drawable = Drawable.createFromStream(is, url);
putDrawableInCache(url,drawable);
return drawable;
} catch (MalformedURLException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return null;
}
private InputStream getInputStream(String urlString) throws MalformedURLException, IOException {
URL url = new URL(urlString);
URLConnection connection;
connection = url.openConnection();
connection.setUseCaches(true);
connection.connect();
InputStream response = connection.getInputStream();
return response;
}
}
我已经关注了这个Android培训,我认为它在不阻止主UI的情况下下载图像方面表现非常出色.它还处理缓存和处理滚动许多图像:高效加载大位图
1. 毕加索允许在您的应用程序中轻松加载图像 - 通常只需一行代码!
使用Gradle:
implementation 'com.squareup.picasso:picasso:2.71828'
只需一行代码!
Picasso.get().load("http://i.imgur.com/DvpvklR.png").into(imageView);
2. Glide Android的图像加载和缓存库专注于平滑滚动
使用Gradle:
repositories {
mavenCentral()
google()
}
dependencies {
implementation 'com.github.bumptech.glide:glide:4.7.1'
annotationProcessor 'com.github.bumptech.glide:compiler:4.7.1'
}
//对于一个简单的视图:
Glide.with(this).load("http://i.imgur.com/DvpvklR.png").into(imageView);
3. fresco 是一个功能强大的系统,用于在Android应用程序中显示图像.Fresco负责图像加载和显示,因此您不必这样做.
Fresco入门
我写了一个教程,解释了如何在列表视图中进行延迟加载图像.我详细介绍了回收和并发问题.我还使用固定的线程池来防止产生大量线程.
在Listview教程中延迟加载图像
我这样做的方法是启动一个线程来在后台下载图像,并为每个列表项提供一个回调.当图像下载完成后,它会调用回调来更新列表项的视图.
但是,当您回收视图时,此方法不能很好地工作.
我只想添加一个更好的例子,XML Adapters.因为它被谷歌使用,我也使用相同的逻辑来避免OutOfMemory错误.
基本上这个ImageDownloader是你的答案(因为它涵盖了你的大多数要求).有些你也可以实现.
我一直在使用新的Android Volley Library中的NetworkImageView com.android.volley.toolbox.NetworkImageView,它似乎运行得很好.显然,这与Google Play和其他新的Google应用程序中使用的视图相同.绝对值得一试.
Google I/O 2013排球图像缓存教程
开发者Google事件
这是Android上的一个常见问题,许多人已经通过多种方式解决了这个问题.在我看来,我见过的最好的解决方案是相对较新的名为Picasso的库.以下是亮点:
开源,但为首Jake Wharton的ActionBarSherlock成名.
使用一行代码从网络或应用程序资源异步加载图像
自动ListView检测
自动磁盘和内存缓存
可以做自定义转换
大量可配置选项
超级简单的API
经常更新
那么,来自互联网的图像加载时间有很多解决方案.您也可以使用Android-Query库.它将为您提供所有必需的活动.确保您要执行的操作并阅读库wiki页面.并解决图像加载限制.
这是我的代码:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View v = convertView;
if (v == null) {
LayoutInflater vi = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
v = vi.inflate(R.layout.row, null);
}
ImageView imageview = (ImageView) v.findViewById(R.id.icon);
AQuery aq = new AQuery(convertView);
String imageUrl = "http://www.vikispot.com/z/images/vikispot/android-w.png";
aq.id(imageview).progress(this).image(imageUrl, true, true, 0, 0, new BitmapAjaxCallback() {
@Override
public void callback(String url, ImageView iv, Bitmap bm, AjaxStatus status) {
iv.setImageBitmap(bm);
}
));
return v;
}
它应该解决你的延迟加载问题.
我认为这个问题在Android开发人员中非常受欢迎,并且有很多这样的图书馆声称可以解决这个问题,但其中只有少数似乎是标记.AQuery是一个这样的库,但它在各个方面都比大多数都好,值得一试.
你必须尝试这种通用装载机是最好的.在懒惰加载完成许多RnD之后我正在使用它.
通用图像加载器
特征
多线程图像加载(异步或同步)
ImageLoader配置的广泛定制(线程执行器,下载器,解码器,内存和磁盘缓存,显示图像选项等)
每个显示图像调用的许多自定义选项(存根图像,缓存切换,解码选项,位图处理和显示等)
内存和/或磁盘上的图像缓存(设备的文件系统或SD卡)
听力加载过程(包括下载进度)
Android 2.0+支持
看一下Shutterbug,Applidium的轻量级SDWebImage(iOS上的一个不错的库)到Android的端口.它支持异步缓存,存储失败的URL,很好地处理并发,并包含有用的子类.
拉动请求(和错误报告)也是受欢迎的!
DroidParts有ImageFetcher,需要零配置才能开始.
使用磁盘和内存中最近最少使用(LRU)缓存.
有效地解码图像.
支持修改后台线程中的位图.
有简单的交叉淡入淡出.
有图像加载进度回调.
克隆DroidPartsGram为例:
对于一个犹豫不决的人来说,只是一个快速的提示,关于用于延迟加载图像的库:
有四种基本方式.
DIY =>不是最好的解决方案,但对于一些图像,如果你想没有使用其他库的麻烦
Volley的Lazy Loading库=>来自android的玩家.它很好,但是文档记录很少,因此使用起来很困难.
Picasso:一个简单的解决方案,你甚至可以指定你想要带来的确切图像大小.它使用起来非常简单,但对于那些必须处理大量图像的应用来说可能不是很"高效".
UIL:延迟加载图像的最佳方法.您可以缓存图像(当然需要权限),初始化加载程序一次,然后完成工作.到目前为止我见过的最成熟的异步图像加载库.
Novoda还有一个很棒的懒人图像加载库,很多应用程序如Songkick,Podio,SecretDJ和ImageSearch都使用他们的库.
他们的图书馆托管这里 Github上,他们有一个非常活跃的问题跟踪器为好.他们的项目似乎也相当活跃,在撰写此回复时有超过300次提交.
检查我的LazyList分支.基本上,我通过延迟ImageView的调用来改进LazyList并创建两个方法:
当你需要输入"加载图像......"之类的东西时
当您需要显示下载的图像时.
我还通过在此对象中实现单例来改进ImageLoader .
如果你想显示像Facebook这样的Shimmer布局,那么就有一个官方的facebok库.FaceBook Shimmer Android
它可以处理所有事情,您只需要将您想要的设计代码以嵌套的方式放在闪烁的框架中.这是一个示例代码.
这是它的java代码.
ShimmerFrameLayout shimmerContainer = (ShimmerFrameLayout) findViewById(R.id.shimmer_view_container); shimmerContainer.startShimmerAnimation();
在gradle文件中添加此依赖项.
implementation 'com.facebook.shimmer:shimmer:0.1.0@aar'
这是它的样子.
以上所有代码都有自己的价值,但根据我的个人经验,只需尝试毕加索.
Picasso 是专门用于此目的的库,实际上它将自动管理缓存和所有其他网络操作.您将不得不在项目中添加库,只需编写一行代码即可从远程URL加载图像.
请访问:http://code.tutsplus.com/tutorials/android-sdk-working-with-picasso--cms-22149
使用滑动库.它对我有用,也适用于你的代码.它既适用于图像,也适用于GIF.
ImageView imageView = (ImageView) findViewById(R.id.test_image);
GlideDrawableImageViewTarget imagePreview = new GlideDrawableImageViewTarget(imageView);
Glide
.with(this)
.load(url)
.listener(new RequestListener() {
@Override
public boolean onException(Exception e, String model, Target target, boolean isFirstResource) {
return false;
}
@Override
public boolean onResourceReady(GlideDrawable resource, String model, Target target, boolean isFromMemoryCache, boolean isFirstResource) {
return false;
}
})
.into(imagePreview);
}
我可以推荐一种不同于魅力的方式:Android查询.
您可以从此处下载该JAR文件
AQuery androidAQuery = new AQuery(this);
举个例子:
androidAQuery.id(YOUR IMAGEVIEW).image(YOUR IMAGE TO LOAD, true, true, getDeviceWidth(), ANY DEFAULT IMAGE YOU WANT TO SHOW);
它非常快速和准确,使用它你可以找到更多的功能,如加载时的动画,获取位图(如果需要)等.
给Aquery一试.它具有非常简单的方法来异步加载和缓存图像.
URLImageViewHelper是一个很棒的库,可以帮助您实现这一目标.
京公网安备 11010802040832号 | 京ICP备19059560号-6 