listview 简单实现顶部暂停效果

来源:互联网 发布:word数据透视表 编辑:程序博客网 时间:2024/05/01 20:38

参考文章:http://blog.csdn.net/tyk0910/article/details/52066891

效果图如下:


先说布局:一个RelativeLayout里面一个listview 再在listview上面放一个textview 重合

item里面分2个item,一个红色的textview 一个显示内容的textview


listview数据方面:(这方面处理的不够好,数据有点多个人觉得)

总共3个list数组:

private List<String> listdate;//这个数组是存放的数据 比如上图的ABCD 嘀嘀7 这种的private List<String> listdate1;//这个数组是存放的ABCD 把上面那个数组里面的AB这种数据分离出来方面后面设置顶部textview的数据private List<Boolean> listbool;//这个就是存放一组布尔值,方便listview中有2中类型的item
下面看具体代码:
首先是数据方面:
//开始Alistdate.add("A");listdate1.add("A");listbool.add(true);for (int i = 0; i < 10; i++) {    listdate.add("啊啊" + i);    listbool.add(false);    listdate1.add("A");}//开始Alistdate.add("B");listdate1.add("B");listbool.add(true);for (int i = 0; i < 10; i++) {    listdate.add("宝宝" + i);    listbool.add(false);    listdate1.add("B");}

规则就是:3个数组的大小一样,存布尔值得数组就是为了listview该放哪种item,date1数组就是为了可以根据当前的item的postion得到头部textview 该是A还是B 又后者是C。这些可以根据实际情况改变的相应的规则,只要能实现额外的数组能实现的功能的就行。
下面是适配器:主要就是放布局,并且给每一个子view设置一个tag,2个作用:1、可以在布局的时候重用子view,viewholder这里就懒的写了因为要写2个。2.在listview滑动的时候可以判断headtext是否要移动
@Overridepublic View getView(int position, View convertView, ViewGroup parent) {    String s = listdate.get(position);    boolean aBoolean = listbool.get(position);    if (aBoolean) {//暂停部分的布局        if (convertView == null || !(boolean) convertView.getTag()) {            convertView = LayoutInflater.from(ZanTingActivity.this).inflate(R.layout                    .item001, null);        }        TextView headtext = (TextView) convertView.findViewById(R.id.headtext);        headtext.setText(s);        convertView.setTag(true);    } else {//内容部分的布局        if (convertView == null || (boolean) convertView.getTag()) {            convertView = LayoutInflater.from(ZanTingActivity.this).inflate(R.layout                    .item002, null);        }        TextView headtext = (TextView) convertView.findViewById(R.id.conttext);        headtext.setText(s);        convertView.setTag(false);    }    return convertView;}
下面就只有一点listview滑动的代码了:
listView.setOnScrollListener(new AbsListView.OnScrollListener() {    @Override    public void onScrollStateChanged(AbsListView view, int scrollState) {    }    @Override    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount,                         int totalItemCount) {        Log.i("sss",firstVisibleItem+"");        childAt = null;        headtext.setText(listdate1.get(firstVisibleItem));        x = view.pointToPosition(headtext.getWidth() / 2, headtext.getBottom() + 1);        childAt = view.getChildAt(x - firstVisibleItem);        if (childAt != null && (boolean) childAt.getTag()) {            headtext.setTranslationY(childAt.getTop() - headtext.getBottom());        } else if (childAt != null && !(boolean) childAt.getTag()) {            headtext.setTranslationY(0);        }    }});
很简单吧。childAt 是子view。x是代表headtext下面的第一个子view的postion。就是根据这个子view判断该不该移动headtext。
大概就这几个部分就可以实现上图效果。思路就是这样,当然参考文章中使用RecyclerView实现,谁叫我listview用的熟,所以用listview写了个,关键的是思路。剩下的就得根据具体的需求来改了。

0 0