listview 简单实现顶部暂停效果

参考文章: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
下面看具体代码:
首先是数据方面:
//开始A
listdate.add("A");
listdate1.add("A");
listbool.add(true);
for (int i = 0; i < 10; i++) {
    listdate.add("啊啊" + i);
    listbool.add(false);
    listdate1.add("A");
}
//开始A
listdate.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是否要移动
@Override
public 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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值