复杂 Listview 显示多个样式

时间：2016-03-13 17:41:35 阅读：218 评论：0 收藏：0 [点我收藏+]

标签：

三种方式

目前为止有三种方法让Listview现实多个样式
最简单最常用的，通过addHeaderView或addFooterView，但是只能在首尾添加
较麻烦但正规的方式，通过getViewTypeCount[View有多少个样式]和getItemViewType[这个View是哪个样式]方法设置
较简单但不正规的方式，通过判断poison的值加载不同的布局，但这种方式可能有隐患[从代码中可以看出很不规范]
addHeaderView方式
当listview需要添加headerview时，可以通过调用listview的addHeaderView(headView)或addHeaderView(headView, null, false) 方法，后一个可以控制header是否可以被selected
addHeaderView方法必须放在listview.setAdapter前面，否则会报错。原因是调用setAdapter方法时会判断是否已经添加header，如果已经添加则会生成一个新的tempAdapter，这个新的tempAdapter包含我们设置的adapter所有内容（包含header和footer），所以当我们在给listview添加了header后在程序中调用listview.getAdapter时返回的是tempAdapter而不是我们通过setAdapter传进去的adapter。如果没有设置adapter则tempadapter与我们自己的adapter是一样的。
listview.getadapter().getcount()方法返回值会比我们预期的要大，原因是添加了header。
标准方式：
getViewTypeCount：返回的是你有几种类型的样式（返回不同布局的数目）
getItemViewType：返回值代表的是某一个样式的 Type（是一个需要我们自己定义的，用于区分不同样式的int类型的值），参数position所决定的的view的id

布局-样式

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#cfc"
    android:orientation="horizontal"
    android:padding="1dp" >
    <ListView
        android:id="@+id/lv1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:descendantFocusability="afterDescendants"
        android:listSelector="@android:color/transparent" />
    <ListView
        android:id="@+id/lv2"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_marginLeft="3dp"
        android:layout_weight="1"
        android:descendantFocusability="afterDescendants"
        android:listSelector="@android:color/transparent" />
    <ListView
        android:id="@+id/lv3"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_marginLeft="3dp"
        android:layout_weight="1"
        android:descendantFocusability="afterDescendants"
        android:listSelector="@android:color/transparent" />
</LinearLayout>
<?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:background="#80f8"
    android:gravity="clip_vertical" >
    <TextView
        android:id="@+id/holder1_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:padding="5dp"
        android:singleLine="true"
        android:text="大标题"
        android:textColor="#f00"
        android:textSize="15sp" />
</LinearLayout>
<?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="30dp"
    android:background="#ffffff"
    android:gravity="center_vertical"
    android:orientation="horizontal" >
    <ImageView
        android:id="@+id/holder2_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />
    <TextView
        android:id="@+id/holder2_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="5dp"
        android:gravity="center_vertical"
        android:text="小标题"
        android:textColor="#00f"
        android:textSize="13sp" />
</LinearLayout>

代码-Activity

import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.AbsListView.LayoutParams;
import android.widget.ListView;
import android.widget.TextView;
import com.example.hjfg.R;
public class MainActivity extends Activity {
    private ListView lv1;
    private ListView lv2;
    private ListView lv3;
    private List<MyBean> mList1;
    private List<ViewItem> mList2;
    private List<MyBean> mList31;
    private List<MyBean> mList32;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv1 = (ListView) findViewById(R.id.lv1);
        lv2 = (ListView) findViewById(R.id.lv2);
        lv3 = (ListView) findViewById(R.id.lv3);
        initData1();
        initData2();
        initData3();
        lv1.setAdapter(new MyAdapter1(this, mList1));//addHeaderView要放在setAdapter之前，而addFooterView放在前后都可以
        lv2.setAdapter(new MyAdapter2(this, mList2));
        lv3.setAdapter(new MyAdapter3(this, mList31, mList32));
    }
    private void initData1() {
        mList1 = new ArrayList<MyBean>();
        for (int i = 0; i < 20; i++) {
            mList1.add(new MyBean(("包青天" + i), R.drawable.ic_launcher));
        }
        //给ListView添加头尾，其中Adapter不需任何改变
        TextView mTextView = new TextView(this);
        mTextView.setText("我是【先】添加的的头部");
        mTextView.setBackgroundColor(0xff4EEE94);
        ImageView mImageView = new ImageView(this);
        mImageView.setImageResource(R.drawable.ic_launcher);
        lv1.addHeaderView(mTextView);//添加以后，listView 的position = 0 的位置对应的是此mTextView，他和其他item是完全等价的
        lv1.addHeaderView(mImageView);
        lv1.setHeaderDividersEnabled(true);//控制头部是否显示分割线。默认为true
        //最后加一个透明的控件，那么最后那条分割线【可能】就出来了
        View footerView = new View(this);
        LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, 50);
        footerView.setBackgroundColor(0x00112233);//透明
        footerView.setLayoutParams(layoutParams);
        lv1.addFooterView(footerView);
    }
    private void initData2() {
        mList2 = new ArrayList<ViewItem>();
        for (int i = 0; i < 30; i++) {
            ViewItem item;
            if (i % 5 == 0 || i == 3) item = new ViewItem(0, "大标题 " + i);
            else item = new ViewItem(1, "内容 " + i, R.drawable.ic_launcher);
            mList2.add(item);
        }
    }
    private void initData3() {
        mList31 = new ArrayList<MyBean>();
        mList32 = new ArrayList<MyBean>();
        for (int i = 0; i < 18; i++) {
            mList31.add(new MyBean(("包青天" + i), R.drawable.ic_launcher));
            if (i < 12) mList32.add(new MyBean(("白乾涛" + i), R.drawable.icon));
        }
    }
}

