Android ListView显示不同布局Item

其他 2018-05-06 19:05:34 阅读次数: 6

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;
    }


}

猜你喜欢

转载自blog.csdn.net/xingxtao/article/details/51113782
今日推荐
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
GCC 14.1 发布
面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」
开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了
周排行
计算机组成与设计（七）—— 除法器
Integer Approximation(分治+枚举)
大话数据库索引
windows10系统JDK的配置及下载地址
mysql实现秒值转换中原六仔平台搭建
Codeforces Round #556 (Div. 1)
百练1064 网线主管
Codeforces 995F Cowmpany Cowmpensation
子集生成之增量构造法，位向量法，二进制法
ERROR: cmd.exe failed with args /c "/APK\gradle\rungradle.bat...
每日归档
更多
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)
2024-05-01(4)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022