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);
         }

     }
 }