代码-Adapter1

import java.util.List;
import android.content.Context;
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.example.hjfg.R;
public class MyAdapter1 extends BaseAdapter {
    private Context mContext;
    private List<MyBean> mList;
    private ViewHolder mViewHolder;
    private MyBean mBean;
    public MyAdapter1(Context context, List<MyBean> list) {
        this.mContext = context;
        this.mList = list;
    }
    @Override
    public int getCount() {
        return mList.size();
    }
    @Override
    public Object getItem(int position) {
        return mList.get(position);
    }
    @Override
    public long getItemId(int position) {
        return position;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView != null) {
            mViewHolder = (ViewHolder) convertView.getTag();
        } else {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item, null);
            mViewHolder = new ViewHolder();
            mViewHolder.iv_head = (ImageView) convertView.findViewById(R.id.holder2_iv);
            mViewHolder.tv_name = (TextView) convertView.findViewById(R.id.holder2_title);
            convertView.setTag(mViewHolder);
        }
        mBean = mList.get(position);
        mViewHolder.iv_head.setImageResource(mBean.getId());
        mViewHolder.tv_name.setText(mBean.getName());
        return convertView;
    }
    public static class ViewHolder {
        public ImageView iv_head;// 头像
        public TextView tv_name;// 名字
    }
}

代码-Adapter2

import java.util.List;
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.example.hjfg.R;
public class MyAdapter2 extends BaseAdapter {
    private Context context;
    private List<ViewItem> mList;
    private Holder1 holder1;
    private Holder2 holder2;
    public MyAdapter2(Context context, List<ViewItem> list) {
        this.context = context;
        mList = list;
    }
    //**********************************************************************************************************
    @Override
    public int getCount() {
        return mList.size();
    }
    @Override
    public Object getItem(int position) {
        return mList.get(position);
    }
    //重写方法一：返回值代表的是某一个样式的 Type（是一个需要我们自己定义的，用于区分不同样式的int类型的值）
    @Override
    public int getItemViewType(int position) {
        return mList.get(position).getType();
    }
    //重写方法一：返回的是你有几种类型的样式
    @Override
    public int getViewTypeCount() {
        return 2;
    }
    @Override
    public long getItemId(int paramInt) {
        return paramInt;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        int type = getItemViewType(position);
        if (convertView == null) {
            //选择某一个样式
            switch (type) {
            case ViewItem.ITEM_FIRST:
                convertView = View.inflate(context, R.layout.head, null);
                holder1 = new Holder1();
                holder1.holder1_title = (TextView) convertView.findViewById(R.id.holder1_title);
                holder1.holder1_title.setText(mList.get(position).getTitle());
                convertView.setTag(holder1);
                break;
            case ViewItem.ITEM_SECOND:
                convertView = View.inflate(context, R.layout.item, null);
                holder2 = new Holder2();
                holder2.holder2_title = (TextView) convertView.findViewById(R.id.holder2_title);
                holder2.holder2_iv = (ImageView) convertView.findViewById(R.id.holder2_iv);
                holder2.holder2_title.setText(mList.get(position).getTitle());
                holder2.holder2_iv.setImageResource(mList.get(position).getId());
                convertView.setTag(holder2);
                break;
            default:
                break;
            }
        } else {
            switch (type) {
            case ViewItem.ITEM_FIRST:
                holder1 = (Holder1) convertView.getTag();
                holder1.holder1_title.setText(mList.get(position).getTitle());
                break;
            case ViewItem.ITEM_SECOND:
                holder2 = (Holder2) convertView.getTag();
                holder2.holder2_title.setText(mList.get(position).getTitle());
                break;
            default:
                break;
            }
        }
        return convertView;
    }
    //***********************************************************************************************************
    //复用convertView
    private class Holder1 {
        TextView holder1_title;
    }
    private class Holder2 {
        TextView holder2_title;
        ImageView holder2_iv;
    }
}

