美文网首页
pinned-section-listview

pinned-section-listview

作者: 我是你森哥哥 | 来源:发表于2017-06-08 23:21 被阅读0次

    特点:让ListView的指定条目在滑动到顶部的时候固定在头部,

    github地址:https://github.com/beworker/pinned-section-listview

    原理:定义接口PinnedSectionListAdapter继承ListAdapter,并增加isItemViewTypePinned方法来判断当前是否是Section(即固定的选项);
    我们所写的adapter要实现PinnedSectionListAdapter,并且按照自己的逻辑实现isItemViewTypePinned方法;

    定义PinnedSectionListView继承自ListView,设置onScrollListener,在onScroll方法中去判断当前firstVisiableItem是否是Section,如果是则通过dispatchDraw方法在顶部位置绘制当前Section的View,正好覆盖着firstVisiableItem的View,看起来就像是固定在头部一样;

    用法

    • 只需将自己的Adapter实现PinnedSectionListAdapter,并实现isItemViewTypePinned方法,如下:
    class MyAdapter extends BaseAdapter implements PinnedSectionListAdapter{
        @Override
        public int getCount() {
            return list.size();
        }
        @Override
        public Object getItem(int position) {
            return null;
        }
        @Override
        public long getItemId(int position) {
            return 0;
        }
        //定义条目类型
        private final int ITEM_NORMAL = 0;//普通数据条目
        private final int ITEM_SECTION = 1;//需要固定的Section条目
        /**
         * 总共2种条目类型,一种是分类条目,一种是普通的数据条目
         */
        @Override
        public int getViewTypeCount() {
            return 2;
        }
        @Override
        public int getItemViewType(int position) {
            BaseBean baseBean = list.get(position);
            if(baseBean instanceof Person){
                return ITEM_NORMAL;
            }else {
                return ITEM_SECTION;
            }
        }
        /**
         * 此处借助于itemViewType来判断是否是需要固定的条目;
         * 所以必须实现另外2个方法,就是getViewTypeCount和getItemViewType,
         * 只有viewType是ITEM_SCTION的才需要固定
         */
        @Override
        public boolean isItemViewTypePinned(int viewType) {
            return viewType==ITEM_SECTION;
        }
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            TextView textView = new TextView(MainActivity.this);
            textView.setTextColor(Color.DKGRAY);
            textView.setPadding(15, 15, 15, 15);
    
            //根据条目类型来返回条目View,并且设置对应的数据
            int itemViewType = getItemViewType(position);
            switch (itemViewType) {
            case ITEM_NORMAL:
                textView.setBackgroundColor(Color.WHITE);
                Person person = (Person) list.get(position);
                textView.setText(person.getName());
                break;
            case ITEM_SECTION:
                textView.setBackgroundColor(Color.parseColor("#ff99cc00"));
                SectionItem sectionItem = (SectionItem) list.get(position);
                textView.setText(sectionItem.getSectionName());
                break;
            }
            return textView;
        } 
    }
    
    
    • 数据的准备如下,将列表数据和分类数据都添加到同一个集合:
    // 准备数据
    // 添加小学生分类数据
    list.add(new StuCategory("小学生"));
    // 初始化小学生数据
    for (int i = 0; i < 12; i++) {
        list.add(new Stu("小学生 - " + i));
    }
    
    // 添加初中生分类数据
    list.add(new StuCategory("初中生"));
    // 初始化初中学生数据
    for (int i = 0; i < 12; i++) {
        list.add(new Stu("初中生 - " + i));
    }
    
    // 添加高中生分类数据
    list.add(new StuCategory("高中生"));
    // 初始化高中学生数据
    for (int i = 0; i < 12; i++) {
        list.add(new Stu("高中生 - " + i));
    }
    
    

    相关文章

      网友评论

          本文标题:pinned-section-listview

          本文链接:https://www.haomeiwen.com/subject/krqxqxtx.html