你的位置:首页 > 操作系统

[操作系统]自动显示隐藏布局的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); //隐藏上方的view22 mShow=!mShow;23 }24 }25 else if(direction==0)26 {27 if(!mShow)28 {29 toolbarAnim(0); //展示上方的view30 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一样