当我们在ListView上滑动的时候,顶部的ActionBar或者ToolBar就会响应的隐藏或显示,在滚动前界面上加载了上方的标题栏和右下角的悬浮编辑按钮.当用户项下滚动时,标题栏和悬浮按钮消失,让用户有更大的空间去阅读.让一个布局显示或者隐藏并带有动画效果,可以通过属性动画来很方便地实现,所以这个效果的关键就在于如何获得ListView的各种滑动事件.
所以借助View的OnTouchListener接口来监听ListView的滑动,通过比较与上次坐标的大小,来判断滑动的方向,并通过滑动的方向来判断是否需要显示或隐藏对应的布局.
//首先我们需要先将ListView增加Header
View header = new View(this);
header.setLayoutParams(new AbsListView.LayoutParams(
AbsListView.LayoutParams.MATCH_PARENT,
(int) getResources().getDimension(
R.dimen.abc_action_bar_default_height_material)));
mListView.addHeaderView(header);
通过abc_action_bar_default_height_material属性获取系统Actionbar的高度,并设置给HeaderView.
定义一个mTouchSlop变量用来获取系统认为的最低滑动距离,即超过这个距离才算滑动
获取方法:
int mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();
判断滑动事件:
View.OnTouchListener myTouchListener = new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mFirstY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
mCurrentY = event.getY();
if (mCurrentY - mFirstY > mTouchSlop) {
direction = 0;// down
} else if (mFirstY - mCurrentY > mTouchSlop) {
direction = 1;// up
}
if (direction == 1) {
if (mShow) {
toolbarAnim(1);//show
mShow = !mShow;
}
} else if (direction == 0) {
if (!mShow) {
toolbarAnim(0);//hide
mShow = !mShow;
}
}
break;
case MotionEvent.ACTION_UP:
break;
}
return false;
}
};
通过滑动点的坐标改变大小,来判断移动的方向,并根据移动方向来执行不同的动画效果.
最后加上控制布局显示隐藏的动画:
private void toolbarAnim(int flag) {
if (mAnimator != null && mAnimator.isRunning()) {
mAnimator.cancel();
}
if (flag == 0) {
mAnimator = ObjectAnimator.ofFloat(mToolbar,
"translationY", mToolbar.getTranslationY(), 0);
} else {
mAnimator = ObjectAnimator.ofFloat(mToolbar,
"translationY", mToolbar.getTranslationY(),
-mToolbar.getHeight());
}
mAnimator.setDuration(2000);
mAnimator.start();
}
本程序使用了Toolbar一定要注意使用的theme一定是要NoActionBar的,不然会引起冲突.
最终显示效果:当向上滑动时,Toolbar隐藏.再向下滑动时,Toolbar显示.