Android ListView显示不同布局Item

最新推荐文章于 2022-01-01 16:09:11 发布
最新推荐文章于 2022-01-01 16:09:11 发布
阅读量8k 收藏 18
点赞数 2
文章标签： android listview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xingxtao/article/details/51113782
版权

ListView显示不同item布局在一些场合还是比较常用的，譬如 新闻客户端中，用的灰常多。

该demo使用xUtils框架，用于请求网络，和加载图片。

效果图:
这里写图片描述

图片数据是从服务器获取

listview.json

{
    "code": 200,
    "result": [
        {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot1.jpg"
            ],
            "title": "江南好风景",
            "type": 0
        },
    {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot2.jpg"
            ],
            "title": "江南好风景",
            "type": 0
        },
        {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot11.jpg"
            ],
            "title": "标题",
            "type": 0
        },
    {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot10.jpg"
            ],
            "title": "标题",
            "type": 0
        },
    {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot6.jpg"
            ],
            "title": "标题",
            "type": 0
        },
    {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot8.jpg"
            ],
            "title": "标题",
            "type": 0
        },
        {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot3.jpg",
                "http://10.0.3.2:8080/iNews/photo/photo_hot4.jpg",
                "http://10.0.3.2:8080/iNews/photo/photo_hot5.jpg"
            ],
            "title": "上有天堂，下有苏杭",
            "type": 2
        },
    {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot11.jpg",
                "http://10.0.3.2:8080/iNews/photo/photo_hot4.jpg",
                "http://10.0.3.2:8080/iNews/photo/photo_hot2.jpg"
            ],
            "title": "标题",
            "type": 2
        },
        {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot6.jpg"
            ],
            "title": "标题",
            "type": 1
        },
    {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot7.jpg"
            ],
            "title": "标题",
            "type": 1
        },
    {
            "imageUrl": [
                "http://10.0.3.2:8080/iNews/photo/photo_hot3.jpg",
                "http://10.0.3.2:8080/iNews/photo/photo_hot4.jpg",
                "http://10.0.3.2:8080/iNews/photo/photo_hot5.jpg"
            ],
            "title": "标题",
            "type": 2
        }

    ]
}
  1. ListView item布局

item_type0.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:padding="16dp">

    <ImageView
        android:id="@+id/image_zero"
        android:layout_width="200dp"
        android:layout_height="120dp"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/content_zero"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="dddcasldjclkj"
        android:textSize="20sp" />


</LinearLayout>

item_type1.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp">

    <ImageView
        android:id="@+id/image_one"
        android:layout_width="180dp"
        android:layout_height="120dp"
        android:layout_alignParentRight="true"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/content_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:text="dddcasldjclkj"
        android:textSize="20sp" />


</RelativeLayout>

item_type2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="16dp">


    <TextView
        android:id="@+id/content_two"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:text="jcalksjdklca"
        android:textSize="20sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:orientation="horizontal"
        android:padding="10dp">


        <ImageView
            android:id="@+id/image_left"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_weight="1"
            android:scaleType="fitXY"
            android:src="@mipmap/ic_launcher" />

        <ImageView
            android:id="@+id/image_center"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_marginLeft="20dp"
            android:layout_weight="1"
            android:scaleType="fitXY"
            android:src="@mipmap/ic_launcher" />

        <ImageView
            android:id="@+id/image_right"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_marginLeft="20dp"
            android:layout_weight="1"
            android:scaleType="fitXY"
            android:src="@mipmap/ic_launcher" />

    </LinearLayout>
</LinearLayout>

数据包装类

DataBean.java

package com.xing.mutilistview;

import java.util.List;

/**
 * Created by Administrator on 2016/4/10.
 */
public class DataBean {

    private int code;

    private List<Result> result;


    public int getCode() {
        return code;
    }

    public List<Result> getResult() {
        return result;
    }
}


class Result {
    private int type;

    private String title;

    private List<String> imageUrl;

    public int getType() {
        return type;
    }

    public String getTitle() {
        return title;
    }

    public List<String> getImageUrl() {
        return imageUrl;
    }
}

继承自BaseAdapter适配器

MyAdapter.java

package com.xing.mutilistview;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.lidroid.xutils.BitmapUtils;

