Android -- Toolbar跟隨ListView滑動隱藏和顯現

布局

<RelativeLayout 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">  
    <ListView  
        android:id="@+id/main_list_view"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        />  
    <android.support.v7.widget.Toolbar  
        android:id="@+id/main_bar"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:background="@color/std_color_A"  
        />  
</RelativeLayout>

代碼

public class MainActivity extends BaseActivity{  
  
    private static final String TAG = MainActivity.class.getSimpleName();  
  
    private Toolbar mMainToolbar = null;  
    private ListView mMainListView = null;  
  
    private float mStartY = 0, mLastY = 0, mLastDeltaY;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
  
        mMainToolbar = (Toolbar)this.findViewById(R.id.main_bar);  
        this.setSupportActionBar(mMainToolbar);  
  
        mMainListView = (ListView)this.findViewById(R.id.main_list_view);  
        final View header = LayoutInflater.from(this).inflate(R.layout.layout_header, null);//這個header高度要與toolbar相同  
        mMainListView.addHeaderView(header);  
        mMainListView.setAdapter(new AudioAdapter(this));  
    
        mMainListView.setOnTouchListener(new View.OnTouchListener() {  
            @Override  
            public boolean onTouch(View v, MotionEvent event) {  
                final float y = event.getY();  
                float translationY = mMainToolbar.getTranslationY();  
                switch (event.getAction()) {  
                    case MotionEvent.ACTION_DOWN:  
                        mStartY = y;  
                        mLastY = mStartY;  
                        break;  
                    case MotionEvent.ACTION_MOVE:  
                        float mDeltaY = y - mLastY;  
  
                        float newTansY = translationY + mDeltaY;  
                        if (newTansY <= 0 && newTansY >= -mMainToolbar.getHeight()) {  
                            mMainToolbar.setTranslationY(newTansY);  
                        }  
                        mLastY = y;  
                        mLastDeltaY = mDeltaY;  
                        break;  
                    case MotionEvent.ACTION_UP:  
                        ObjectAnimator animator = null;  
                        Log.d(TAG, "mLastDeltaY=" + mLastDeltaY);  
                        if (mLastDeltaY < 0 && mMainListView.getFirstVisiblePosition() > 1) {  
                            Log.v(TAG, "listView.first=" + mMainListView.getFirstVisiblePosition());  
                            animator = ObjectAnimator.ofFloat(mMainToolbar, "translationY", mMainToolbar.getTranslationY(), -mMainToolbar.getHeight());  
                        } else {  
                            animator = ObjectAnimator.ofFloat(mMainToolbar, "translationY", mMainToolbar.getTranslationY(), 0);  
                        }  
                        animator.setDuration(100);  
                        animator.start();  
                        animator.setInterpolator(AnimationUtils.loadInterpolator(MainActivity.this, android.R.interpolator.linear));  
                        break;  
                }  
                return false;  
            }  
        });  
    }  
}

先用我們自己的Toolbar替換原來的ActionBar,注意，在你的AppTheme中，windowActionbar這一項要設置為false才能用我們自己的去替換原來的，不然運行會報錯，然后給Listview一個與Toolbar等高的headerView。然后再設置Touch事件的監聽，在onTouch方法的ACTION_MOVE分支中，我們計算出本次觸發move事件與上次觸發move或者down事件時候，我們的觸發點的位置變化量-mDeltaY，然后計算出一個相應的translationY,經過與Toolbar高度比較，判斷出新的translationY是否合法，合法，則用setTranslationY方法，給Toolbar賦值。觸發UP事件：當觸發了UP事件后，就要，我們就要用一個動畫，來過度一下。先判斷滑動方向，方向向上，則向上滑動，向下，則向下滑動。

我是天王蓋地虎的分割線

 

 

參考：http://blog.csdn.net/boybeak/article/details/41410113