自动显示隐藏布局的listView

借助View的OnTouchListener接口来监听listView的滑动,通过比较与上次坐标的大小,判断滑动方向,并通过滑动方向来判断是否需显示或者隐藏对应的布局,并且带有动画效果。

1.自动显示隐藏Toolbar

首先给listView增加一个HeaderView,避免第一个Item被Toolbar遮挡。

1 View header=new View(this);
2 header.setLayoutParams(new AbsListView.LayoutParams(
3 AbsListView.LayoutParams.MATCH_PARENT,
4 (int)getResources().getDimension(R.dimen.abc_action_bar_default_height_material)));
5 mListView.addHeaderView(header);

//R.dimen.abc_action_bar_default_height_material为系统ActionBar的高度

定义一个mTouchSlop变量,获取系统认为的最低滑动距离

1 mTouchSlop=ViewConfiguration.get(this).getScaledTouchSlop();//系统认为的最低滑动距离

 判断滑动事件

 1 bbsListView.setOnTouchListener(new OnTouchListener() {
2
3 @Override
4 public boolean onTouch(View v, MotionEvent event) {
5
6 switch (event.getAction())
7 {
8 case MotionEvent.ACTION_DOWN:
9 mFirstY=event.getY();
10 break;
11 case MotionEvent.ACTION_MOVE:
12 mCurrentY=event.getY();
13 if(mCurrentY-mFirstY>mTouchSlop)
14 direction=0; //listView向下滑动
15 else if(mFirstY-mCurrentY>mTouchSlop)
16 direction=1; //listView向上滑动
17 if(direction==1)
18 {
19 if(mShow)
20 {
21 toolbarAnim(1); //隐藏上方的view
22 mShow=!mShow;
23 }
24 }
25 else if(direction==0)
26 {
27 if(!mShow)
28 {
29 toolbarAnim(0); //展示上方的view
30 mShow=!mShow;
31 }
32 }
33 case MotionEvent.ACTION_UP:
34 break;
35 }
36 return false;
37 }
38 });
39 }

      属性动画

 1 protected void toolbarAnim(int flag)
2 {
3
4
5 if(set!=null && set.isRunning())
6 {
7 set.cancel();
8 }
9 if(flag==0)
10 {
11
12
13 mAnimator1=ObjectAnimator.ofFloat(mToolbar,
14 "translationY", linearView.getTranslationY(),0);
15 mAnimator2=ObjectAnimator.ofFloat(mToolbar, "alpha", 0f,1f);
16 }
17 else if(flag==1)
18 {
19
20
21 mAnimator1=ObjectAnimator.ofFloat(mToolbar,
22 "translationY", linearView.getTranslationY(),-linearView.getHeight());
23 mAnimator2=ObjectAnimator.ofFloat(mToolbar, "alpha", 1f,0f);
24
25 }
26 set=new AnimatorSet();
27 set.playTogether(mAnimator1,mAnimator2);
28 set.start();
29
30 }

//上面为位移还有透明度属性动画

使用的时候theme要用NoActionBar的,不然会引起冲突。同时引入编译

1 dependencies{
2 compile fileTree(include:['*.jar'],dir:'libs')
3 compile 'com.android.support:appcompat-v7:21.0.3'
4 }

2.当要隐藏和显示的组件不是toolbar,而是我们自定义的布局myView时,需要注意一些点,

(1) 布局要用相对布局,让我们自定义的布局悬浮在listView上方。

(2)避免第一个Item被myView遮挡,给listView增加一个HeaderView,此时需要测量myView的高度,要用下面这种方法,把任务post到UI线程中,不然执行会出错。

final View header=new View(this); //给listView增加一个headView,避免第一个item被遮挡
header.post(new Runnable() {
public void run() {
header.setLayoutParams(new AbsListView.LayoutParams(
AbsListView.LayoutParams.MATCH_PARENT, myView.getHeight()));
}
});

其他的与toolbar一样

转载请标明链接:

https://www.cnblogs.com/tangZH/p/5878785.html

http://77blogs.com/?p=27

上一篇:使用toggle()方法进行显示隐藏


下一篇:开启Win7系统管理员Administrator账户