import java.util.List;

/**
 * Created by Administrator on 2016/4/10.
 */
public class MyAdapter extends BaseAdapter {
    private Context context;

    private List<Result> dataList;

    private LayoutInflater inflater;

    private final int TYPE_COUNT = 3;

    private final int TYPE_ONE = 0;

    private final int TYPE_TWO = 1;

    private final int TYPE_THREE = 2;

    private int currentType;

    private BitmapUtils bitmapUtils;

    public MyAdapter(Context context, List<Result> dataList) {
        this.context = context;
        this.dataList = dataList;
        inflater = LayoutInflater.from(context);
        bitmapUtils = new BitmapUtils(context);
    }

    @Override
    public int getCount() {
        return dataList.size();
    }

    @Override
    public Object getItem(int i) {
        return dataList.get(i);
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup viewGroup) {

        Result result = dataList.get(position);
        List<String> imageUrls = result.getImageUrl();
        currentType = getItemViewType(position);
        //根据currentType来加载不同的布局,并复用convertview
        if (currentType == TYPE_ONE) {    //加载第一种布局
            ViewHolderOne viewHolderOne;
            //首先判断convertview==null
            if (convertView == null) {
                viewHolderOne = new ViewHolderOne();
                convertView = inflater.inflate(R.layout.item_type0, null);
                viewHolderOne.imageView = (ImageView) convertView.findViewById(R.id.image_zero);
                viewHolderOne.textView = (TextView) convertView.findViewById(R.id.content_zero);
                convertView.setTag(viewHolderOne);
            } else {
                viewHolderOne = (ViewHolderOne) convertView.getTag();
            }

            bitmapUtils.display(viewHolderOne.imageView, imageUrls.get(0));
            viewHolderOne.textView.setText(result.getTitle());

        } else if (currentType == TYPE_TWO) {  //加载第二种布局
            ViewHolderTwo viewHolderTwo;
            if (convertView == null) {
                viewHolderTwo = new ViewHolderTwo();
                convertView = inflater.inflate(R.layout.item_type1, null);
                viewHolderTwo.textView = (TextView) convertView.findViewById(R.id.content_one);
                viewHolderTwo.imageView = (ImageView) convertView.findViewById(R.id.image_one);
                convertView.setTag(viewHolderTwo);
            } else {
                viewHolderTwo = (ViewHolderTwo) convertView.getTag();
            }
            bitmapUtils.display(viewHolderTwo.imageView, imageUrls.get(0));
            viewHolderTwo.textView.setText(result.getTitle());


        } else if (currentType == TYPE_THREE) {   //加载第三种布局
            ViewHolderThree viewHolderThree;
            if (convertView == null) {
                viewHolderThree = new ViewHolderThree();
                convertView = inflater.inflate(R.layout.item_type2, null);
                viewHolderThree.textView = (TextView) convertView.findViewById(R.id.content_two);
                viewHolderThree.imageLeft = (ImageView) convertView.findViewById(R.id.image_left);
                viewHolderThree.imageCenter = (ImageView) convertView.findViewById(R.id.image_center);
                viewHolderThree.imageRight = (ImageView) convertView.findViewById(R.id.image_right);
                convertView.setTag(viewHolderThree);

            } else {
                viewHolderThree = (ViewHolderThree) convertView.getTag();
            }

            viewHolderThree.textView.setText(result.getTitle());
            bitmapUtils.display(viewHolderThree.imageLeft, imageUrls.get(0));
            bitmapUtils.display(viewHolderThree.imageCenter, imageUrls.get(1));
            bitmapUtils.display(viewHolderThree.imageRight, imageUrls.get(2));
        }


        return convertView;
    }

    class ViewHolderOne {

        public ImageView imageView;

        public TextView textView;
    }

    class ViewHolderTwo {

        public TextView textView;

        public ImageView imageView;
    }

    class ViewHolderThree {

        public TextView textView;

        public ImageView imageLeft;

        public ImageView imageCenter;

        public ImageView imageRight;
    }

    @Override
    public int getViewTypeCount() {
        return TYPE_COUNT;
    }

