PinnedSectionListView使用详解

最近项目中用到了github上的PinnedSectionListView，正好有时间就来说说它的用法。它是继承了listview，用法跟listview一样的。效果就是可以固定标签页在顶部，当第二个标签到上方的时候向上滑会把第一个标签给顶上去。先来看看github上的实现效果吧。

1.它的布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"style="@style/mydata_all_center_style"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:background="#fff"> <com.view.pinnedsectionlistview.PinnedSectionListView        android:id="@+id/listview_scrol"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:divider="@null"        android:footerDividersEnabled="false"        android:headerDividersEnabled="false"         /></RelativeLayout>

2.在MainActivity 的 onCreate（）中findViewById：

PinnedSectionListView listview_scrol = (PinnedSectionListView)view.findViewById(R.id.listview_scrol);

3.设置它的adapter：

SectionedAdapter newadapter=new SectionedAdapter(getactivity,addList);listview_scrol.setAdapter(newadapter);

getactivity是Context，addList是数据。

List<HomeItem> scoller = new ArrayList<HomeItem>();private List<HomeItem> addList(List<GetCategoryWithGoodsBean>  list){//把数据添加到一个list里面List<HomeItem> items = new ArrayList<HomeItem>();for(int i=0;i<list.size();i++){HomeItem item=new HomeItem();HomeItem scoll=new HomeItem();item.type=item.ITEM_VIEW_TYPE_HEADER;//把头布局放进list里面   这是头部的flagitem.CategoryName=list.get(i).CategoryName;item.CategoryId=list.get(i).CategoryId;items.add(item);scoll.scollerTo=items.size();scoller.add(scoll);for(int j=0;j<list.get(i).GoodsList.size();j++){HomeItem item1=new HomeItem();item1.BannerImagePath=list.get(i).GoodsList.get(j).BannerImagePath;item1.FlagPath=list.get(i).GoodsList.get(j).FlagPath;item1.OriginName=list.get(i).GoodsList.get(j).OriginName;item1.BrandName=list.get(i).GoodsList.get(j).BrandName;item1.GoodsName=list.get(i).GoodsList.get(j).GoodsName;item1.type=item.ITEM_VIEW_TYPE_BODY_ONE;//把条目数据放进list里面    这是item的flagitem1.GoodsNumber=list.get(i).GoodsList.get(j).GoodsNumber;item1.Price=list.get(i).GoodsList.get(j).GoodsPrice.Price;items.add(item1);}}return items;}

上面是把后台请求回来的数据存在一个list里面，传给adapter。其中重要的是添加头部的flag和item的flag。因为在adapter里面要用这个flag来判断返回哪个布局。

4.adapter继承BaseAdapter，并实现PinnedSectionListAdapter：

/** * 首页adapter *  * @author wm.liu * */public class SectionedAdapter extends BaseAdapter implementsPinnedSectionListAdapter {private Context getactivity;private List<HomeItem> list;public SectionedAdapter(Context getactivity, List<HomeItem> list) {this.getactivity = getactivity;this.list = list;}@Overridepublic int getCount() {// TODO Auto-generated method stubreturn list.size();}@Overridepublic Object getItem(int position) {// TODO Auto-generated method stubreturn list.get(position);}@Overridepublic long getItemId(int position) {// TODO Auto-generated method stubreturn position;}@Overridepublic boolean isItemViewTypePinned(int viewType) {//返回是否是头部return viewType == HomeItem.ITEM_VIEW_TYPE_HEADER;}@Overridepublic int getItemViewType(int position) {//返回每个item的flagreturn list.get(position).type;}@Overridepublic int getViewTypeCount() {//返回头部的个数return top_head_count;}@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {int itemViewType = getItemViewType(position);final HomeItem myItem = list.get(position);if(itemViewType == HomeItem.ITEM_VIEW_TYPE_HEADER) {if(convertView==null){convertView = View.inflate(getactivity, R.layout.newarrival_header_item, null);//头布局}TextView textItem = (TextView) convertView.findViewById(R.id.textItem);TextView tv_more = (TextView) convertView.findViewById(R.id.tv_more);textItem.setText(myItem.CategoryName);} else {if(convertView==null){convertView = View.inflate(getactivity, R.layout.comments_item, null);//item布局}TextView goods_originname = (TextView) convertView.findViewById(R.id.goods_originname);ImageView goods_img=(ImageView) convertView.findViewById(R.id.goods_img);ImageView iv_flag=(ImageView) convertView.findViewById(R.id.iv_flag);TextView goods_name=(TextView) convertView.findViewById(R.id.goods_name);ImageLoader.getInstance().displayImage(myItem.BannerImagePath, goods_img);ImageLoader.getInstance().displayImage(myItem.FlagPath, iv_flag);goods_originname.setText(myItem.OriginName+"【"+myItem.BrandName+"】");goods_name.setText(myItem.GoodsName);}return convertView;}}

GIF太大发不出来

涉及到公司项目就不发源码了。。。。。
附带github上面的源码地址：https://github.com/beworker/pinned-section-listview