zoukankan      html  css  js  c++  java
  • 自动显示隐藏布局的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 

  • 相关阅读:
    vue 自定义组件销毁
    通过微信公众号API复制公众号自定义菜单同时增加子菜单方法
    shell 常用案例
    java 与 CDH kafka集成
    CDH 安装 kafka
    linux下Vim文本编辑器的常用快捷键
    shell 启动和停止脚本
    CHD 5.15 安装 Kylin
    hive on spark
    kafka-mirror不稳定问题分析与解决方法
  • 原文地址:https://www.cnblogs.com/tangZH/p/5878785.html
Copyright © 2011-2022 走看看