代码-Adapter3

import java.util.List;
import com.example.hjfg.R;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class MyAdapter3 extends BaseAdapter {
    private Context mContext;
    private List<MyBean> mList1;
    private List<MyBean> mList2;
    private ViewHolder holder;
    private MyBean mBean;
    public MyAdapter3(Context context, List<MyBean> list1, List<MyBean> list2) {
        mContext = context;
        mList1 = list1;
        mList2 = list2;
    }
    //************************************************************************************************************
    @Override
    public int getCount() {
        return mList1.size() + 1 + mList2.size() + 1;
    }
    @Override
    public Object getItem(int position) {
        return null;
    }
    @Override
    public long getItemId(int position) {
        return 0;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //标题******************************************************************************************************
        if (position == 0) {
            View view = View.inflate(mContext, R.layout.head, null);
            TextView tv = (TextView) view.findViewById(R.id.holder1_title);
            tv.setText("包青天有" + mList1.size() + "个");
            return view;
        } else if (position == (mList1.size() + 1)) {
            View view = View.inflate(mContext, R.layout.head, null);
            TextView tv = (TextView) view.findViewById(R.id.holder1_title);
            tv.setText("白乾涛有" + mList2.size() + "个");
            return view;
        }
        //内容******************************************************************************************************
        holder = new ViewHolder();//因为数据结构相同，所以可以共同利用缓存，否则只能单独利用缓存
        if (position <= mList1.size()) {
            int newposition = position - 1;
            mBean = mList1.get(newposition);
        } else if (position > mList1.size() + 1) {
            int newposition = position - 1 - mList1.size() - 1;
            mBean = mList2.get(newposition);
        }
        if (convertView != null && convertView instanceof RelativeLayout) { // 不仅需要检查是否为空，还要判断是否是合适的类型
            holder = (ViewHolder) convertView.getTag();
        } else {
            convertView = View.inflate(mContext, R.layout.item, null);
            holder = new ViewHolder();
            holder.iv_icon = (ImageView) convertView.findViewById(R.id.holder2_iv);
            holder.tv_name = (TextView) convertView.findViewById(R.id.holder2_title);
            convertView.setTag(holder);
        }
        holder.iv_icon.setImageResource(mBean.getId());
        holder.tv_name.setText(mBean.getName());
        return convertView;
    }
    //*********************************************************************************************************
    private static class ViewHolder {
        TextView tv_name;
        ImageView iv_icon;
    }
}

代码-bean

public class MyBean {
    private String name;
    private int id;
    public MyBean(String name, int id) {
        this.name = name;
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public int getId() {
        return id;
    }
}
// 封装每个条目的数据数据
public class ViewItem {
    public static final int ITEM_FIRST = 0;//第一个样式
    public static final int ITEM_SECOND = 1;//第二个样式
    private int type;//记录是哪种样式
    private String title;//标题
    private int id;//图片，仅第二个样式可以获取图片
    public ViewItem(int type, String str) {
        this.type = type;
        title = str;
    }
    public ViewItem(int type, String str, int id) {
        this.type = type;
        title = str;
        this.id = id;
    }
    public String getTitle() {
        return title;
    }
    public int getId() {
        if (type == ITEM_SECOND) return id;
        else throw new RuntimeException("哥们是大标题，没有ID");
    }
    public int getType() {
        return type;
    }
}

来自为知笔记(Wiz)

附件列表

复杂 Listview 显示多个样式

标签：

原文地址：http://www.cnblogs.com/baiqiantao/p/5272291.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

复杂 Listview 显示 多个样式

附件列表

复杂 Listview 显示多个样式