Android 自定义组件之 带有悬浮header的listview

　　最近做项目遇到一个需求，要做一个带有悬浮header的listview，即，当listview滑动时，header消失，静止时header浮现。

　　这个需求看似简单，实际做起来还是会遇到不少的困难，特此记录过程，以做记录。

　　首先，我们来看看需求，如下图。

　　

　　有了需求，我们就可以开始做具体分析了，首先我们想到的是给listview添加一个滑动监听，在滑动时隐藏header在静止的时候就显示header。

　　关键代码如下：

　　

  list.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                if(AbsListView.OnScrollListener.SCROLL_STATE_IDLE == scrollState){
                     play(false,y);
                }
                if(AbsListView.OnScrollListener.SCROLL_STATE_FLING == scrollState){
                    play(true,y);
                }
                if(AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL == scrollState) {
                   
                }
            }

　　其中play（）就是我们的隐藏/显示 header的方法啦

　　写好了监听之后我们开始写隐藏/显示的PLAY()方法

　　首先我们来写一个简单的版本

 private void play(boolean x,boolean y)
    {
        Animation animation;
        if(x){
         animation = new AlphaAnimation(1,0);
            animation.setDuration(1000);
            textview.startAnimation(animation);
            textview.setVisibility(View.GONE);
           /* if(!y){
            list.setPadding(0,0,0,0);
                deal();
            }*/
        }
        else{
            textview.setVisibility(View.VISIBLE);
            animation = new AlphaAnimation(0,1);
            animation.setDuration(2000);
            textview.startAnimation(animation);
            View view = new View(this);
        }
    }

　　可以看到我们通过第一个布尔参数来判断是隐藏还是显示。

　　做到这里看似已经完成了，但是有更多的细节是需要打磨的，由于我们采用的FrameLayout进行布局，当我们在顶部的时候会发现第一条记录被挡住了，这可不行。

　　不过我们可以通过设置listview的padding还解决，代码如下。

  int i = textview.getLayoutParams().height;
                        list.setPadding(0,i,0,0);

　　现在运行我们的程序，好像已经完成了，但是这个时候可恶的BUG又出来捣乱了。

　　当我们只有少量记录（比屏幕显示多一条）的时候，会出现padding设置了之后无法还原的情况，这是因为虽然第一条记录被隐藏了一部分，但是并不是完全隐藏，所以不会触发listview的top事件。

　　这时候我们就需要在每次滑动的时候去检测滑动的距离，来判断是不是需要设置padding了，如果第一条记录都没有被隐藏，那么显然我们是不需要设置padding的。

　　

private void deal()
    {
        View c = list.getChildAt(0);
       int first  = list.getFirstVisiblePosition();
        int top = c.getTop();
        int hight = c.getHeight();
        int distance =   first*hight - top;
        if(distance < hight)
        {
            int i = textview.getLayoutParams().height;
            list.setPadding(0,i,0,0);
        }

    }

　　这就是判断滑动距离的函数啦。

　　至此，一个简单的悬浮header listview已经完成了。

　　接下来是完整的布局和代码

　　布局：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/txt"
        android:gravity="center"
        android:background="#000"
        android:text="Hello World!"
        android:textColor="#0cbdb7"
        android:textSize="40sp"
        android:layout_width="match_parent"
        android:layout_height="50dp" />
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</FrameLayout>

　　代码:

package com.example.administrator.listviewtest;

import android.app.Activity;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.widget.AbsListView;
import android.widget.ArrayAdapter;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity {
    TextView textview;
    ListView list;
    boolean y = false;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         list = (ListView)findViewById(R.id.listview);
         textview = (TextView)findViewById(R.id.txt);
        List<String> list1 = new ArrayList<>();
        for(int i = 0;i < 100;i++)
        {
            list1.add("record"+(i+1));
        }
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_expandable_list_item_1,list1);
        list.setAdapter(adapter);

        list.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                if(AbsListView.OnScrollListener.SCROLL_STATE_IDLE == scrollState){
                     play(false,y);
                }
                if(AbsListView.OnScrollListener.SCROLL_STATE_FLING == scrollState){
                    play(true,y);
                }
                if(AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL == scrollState) {
                   // play(true, y);
                }
            }

            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                    if(firstVisibleItem == 0)
                    {
                        Log.i("list","top");
                        y = true;
                        int i = textview.getLayoutParams().height;
                        list.setPadding(0,i,0,0);
                    }
                else
                    {
                        y = false;
                    }
            }
        });
    }
    private void play(boolean x,boolean y)
    {
        Animation animation;
        if(x){
         animation = new AlphaAnimation(1,0);
            animation.setDuration(1000);
            textview.startAnimation(animation);
            textview.setVisibility(View.GONE);
            if(!y){
            list.setPadding(0,0,0,0);
                deal();
            }
        }
        else{
            textview.setVisibility(View.VISIBLE);
            animation = new AlphaAnimation(0,1);
            animation.setDuration(2000);
            textview.startAnimation(animation);
            View view = new View(this);
        }
    }
    private void deal()
    {
        View c = list.getChildAt(0);
       int first  = list.getFirstVisiblePosition();
        int top = c.getTop();
        int hight = c.getHeight();
        int distance =   first*hight - top;
        if(distance < hight)
        {
            int i = textview.getLayoutParams().height;
            list.setPadding(0,i,0,0);
        }

    }
}