我想学习如何以 Asynctask 方式加载图像并将它们加载到 listViewAdapter 中
I wanna learn how to load images in Asynctask way and load those in listViewAdapter
各位,
我遇到一个问题,我使用 listView 显示本地资源中的数百个图像,并且我将充满 screen.There 的图像设置为每个列表 item.But 中带有 imageView 和 TextView 的项目,当我滑动到下一个项目,不顺畅。我使用ImageFactory.options调整images.But的比例问题仍然exists.I猜想我应该使用asynctask加载和图像缓存来解决这个问题.
这是我的代码,希望小伙伴们多多指点我problems.Thank你们
package com.jafir.project.adapter;
import java.util.List;
import java.util.Map;
import com.jafir.project.porunacabeza.R;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.os.Message;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView.RecyclerListener;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class PicListViewAdapter extends BaseAdapter {
private Context context;
private Resources resources;
private LayoutInflater inflater;
private ViewHolder holder;
private List<Map<String, Object>> list;
public PicListViewAdapter(Context context,List<Map<String, Object>> list) {
this.list = list;
this.context = context;
this.inflater = LayoutInflater.from(context);
resources = context.getResources();
}
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int arg0) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if(convertView == null) {
convertView = inflater.inflate(R.layout.item_pic, null);
holder = new ViewHolder();
holder.imageView = (ImageView) convertView.findViewById(R.id.img_pic);
holder.textView = (TextView) convertView.findViewById(R.id.txt_pic);
convertView.setTag(holder);
}else {
holder = (ViewHolder) convertView.getTag();
}
int resID = (Integer) list.get(position).get("image");
String text = (String) list.get(position).get("text");
holder.imageView.setImageBitmap(decodeBitmap(resources, resID, holder.imageView.getWidth(), holder.imageView.getHeight()));
holder.textView.setText(text);
notifyDataSetChanged();
return convertView;
}
public Bitmap decodeBitmap(Resources res,int id,int width,int height){
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(res,id,options);
options.inSampleSize = getInSampleSize(options,width,height);
options.inJustDecodeBounds = false;
return BitmapFactory.decodeResource(res,id,options);
}
public int getInSampleSize(BitmapFactory.Options options,int reqWidth,int reqHeight){
final int width = options.outWidth;
final int height = options.outHeight;
int inSampleSize = 1;
if(height > reqHeight || width > reqWidth) {
int radioWidth = Math.round((float)width/(float)reqWidth);
int radioHeight = Math.round((float)height/(float)reqHeight);
inSampleSize = radioHeight < radioWidth ?radioHeight:radioWidth;
}
return inSampleSize;
}
final static class ViewHolder{
ImageView imageView;
TextView textView;
}
}
这是为了活动:
private void init() {
listView = (ListView) getActivity().findViewById(R.id.lst_pic);
list = new ArrayList<Map<String,Object>>();
for(int i=0;i < texts.length;i++){
Map<String, Object> map = new HashMap<String, Object>();
map.put("image", R.drawable.img0+ i);
map.put("text", texts[i]);
list.add(map);
}
listView.setAdapter(new PicListViewAdapter(getActivity(), list));
}
这是给 item.xml 的:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:orientation="vertical"
>
<ImageView android:id="@+id/img_pic"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
/>
<TextView android:id="@+id/txt_pic"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="15dp"
android:gravity="center_horizontal"
android:layout_gravity="center_horizontal"
/>
</LinearLayout>
官网Android有综合指南,请参考http://developer.android.com/training/displaying-bitmaps/index.html
session 包含以下主题:
高效加载大位图
本课程将指导您在不超过每个应用程序内存限制的情况下解码大型位图。
正在 UI 线程处理位图
位图处理(调整大小、从远程源下载等)永远不应在主 UI 线程上进行。本课将指导您使用 AsyncTask 在后台线程中处理位图,并说明如何处理并发问题。
缓存位图
本课将指导您使用内存和磁盘位图缓存来提高加载多个位图时 UI 的响应速度和流畅性。
管理位图内存
本课程介绍如何管理位图内存以最大限度地提高应用的性能。
在您的 UI 中显示位图
本课将所有内容整合在一起,向您展示如何使用后台线程和位图缓存将多个位图加载到 ViewPager 和 GridView 等组件中。
你猜对了。我可能在 2 年前使用来自 tomgibara 的 ViewRenderer (https://gist.github.com/tomgibara/1084229) 测试了实现,结果输出非常流畅。很好
如果我尝试试一试,我会尝试自己创建一个机制。
一些考虑供您参考:
- 将解码后的位图放入LRUCache中,这样就不会得到一个
内存不足错误。说真的,当你加载一个
很多图片。
- 随心所欲地使用AsyncTask/Loader/Raw话题。不多
本质上的区别。
如果我是你,我会使用那个列表适配器,但在其中使用 picasso 库来加载图像。 Picasso 不会在 UI 线程上加载图像。这就是您收到此错误的原因。添加库后,尝试使你的 getView()
像这样:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if(convertView == null) {
convertView = inflater.inflate(R.layout.item_pic, null);
holder = new ViewHolder();
holder.imageView = (ImageView) convertView.findViewById(R.id.img_pic);
holder.textView = (TextView) convertView.findViewById(R.id.txt_pic);
convertView.setTag(holder);
}else {
holder = (ViewHolder) convertView.getTag();
}
int resID = (Integer) list.get(position).get("image");
String text = (String) list.get(position).get("text");
//Picasso code
Picasso.Builder builder = new Picasso.Builder(context);
Picasso picasso = builder.build();
picasso.load(resID).into(holder.imageView);
//End Picasso code
holder.textView.setText(text);
notifyDataSetChanged();
return convertView;
}
各位, 我遇到一个问题,我使用 listView 显示本地资源中的数百个图像,并且我将充满 screen.There 的图像设置为每个列表 item.But 中带有 imageView 和 TextView 的项目,当我滑动到下一个项目,不顺畅。我使用ImageFactory.options调整images.But的比例问题仍然exists.I猜想我应该使用asynctask加载和图像缓存来解决这个问题. 这是我的代码,希望小伙伴们多多指点我problems.Thank你们
package com.jafir.project.adapter;
import java.util.List;
import java.util.Map;
import com.jafir.project.porunacabeza.R;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.os.Message;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView.RecyclerListener;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class PicListViewAdapter extends BaseAdapter {
private Context context;
private Resources resources;
private LayoutInflater inflater;
private ViewHolder holder;
private List<Map<String, Object>> list;
public PicListViewAdapter(Context context,List<Map<String, Object>> list) {
this.list = list;
this.context = context;
this.inflater = LayoutInflater.from(context);
resources = context.getResources();
}
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int arg0) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if(convertView == null) {
convertView = inflater.inflate(R.layout.item_pic, null);
holder = new ViewHolder();
holder.imageView = (ImageView) convertView.findViewById(R.id.img_pic);
holder.textView = (TextView) convertView.findViewById(R.id.txt_pic);
convertView.setTag(holder);
}else {
holder = (ViewHolder) convertView.getTag();
}
int resID = (Integer) list.get(position).get("image");
String text = (String) list.get(position).get("text");
holder.imageView.setImageBitmap(decodeBitmap(resources, resID, holder.imageView.getWidth(), holder.imageView.getHeight()));
holder.textView.setText(text);
notifyDataSetChanged();
return convertView;
}
public Bitmap decodeBitmap(Resources res,int id,int width,int height){
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
BitmapFactory.decodeResource(res,id,options);
options.inSampleSize = getInSampleSize(options,width,height);
options.inJustDecodeBounds = false;
return BitmapFactory.decodeResource(res,id,options);
}
public int getInSampleSize(BitmapFactory.Options options,int reqWidth,int reqHeight){
final int width = options.outWidth;
final int height = options.outHeight;
int inSampleSize = 1;
if(height > reqHeight || width > reqWidth) {
int radioWidth = Math.round((float)width/(float)reqWidth);
int radioHeight = Math.round((float)height/(float)reqHeight);
inSampleSize = radioHeight < radioWidth ?radioHeight:radioWidth;
}
return inSampleSize;
}
final static class ViewHolder{
ImageView imageView;
TextView textView;
}
}
这是为了活动:
private void init() {
listView = (ListView) getActivity().findViewById(R.id.lst_pic);
list = new ArrayList<Map<String,Object>>();
for(int i=0;i < texts.length;i++){
Map<String, Object> map = new HashMap<String, Object>();
map.put("image", R.drawable.img0+ i);
map.put("text", texts[i]);
list.add(map);
}
listView.setAdapter(new PicListViewAdapter(getActivity(), list));
}
这是给 item.xml 的:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
android:layout_width="match_parent"
android:orientation="vertical"
>
<ImageView android:id="@+id/img_pic"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
/>
<TextView android:id="@+id/txt_pic"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="15dp"
android:gravity="center_horizontal"
android:layout_gravity="center_horizontal"
/>
</LinearLayout>
官网Android有综合指南,请参考http://developer.android.com/training/displaying-bitmaps/index.html
session 包含以下主题:
高效加载大位图 本课程将指导您在不超过每个应用程序内存限制的情况下解码大型位图。
正在 UI 线程处理位图 位图处理(调整大小、从远程源下载等)永远不应在主 UI 线程上进行。本课将指导您使用 AsyncTask 在后台线程中处理位图,并说明如何处理并发问题。
缓存位图 本课将指导您使用内存和磁盘位图缓存来提高加载多个位图时 UI 的响应速度和流畅性。
管理位图内存 本课程介绍如何管理位图内存以最大限度地提高应用的性能。
在您的 UI 中显示位图 本课将所有内容整合在一起,向您展示如何使用后台线程和位图缓存将多个位图加载到 ViewPager 和 GridView 等组件中。
你猜对了。我可能在 2 年前使用来自 tomgibara 的 ViewRenderer (https://gist.github.com/tomgibara/1084229) 测试了实现,结果输出非常流畅。很好
如果我尝试试一试,我会尝试自己创建一个机制。 一些考虑供您参考:
- 将解码后的位图放入LRUCache中,这样就不会得到一个 内存不足错误。说真的,当你加载一个 很多图片。
- 随心所欲地使用AsyncTask/Loader/Raw话题。不多 本质上的区别。
如果我是你,我会使用那个列表适配器,但在其中使用 picasso 库来加载图像。 Picasso 不会在 UI 线程上加载图像。这就是您收到此错误的原因。添加库后,尝试使你的 getView()
像这样:
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if(convertView == null) {
convertView = inflater.inflate(R.layout.item_pic, null);
holder = new ViewHolder();
holder.imageView = (ImageView) convertView.findViewById(R.id.img_pic);
holder.textView = (TextView) convertView.findViewById(R.id.txt_pic);
convertView.setTag(holder);
}else {
holder = (ViewHolder) convertView.getTag();
}
int resID = (Integer) list.get(position).get("image");
String text = (String) list.get(position).get("text");
//Picasso code
Picasso.Builder builder = new Picasso.Builder(context);
Picasso picasso = builder.build();
picasso.load(resID).into(holder.imageView);
//End Picasso code
holder.textView.setText(text);
notifyDataSetChanged();
return convertView;
}