Android ListView显示图片

 

http://mobile.51cto.com/android-266971.htm

在Android开发中ListView是比较常用的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。

AD:

 AndroidListView是比较常用的控件,但一直都觉得创建ListView步骤有点繁琐,故在此总结一下,方便查阅。程序效果是实现一个ListView,ListView里面有标题,内容和图片,并加入点击和长按响应。大家知道ImageView 类虽然有一个 setImageUri 方法,但不能直接接受一个由网络地址生成的uri作为参数从而显示图片,我们只好使用其 setImageBitmap 方法,如

java代码:

   
   
  1. Bitmap mBitmap = null;   
  2. URL url = new URL(imageUrl);   
  3. HttpURLConnection conn = (HttpURLConnection) url.openConnection();   
  4. InputStream is = conn.getInputStream();   
  5. mBitmap = BitmapFactory.decodeStream(is);  

在SimpleAdapter中需要一个数据源,用来存储数据的,在显示图片时我们要用HashMap<>存储一个Bitmap;但仅存取了Bitmap时在ListView中是无法显示图片的,我们需要对SimpleAdapter进行处理 。

如下是对SimpleAdaptr处理的主要代码:

java代码:

   
   
  1. adapter.setViewBinder(new ViewBinder() {   
  2. public boolean setViewValue(View view, Object data,   
  3. String textRepresentation) {   
  4. //判断是否为我们要处理的对象   
  5. if(view instanceof ImageView && data instanceof Bitmap){   
  6. ImageView iv = (ImageView) view;   
  7. iv.setImageBitmap((Bitmap) data);   
  8. return true;   
  9. }else   
  10. return false;   
  11. }   
  12. });  

看API对Android.widget.SimpleAdapter.ViewBinder的解释:

这个类可以利用外部客户价值的观点SimpleAdapter装订。你应该使用这个类绑定值观点不直接支持SimpleAdapter约束力或改变方式发生SimpleAdapter对于视图支持。

你可以使用该类来处理SimpleAdapter不直接支持的数据;

下面来看看完整的代码:

main.xml 中就是一个ListView  , list_item.xml 是为ListView中控件提供布局 ,就是一个ImageView。主要代码   MainActivity.Java

java代码:

   
   
  1. package eoe.demo.listView;  
  2. import java.io.IOException;   
  3. import java.io.InputStream;   
  4. import java.NET.HttpURLConnection;   
  5. import java.net.MalformedURLException;   
  6. import java.net.URL;   
  7. import java.util.ArrayList;   
  8. import java.util.HashMap;   
  9. import java.util.List;   
  10. import android.app.Activity;   
  11. import android.graphics.Bitmap;   
  12. import android.graphics.BitmapFactory;   
  13. import android.os.Bundle;   
  14. import android.view.LayoutInflater;   
  15. import android.view.View;   
  16. import android.widget.ImageView;   
  17. import android.widget.ListView;   
  18. import android.widget.SimpleAdapter;   
  19. import android.widget.SimpleAdapter.ViewBinder;   
  20. public class MainActivity extends Activity {   
  21. ListView mListView;   
  22. View mView;   
  23. public static final String imageUrl = "自己想要的路径";   
  24. public void onCreate(Bundle savedInstanceState) {   
  25. super.onCreate(savedInstanceState);   
  26. setContentView(R.layout.main);   
  27. mView = LayoutInflater.from(this).inflate(R.layout.list_item,null);   
  28. mListView = (ListView) findViewById(R.id.mList);   
  29. List<HashMap<String,Object>> mListData = getListData();   
  30. SimpleAdapter adapter = new SimpleAdapter(this, mListData, R.layout.list_item,   
  31. new String[]{"icon"}, new int[]{R.id.image});   
  32. adapter.setViewBinder(new ViewBinder() {   
  33. public boolean setViewValue(View view, Object data,   
  34. String textRepresentation) {   
  35. //判断是否为我们要处理的对象   
  36. if(view instanceof ImageView && data instanceof Bitmap){   
  37. ImageView iv = (ImageView) view;   
  38. iv.setImageBitmap((Bitmap) data);   
  39. return true;   
  40. }else   
  41. return false;   
  42. }   
  43. });   
  44. mListView.setAdapter(adapter);   
  45. }   
  46. public List<HashMap<String,Object>> getListData(){   
  47. List<HashMap<String,Object>> list = new ArrayList<HashMap<String,Object>>();   
  48. HashMap<String,Object> map = null;   
  49. for(int i=0;i<5;i++){   
  50. map = new HashMap<String, Object>();   
  51. map.put("icon",getBitmap());   
  52. list.add(map);   
  53. }   
  54. return list;   
  55. }   
  56. public Bitmap getBitmap(){   
  57. Bitmap mBitmap = null;   
  58. try {   
  59. URL url = new URL(imageUrl);   
  60. HttpURLConnection conn = (HttpURLConnection) url.openConnection();   
  61. InputStream is = conn.getInputStream();   
  62. mBitmap = BitmapFactory.decodeStream(is);   
  63. } catch (MalformedURLException e) {   
  64. e.printStackTrace();   
  65. } catch (IOException e) {   
  66. e.printStackTrace();   
  67. }   
  68. return mBitmap;   
  69. }   
  70. }  