    @Override
    public int getItemViewType(int position) {
        Log.i("debug", "position=" + position);
        Result result = dataList.get(position);
        Log.i("ddd", "result=" + result);
        int type = result.getType();
        switch (type) {
            case TYPE_ONE:
                return TYPE_ONE;

            case TYPE_TWO:
                return TYPE_TWO;

            case TYPE_THREE:
                return TYPE_THREE;
            default:
                return -1;
        }
    }
}

测试demo

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.xing.mutilistview.MainActivity">


    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>


</RelativeLayout>

MainActivity.java

package com.xing.mutilistview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.util.Log;
import android.widget.ListView;

import com.google.gson.Gson;
import com.lidroid.xutils.HttpUtils;
import com.lidroid.xutils.exception.HttpException;
import com.lidroid.xutils.http.ResponseInfo;
import com.lidroid.xutils.http.callback.RequestCallBack;
import com.lidroid.xutils.http.client.HttpRequest;

import java.util.List;

public class MainActivity extends AppCompatActivity {

    private static final String URL = "http://10.0.3.2:8080/listview.json";

    private ListView listView;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Log.i("ddd","oncreate");
        listView = (ListView) findViewById(R.id.listView);
        initData();
    }

    private void initData() {
        Log.i("ddd","initdata");
        HttpUtils httpUtils = new HttpUtils();
        httpUtils.send(HttpRequest.HttpMethod.GET, URL, new RequestCallBack<String>() {
            @Override
            public void onSuccess(ResponseInfo<String> responseInfo) {
                String jsonStr = responseInfo.result;
                Log.i("debug", "jsonStr=" + jsonStr);
                if (!TextUtils.isEmpty(jsonStr)) {
                    List<Result> resultList = parseJson(jsonStr);
                    Log.i("debug", "resultList=" + resultList);
                    if (resultList != null) {
                        MyAdapter adapter = new MyAdapter(MainActivity.this, resultList);
                        if (adapter != null) {
                            listView.setAdapter(adapter);
                        }
                    }

                }

            }

            @Override
            public void onFailure(HttpException e, String s) {

            }
        });
    }


    private List<Result> parseJson(String jsonStr) {
        Gson gson = new Gson();
        DataBean dataBean = gson.fromJson(jsonStr, DataBean.class);
        Log.i("ddd","databean");
        if (dataBean != null) {
            return dataBean.getResult();
        }
        return null;
    }


}
星火燎原2016
关注
  • 2
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Android-第六节01ListView详解，这里有份超全Android体系化进阶学习图谱
2401_83973995的博客
03-31 991
相信大多数从事Android开发的朋友们越来越发现，找工作越来越难了，面试的要求越来越高了除了基础扎实的java知识，数据结构算法，设计模式还要求会底层源码，NDK技术，性能调优，还有会些小程序和跨平台，比如说flutter，以思维脑图的方式展示在下图；这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）**[外链图片转存中…(img-QRktySzw-1711857970088)]相信大多数从事Android开发的朋友们越来越发现，找工作越来越难了，面试的要求越来越高了。
Android中ListView Item布局优化技巧
09-03
当一个Item从屏幕上消失，它的视图会被缓存起来，当新的Item需要显示时，ListView会尝试复用这些缓存的视图，而不是每次都创建新的。这就需要我们在`getView()`方法中正确地处理视图的初始化和复用。 在上述描述中...
ListView实现两种布局
12-16
一个简单的聊天界面示例，来演示如何在ListView的getView方法里更优雅地实现加载不同的布局。
Android Listview 实现不同的item
weixin_42354735的博客
01-07 269
以后填写
android listview 两种布局,android listview显示不同的布局（其中需要注意的问题）
weixin_32328999的博客
05-26 283
直接贴代码//这个接口是用来标志类型的publicinterfaceIType{publicstaticfinalintTYPE_1=0;publicstaticfinalintTYPE_2=1;publicintgetType();}//类型1的modelpublicclassType1implementsIType{privateStringte...
实现ListView不同的Item
puhaibo_skynet的专栏
08-16 501
http://blog.sina.com.cn/s/blog_629b701e0100x338.html
ListView显示不同布局
安卓笔记
08-10 2127
在使用不同布局的时候,getItemViewType和getViewType不能少,一般是不用这两个函数的重载的 listView.setAdapter(new BaseAdapter() { @Override public int getViewTypeCount() { // TODO Auto-genera
Android ListView自动显示隐藏布局的实现方法
09-01
总之，实现Android ListView自动显示隐藏布局的关键在于监听ListView的滑动事件，判断滑动方向，并使用属性动画平滑地改变目标布局的可见性。这个功能可以极大地提升用户体验，尤其是在需要在滚动时隐藏顶部或底部...
Android ListView使用不同对象加载不同布局
11-11
http://blog.csdn.net/lv_fq/article/details/52976463
Android Listview中显示不同的视图布局详解及实例代码
08-31
实现Android ListView中显示不同的视图布局，关键在于理解并正确实现`BaseAdapter`的`getViewTypeCount()`和`getItemViewType()`方法，以及在`getView()`方法中处理视图的创建和复用。这使得我们可以在一个ListView...
Android ListView实现不同item的方法和原理分析
阳光灿烂的日子的博客
08-07 1507
ListView实现不同item的方法和原理分析 一问题抛出 Listview是android里面的重要组件，用来显示一个竖向列表，这个没有什么问题；但是有个时候列表里面的item不是一样的，如下图，列表里面应该有3种类型的item   1. 头像在左边的气泡Item ，比如”今天下午我就不出来了,...” 2. 头像在右边的气泡Item，比如”那就等着我发你好吧” 3
Android ListView 不同类型item展示
06-21
Android 使用ListView展示不同的item类型
android之listView显示不同的item
代码解释生活
04-26 1129
public class RuanjianManagerActivity extends Activity { private TextView tv_neicun; private TextView tv_sdcard; private LinearLayout lt; private ListView lst; private List&lt;Ruan...
Android ListItem 的布局方案
gaomingjun的博客
08-23 365
当需要实现一个List对象时，每一个Item的布局是很重要的，例如下面的布局，你在实际的代码中会采用什么布局方式呢？LinearLayout还是RelativeLayout??   Android的文档中说，采用RelativeLayout比LinearLayout好，可以高效的实现，不像LinearLayout那么浪费资源。他给的理由是，实现起来的层次不一样，我不知道这里有能说服谁?? ...
android listview加载不同布局及注意事项
烈火苍穹的博客
04-13 1533
这里介绍两种不同，第一种只是item布局不同，但是控件都是一样的。第二种则是布局和控件都不相同。第一种：布局不同，控件相同 首先我们先创建两个布局，一个是listview_record_a，一个是listview_record_b，下面是各自的代码listview_record_a<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:
android listview 不同item布局,Android Listview中显示不同的视图布局详解及实例代码...
weixin_39587010的博客
05-26 259
Android Listview中显示不同的视图布局1. 使用场景在重写ListView的BaseAdapter时，我们常常在getView()方法中复用convertView，以提高性能。convertView在Item为单一的同种类型布局时，能够回收并重用，但是多个Item布局类型不同时，convertView的回收和重用会出现问题。比如有些行为纯文本，有些行则是图文混排，这里纯文本行为一类布...
Android ListView布局
博客
01-01 1487
//需要创建依赖类BaseAdapter public class MyAdite extends BaseAdapter { public MyAdite(List<Bena> benas, Context context) { this.benas = benas; this.context = context; } List<Bena> benas; Context context; @Override ...
ANDROID 为LISTVIEW构造自定义布局
a5223573m的专栏
09-26 596
ANDROID 提供的ListView默认只有简单的一列，而我在程序开发中，经常会遇到的问题是，希望ListView能尽量多展示一些信息给我们的用户。所以，需要为ListView去自定义布局，例如，分为多列显示，即生成一张数据表，这些在使用数据库的时候是很有必要的。
android ListView 自定义布局 有多选框
Swer
03-08 1616
多选框这个时候使用其空间选择事件是不太好处理的 package com.enmu.sun.until.mypbulic;   import java.util.ArrayList; import java.util.HashMap; import java.util.Map;   import com.enmu.sfh.R;
androidlistview显示图片
最新发布
06-28
### 回答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来实现异步加载。 总的来说，使用图片缓存库是一种比较好的方式，可以兼顾加载速度和占用内存，并且比较易用。同时，为了更好的用户体验，建议在图片加载时显示占位图或者加载进度条。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值