ListView的多条目展示

目录

ListView多条目展示的简单实现

简单是实现步骤：

• 准备两个展示不同布局的两个子布局
• 连接网络的权限
• 准备用到的GSon和Imageloader

---

自局部list_item

<?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="match_parent">
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="85dp"
        android:layout_weight="1"
        android:orientation="vertical">
        <TextView
            android:id="@+id/name"
            android:gravity="center_vertical"
            android:textSize="16dp"
            android:textStyle="bold"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:text="GGGGGGGGGGGGG"/>
        <TextView
            android:id="@+id/from"
            android:gravity="center_vertical"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:text="GGGGGGGGGGGGG"/>
        <TextView
            android:id="@+id/timer"
            android:gravity="end|bottom"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="12:00"/>



    </LinearLayout>
    <ImageView
        android:id="@+id/list_img"
        android:layout_width="85dp"
        android:layout_height="85dp"
        android:background="@mipmap/ic_launcher"/>

</LinearLayout>

子布局2 list_item02

<?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="85dp"
    android:orientation="vertical">
    <!--第二个加载页面-->
    <TextView
        android:id="@+id/t_name"
        android:gravity="center_vertical"
        android:textSize="16dp"
        android:textStyle="bold"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="2"
        android:text="GGGGGGGGGGGGG"/>
    <TextView
        android:id="@+id/t_from"
        android:gravity="center_vertical"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="GGGGGGGGGGGGG"/>
    <TextView
        android:id="@+id/t_timer"
        android:gravity="end|bottom"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:text="12:00"/>
</LinearLayout>

MainActivity布局

<?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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.administrator.duotioamuzhanshi.MainActivity">
<ListView
    android:id="@+id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    ></ListView>

</RelativeLayout>

MainActivity代码

package com.example.administrator.duotioamuzhanshi;

import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.ListView;

import com.google.gson.Gson;

import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.ArrayList;
import java.util.List;

/**
*
*有图片的item上面展示图片没有图片的不展示图片
*/
public class MainActivity extends AppCompatActivity {

    Handler handler=new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            Gson gson = new Gson();
            Data data = gson.fromJson(msg.obj.toString(), Data.class);
            list.addAll(data.getData().getArticleList());
            BaseAda baseAda = new BaseAda(list, MainActivity.this);
            listView.setAdapter(baseAda);
        }
    };
    private ListView listView;
    private List<Data.DataBean.ArticleListBean> list;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
//        做一个ListView的多条目展示
        listView= (ListView) findViewById(R.id.list);

        list=new ArrayList<>();
        new Thread(){
            @Override
            public void run() {
                super.run();
                GetDate();
            }
        }.start();

    }

    private void GetDate() {
//        写一个加载数据的连接
        final String path="http://zkread.com/htnewsroom/v2.0/mobileapp/user-0/categories/articles?itemType=recommendation&itemName=%25E6%258E%25A8%25E8%258D%2590&itemId=-1&size=20&firstId=1338557&page=1";
        try {
            URL url = new URL(path);
           HttpURLConnection httpurl= (HttpURLConnection) url.openConnection();
            httpurl.connect();
            if (httpurl.getResponseCode()==200){
//                从网络上读取
                StringBuffer sb = new StringBuffer();
                int len=-1;
                byte buffer[] =new byte[1024];
                InputStream in = httpurl.getInputStream();
                while ((len=in.read(buffer))!=-1){
                    sb.append(new String(buffer,0,len));
                }
                in.close();
                Log.e("TAG", "GetDate: "+ sb.toString() );
                Message msg=Message.obtain();
                msg.obj=sb.toString();
               handler.sendMessage(msg);
            }
            httpurl.disconnect();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

这里和普通的listview展示是没有任何区别的

适配器里面

package com.example.administrator.duotioamuzhanshi;

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

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;

import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;

/**
 * 
 * 创作时间：2017/6/21
 * 项目名称：Duotioamuzhanshi
 */
public class BaseAda extends BaseAdapter {
    private List<Data.DataBean.ArticleListBean> list;
    private Context context;
//    定义两个标记用来表示对应的博客
    private  final int  TYPE_1=0;
    private  final int  TYPE_2=1;
    public BaseAda(List<Data.DataBean.ArticleListBean> list, Context context) {
        this.list = list;
        this.context = context;
    }

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

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }
    ViewHolder holder=null;
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        holder=new ViewHolder();
        int type = getItemViewType(position);
        if (convertView==null){
            switch (type){
//                这个对应加载有图片的布局
                case TYPE_1:
                    convertView=View.inflate(context,R.layout.list_item,null);
                    holder.name= (TextView) convertView.findViewById(R.id.name);
                    holder.from= (TextView) convertView.findViewById(R.id.from);
                    holder.timer= (TextView) convertView.findViewById(R.id.timer);
                    holder.imageView= (ImageView) convertView.findViewById(R.id.list_img);
                    break;

                case TYPE_2:
                    convertView=View.inflate(context,R.layout.list_item2,null);
                    holder.name= (TextView) convertView.findViewById(R.id.t_name);
                    holder.from= (TextView) convertView.findViewById(R.id.t_from);
                    holder.timer= (TextView) convertView.findViewById(R.id.t_timer);
                    break;
            }
                convertView.setTag(holder);
        }else {
            holder=(ViewHolder)convertView.getTag();
        }
        Date date = new Date(list.get(position).getCreateTime());
        SimpleDateFormat format = new SimpleDateFormat("MM:ss");
        String s = format.format(date);
//                给布局设置具体的值
        holder.timer.setText(s);
        holder.from.setText(list.get(position).getSite());
        holder.name.setText(list.get(position).getTitle());
//        如果类型是TYPE_1的话就加载有图片的布局
        if (type==TYPE_1){
            ImageLoaderConfiguration loader = ImageLoaderConfiguration.createDefault(context);
            ImageLoader instance = ImageLoader.getInstance();
            instance.init(loader);
            DisplayImageOptions os=new DisplayImageOptions.Builder().build();
            instance.displayImage(list.get(position).getImgSrc(),holder.imageView,os);
        }
        return convertView;
    }
//    多重写两个方法
//    进行逻辑判断返回的到底是那个方法
    @Override

    public int getItemViewType(int position) {
        if (list.get(position).getImgSrc().startsWith("http")){
            return TYPE_1;
        }else {
            return TYPE_2;
        }
    }
//返回条目的总数
    @Override
    public int getViewTypeCount() {
        return 2;
    }

    class ViewHolder{
        private TextView name,from,timer;
        private ImageView imageView;
    }
}

可以看出这里比普通的listview适配多了两个方法：
getItemViewType：进行逻辑判断到底加载那个布局
getViewTypeCount()：返回你子布局的总数
值得注意的是如果你的TYPE_1不是从0开始的话你下面的返回值得加1，所以这里推荐TYPE从零开始并且一直连续

总结

以上就是listview的多条目使用的简单使用方法，其实也没什么难点只是多了一层逻辑判断