java代码:

我们最后就是要加上一句权限,我们来看看权限的代码:

   
   
  1. <uses-permission android:name="android.permission.INTERNET">  

对于android中的listview相信大家应该都不陌生,也是比较常用的组件。希望本篇文章对你有帮助吧!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要在Android ListView显示图片,可以使用自定义适配器来实现。以下是实现步骤: 1. 在ListView的布局文件中添加一个ImageView控件,用于显示图片。 2. 创建一个自定义适配器,继承自BaseAdapter类。 3. 在适配器的getView()方法中,获取当前项的数据,并将图片加载到ImageView控件中。 4. 在MainActivity中,将适配器设置给ListView。 5. 准备好图片资源,可以将图片放在drawable文件夹中,或者从网络上获取。 6. 运行程序,即可看到ListView显示图片。 具体实现细节可以参考以下代码: 1. ListView布局文件中添加ImageView控件 ``` <ImageView android:id="@+id/imageView" android:layout_width="50dp" android:layout_height="50dp" android:layout_marginLeft="10dp" android:layout_marginTop="10dp" android:layout_marginBottom="10dp" android:scaleType="centerCrop" /> ``` 2. 自定义适配器 ``` public class MyAdapter extends BaseAdapter { private Context mContext; private List<Item> mItemList; public MyAdapter(Context context, List<Item> itemList) { mContext = context; mItemList = itemList; } @Override public int getCount() { return mItemList.size(); } @Override public Object getItem(int position) { return mItemList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item, parent, false); holder = new ViewHolder(); holder.imageView = convertView.findViewById(R.id.imageView); holder.textView = convertView.findViewById(R.id.textView); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } Item item = mItemList.get(position); holder.textView.setText(item.getName()); // 加载图片 Glide.with(mContext) .load(item.getImageUrl()) .into(holder.imageView); return convertView; } private static class ViewHolder { ImageView imageView; TextView textView; } } ``` 3. MainActivity中设置适配器 ``` public class MainActivity extends AppCompatActivity { private ListView mListView; private MyAdapter mAdapter; private List<Item> mItemList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mListView = findViewById(R.id.listView); // 准备数据 mItemList = new ArrayList<>(); mItemList.add(new Item("item1", R.drawable.image1)); mItemList.add(new Item("item2", R.drawable.image2)); mItemList.add(new Item("item3", R.drawable.image3)); mItemList.add(new Item("item4", R.drawable.image4)); mItemList.add(new Item("item5", R.drawable.image5)); // 创建适配器 mAdapter = new MyAdapter(this, mItemList); // 设置适配器 mListView.setAdapter(mAdapter); } } ``` 4. Item类 ``` public class Item { private String mName; private int mImageResId; private String mImageUrl; public Item(String name, int imageResId) { mName = name; mImageResId = imageResId; } public Item(String name, String imageUrl) { mName = name; mImageUrl = imageUrl; } public String getName() { return mName; } public int getImageResId() { return mImageResId; } public String getImageUrl() { return mImageUrl; } } ``` 以上代码使用了Glide库来加载图片,需要在build.gradle文件中添加以下依赖: ``` implementation 'com.github.bumptech.glide:glide:4.12.' annotationProcessor 'com.github.bumptech.glide:compiler:4.12.' ``` ### 回答2: Android中使用ListView显示图片可以通过以下几种方式实现: 1.使用ImageView作为ListView的子项布局,在Adapter中获取图片资源并设置给ImageView即可: ``` public class MyAdapter extends BaseAdapter { private Context mContext; public MyAdapter(Context context) { mContext = context; } @Override public int getCount() { return mImageList.length; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView == null) { convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item, null); holder = new ViewHolder(); holder.imageView = (ImageView) convertView.findViewById(R.id.image_view); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } holder.imageView.setImageResource(mImageList[position]); return convertView; } private static class ViewHolder { ImageView imageView; } private Integer[] mImageList = {R.drawable.image1, R.drawable.image2, R.drawable.image3}; } ``` 2.使用自定义View作为ListView的子项布局,自定义View中绘制图片即可: ``` public class MyListItemView extends View { private Paint mPaint; private Bitmap mBitmap; public MyListItemView(Context context) { super(context); init(); } public MyListItemView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public MyListItemView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setFilterBitmap(true); } public void setImageResource(int resId) { if (mBitmap != null) { mBitmap.recycle(); } mBitmap = BitmapFactory.decodeResource(getResources(), resId); invalidate(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (mBitmap != null) { canvas.drawBitmap(mBitmap, 0, 0, mPaint); } } } ``` 在Adapter中设置图片资源: ``` public class MyAdapter extends BaseAdapter { private Context mContext; public MyAdapter(Context context) { mContext = context; } @Override public int getCount() { return mImageList.length; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { MyListItemView view = null; if (convertView == null) { view = new MyListItemView(mContext); } else { view = (MyListItemView) convertView; } view.setImageResource(mImageList[position]); return view; } private Integer[] mImageList = {R.drawable.image1, R.drawable.image2, R.drawable.image3}; } ``` 3.使用开源库如Picasso或Glide实现图片加载和缓存,可以提高加载图片的效率和用户体验。例如使用Glide: ``` public class MyAdapter extends BaseAdapter { private Context mContext; public MyAdapter(Context context) { mContext = context; mGlide = Glide.with(context); } @Override public int getCount() { return mImageList.length; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder = null; if (convertView == null) { convertView = LayoutInflater.from(mContext).inflate(R.layout.list_item, null); holder = new ViewHolder(); holder.imageView = (ImageView) convertView.findViewById(R.id.image_view); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } mGlide.load(mImageList[position]).into(holder.imageView); return convertView; } private static class ViewHolder { ImageView imageView; } private Glide mGlide; private String[] mImageList = {...}; } ``` ### 回答3: 在Android开发中,ListView是常用的控件之一,用于显示一组数据列表。而有些情况下,我们需要在ListView显示图片,根据图片大小和数量的不同,我们可以选择不同的方式来加载图片。 1.使用图片缓存库 使用图片缓存库可以有效地避免OOM(内存溢出)的问题。目前比较常用的图片库有Glide、Picasso、Fresco等。这些库都是使用异步加载的方式来加载图片,可以避免在主线程中阻塞UI。 以Glide为例,我们可以在Adapter中的getView()方法中,调用Glide.with(context).load(url).into(imageView)方法来加载图片。如果是从本地资源加载,可以使用Glide.with(context).load(resId).into(imageView)。 2.使用缩略图 如果图片较大,建议使用缩略图来显示。可以对图片进行压缩、裁剪等处理,以适应ListView的大小和屏幕分辨率。可以使用BitmapFactory.decodeFile()或者BitmapFactory.decodeResource()方法来获取缩略图,然后将缩略图作为ImageView的背景。 3.使用LruCache LruCache是Android提供的内存缓存机制,可以有效地避免OOM的问题。在Adapter中的getView()方法中,我们可以先从缓存中读取图片,如果没有则从网络或本地获取。可以通过LruCache<String, Bitmap>来实现缓存。 4.使用多线程异步加载 在使用ListView加载图片时,最好使用异步加载,这样可以保证在加载图片时不会卡顿。可以使用多线程异步加载方式,使用Thread或者AsyncTask来实现异步加载。 总的来说,使用图片缓存库是一种比较好的方式,可以兼顾加载速度和占用内存,并且比较易用。同时,为了更好的用户体验,建议在图片加载时显示占位图或者加载进度条。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值