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

1.自动显示隐藏Toolbar

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

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

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

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

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

 判断滑动事件

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

      属性动画

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

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

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

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

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

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

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

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

其他的与toolbar一样

转载请标明链接:

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

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

自动显示隐藏布局的listView的更多相关文章

  1. Android自定义滑动显示隐藏布局

    方式一:上下左右滑动显示隐藏布局 总结代码地址: http://git.oschina.net/anan9303/customView参考例子: http://www.jianshu.com/p/fc ...

  2. iscroll5 滚动条根据内容高度自动显示隐藏及强制横屏时方向错位

    横竖屏方向错位: move: function (e) { if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) { r ...

  3. 文本框/域文字提示(placeholder)自动显示隐藏jQuery小插件

    // 文本框文本域提示文字的自动显示与隐藏 (function($){ $.fn.textRemindAuto = function(options){ options = options || {} ...

  4. 点击自动显示/隐藏DIV代码。(简单实用)

    注:本文由Colin撰写,版权所有!转载请注明原文地址,谢谢合作! 很多时候我们需要将DIV的信息默认为隐藏状态,只有当用户点击时才显示DIV中包含的提示文字.这类效果在互联网上应用得很多,但实现的方 ...

  5. 让Dock自动 显示/隐藏 不再有延迟

    Safari 5.2 Mac OS X 10.7.2 <ignore_js_op> 可能很多朋友使用Mac的时候都会选择将Dock隐藏(可以在系统偏好设置-Dock中选择),等到使用的时候 ...

  6. 滑动listview隐藏和显示顶部布局

    需求: 1.listview向下滑动时,隐藏顶部布局 2.listview向上滑动到最上面,显示顶部布局 3.顶部布局的隐藏和显示有过渡效果 4.第一次加载listview时,顶部不要隐藏 布局: 注 ...

  7. [UE4]工程设置:自动捕获鼠标、通过代码设置鼠标显示隐藏、输入模式、编译时自动保存

    一.在4.20版本中运行游戏,在没有进行任何设置的情况下,游戏不会自动捕获鼠标,游戏不会接受输入,需要手动点一下游戏界面才行.如果要跟老版本一样运行游戏自动捕获鼠标,需要进行设置 二.也可以通过代码的 ...

  8. 【Android基础】listview控件的使用(4)-----自定义布局的listview的使用

    前面我介绍了listview控件的不同用法,但是这些用法在实际的开发项目中是不足以满足需求的,因为前面的几种用法只能简单的显示文本信息,而且布局都比较单一,很难做出复杂的结果,在实际的开发项目中,90 ...

  9. CSS之 元素显示隐藏,用户界面样式,文本溢出隐藏,精灵技术,三角形

    元素的显示与隐藏 display 显示 display 设置或检索对象是否及如何显示 display: none; 隐藏对象 display: block; 除了转换为块级元素, 同时还有显示元素的意 ...

随机推荐

  1. Easyui 让DataGrid适应浏览器宽度

    DataGrid有100%宽度的设置,但是有时不是很让人满意,比如你你放大或者拉放你的浏览器,那么DataGrid只维持第一次加载的宽高,非常难看 $('#List').datagrid({ url: ...

  2. 解决Oracle SQL Developer无法连接远程服务器的问题

    在使用Oracle SQL Developer连接远程服务器的时候,出现如下的错误 在服务器本地是可以正常连接的.这个让人想起来,跟SQL Server的一些设计有些类似,服务器估计默认只在本地监听, ...

  3. Spire.Pdf 的各种操作总结

     Spire.Pdf 的各种操作总结 简介 试验新产品总是给我带来许多挑战,当然这也是一个引进创新技术的好方法.在这里我要跟大家分享的是使用Spire.Pdf的过程,它是来自E-iceblue公司的轻 ...

  4. 磁盘操作系统(DOS)

    一.概要 Disk Operation System(DOS)即磁盘操作系统,与win7一样是一个操作系统,字符界面,单用户,单任务. dos,是磁盘操作系统的缩写,是个人计算机上的一类操作系统.从1 ...

  5. Android 数据库框架OrmLite的使用(一)

    在这里记录下最基本的用法,官网上可了解相关的介绍. 1.下载OrmLite jar 在下载android的:ormlite-android-4.48.jar和ormlite-core-4.48.jar ...

  6. Masonry_设置比例

    [self.bgView addSubview:self.progressImageView]; [self.progressImageView mas_makeConstraints:^(MASCo ...

  7. Android四大组件之一“广播”

    前言 Android四大组件重要性已经不言而喻了,今天谈谈的是Android中的广播机制.在我们上学的时候,每个班级的教室里都会装有一个喇叭,这些喇叭都是接入到学校的广播室的,一旦有什么重要的通知,就 ...

  8. 转:C语言中的头文件可以自己写吗?

    转自:http://www.eefocus.com/computer00/blog/08-09/155791_9ebdc.html 一些初学C语言的人,不知道头文件(*.h文件)原来还可以自己写的. ...

  9. Linux资源控制-CPU和内存

    主要介绍Linux下, 如果对进程的CPU和内存资源的使用情况进行控制的方法. CPU资源控制 每个进程能够占用CPU多长时间, 什么时候能够占用CPU是和系统的调度密切相关的. Linux系统中有多 ...

  10. CloudNotes云端个人笔记系统系列文章汇总

    [CloudNotes版本更新信息与下载地址:http://cloudnotes.cloudapp.net/webapi/Home/Release] [CloudNotes RESTful API帮助 ...