Android中利用StickyListHeaders实现listView的悬浮头

使用StickyListHeaders第三方框架可以轻松的实现listView添加headers，这个功能有点类似于手机的通信录。效果还是挺好的，使用起来也非常简单。

首先看一下效果图，

因为使用的是第三方的框架，所以需要添加依赖，

MainActivity中：

package com.example.mac.stickylistheadersdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

import se.emilsjolander.stickylistheaders.StickyListHeadersListView;

public class MainActivity extends AppCompatActivity {

    private StickyListHeadersListView stickyListHeadersListView;
    private MainAdapter mainAdapter;
    private List<String> headList;
    private List<String> bodyList;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //初始化
        stickyListHeadersListView = (StickyListHeadersListView) findViewById(R.id.sl_list);
        mainAdapter = new MainAdapter(this);

        //设置头部的数据
        headList = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
            headList.add("头部停留  " + i);
        }
        mainAdapter.setHeadList(headList);

        //设置内容的数据
        bodyList = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
            bodyList.add("内容  " + i);
        }
        mainAdapter.setBodyList(bodyList);

        //设置头部的点击事件
        stickyListHeadersListView.setOnHeaderClickListener(new StickyListHeadersListView.OnHeaderClickListener() {
            @Override
            public void onHeaderClick(StickyListHeadersListView l, View header, int itemPosition, long headerId, boolean currentlySticky) {
                Toast.makeText(MainActivity.this, "headerId:" + headerId, Toast.LENGTH_SHORT).show();
            }
        });

        //设置内容的点击事件
        stickyListHeadersListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Toast.makeText(MainActivity.this, "i:" + i, Toast.LENGTH_SHORT).show();
            }
        });

        //设置头部改变的监听
        stickyListHeadersListView.setOnStickyHeaderChangedListener(new StickyListHeadersListView.OnStickyHeaderChangedListener() {
            @Override
            public void onStickyHeaderChanged(StickyListHeadersListView l, View header, int itemPosition, long headerId) {
                Toast.makeText(MainActivity.this, "itemPosition:" + itemPosition, Toast.LENGTH_SHORT).show();
            }
        });

        stickyListHeadersListView.setAdapter(mainAdapter);
    }
}

Adapter中：

package com.example.mac.stickylistheadersdemo;

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

import java.util.List;

import se.emilsjolander.stickylistheaders.StickyListHeadersAdapter;

/**
 * Created by mac on 16-8-16.
 */
public class MainAdapter extends BaseAdapter implements StickyListHeadersAdapter {

    private Context context;
    private List<String> headList;
    private List<String> bodyList;

    public MainAdapter(Context context) {
        this.context = context;
    }

    public void setHeadList(List<String> headList) {
        this.headList = headList;
        notifyDataSetChanged();
    }

    public void setBodyList(List<String> bodyList) {
        this.bodyList = bodyList;
        notifyDataSetChanged();
    }

    //设置数据的个数
    @Override
    public int getCount() {
        return headList.size();
    }

    //设置item的条数
    @Override
    public Object getItem(int i) {
        return bodyList.get(i);
    }

    //获得相应数据集合中特定位置的数据项
    @Override
    public long getItemId(int i) {
        return i;
    }

    //获得头部相应数据集合中特定位置的数据项
    @Override
    public long getHeaderId(int position) {
        return position;
    }

    //绑定内容的数据
    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {

        BodyHolder bodyHolder = null;
        if (view == null) {
            view = LayoutInflater.from(context).inflate(R.layout.item_body, viewGroup, false);
            bodyHolder = new BodyHolder(view);
            view.setTag(bodyHolder);
        } else {
            bodyHolder = (BodyHolder) view.getTag();
        }
        //设置数据
        bodyHolder.bodyTv.setText(bodyList.get(i));

        return view;
    }

    //绑定头部的数据
    @Override
    public View getHeaderView(int position, View convertView, ViewGroup parent) {

        HeadHolder headHolder = null;
        if (convertView == null) {
            convertView = LayoutInflater.from(context).inflate(R.layout.item_head, parent, false);
            headHolder = new HeadHolder(convertView);
            convertView.setTag(headHolder);
        } else {
            headHolder = (HeadHolder) convertView.getTag();
        }
        //设置数据
        headHolder.headTv.setText(headList.get(position));

        return convertView;
    }


    //头部的内部类
    class HeadHolder {
        private TextView headTv;

        public HeadHolder(View itemHeadView) {

            headTv = (TextView) itemHeadView.findViewById(R.id.item_head_tv);
        }
    }

    //内容的内部类
    class BodyHolder {
        private TextView bodyTv;

        public BodyHolder(View itemBodyView) {

            bodyTv = (TextView) itemBodyView.findViewById(R.id.item_body_tv1);
        }
    }

}

MainActivity的布局文件中：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.example.mac.stickylistheadersdemo.MainActivity">

    <se.emilsjolander.stickylistheaders.StickyListHeadersListView
        android:id="@+id/sl_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

item_head的布局：

<?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"
    android:orientation="vertical">

    <TextView
        android:id="@+id/item_head_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="头部"
        android:background="#f00"
        android:textSize="30sp" />
</LinearLayout>

item_body的布局：

<?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"
    android:orientation="vertical">

    <TextView
        android:id="@+id/item_body_tv1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:text="内容"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/item_body_tv2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:text="内容"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/item_body_tv3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:text="内容"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/item_body_tv4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:text="内容"
        android:textSize="20sp" />

    <TextView
        android:id="@+id/item_body_tv5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:text="内容"
        android:textSize="20sp" />

</LinearLayout>

以上就是对利用StickyListHeaders实现listView的悬浮头的简单实用。

本人菜鸟一个，有什么不对的地方希望大家指出评论，大神勿喷，希望大家一起学习进步。