首页 > 代码库 > 自动显示隐藏布局的listView

自动显示隐藏布局的listView

2024-08-13 16:09:23   211人阅读

 

 

借助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一样

 

自动显示隐藏布局的listView


联系
我们