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的悬浮头的简单实用。

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