自动显示隐藏布局的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
自动显示隐藏布局的listView的更多相关文章
- Android自定义滑动显示隐藏布局
方式一:上下左右滑动显示隐藏布局 总结代码地址: http://git.oschina.net/anan9303/customView参考例子: http://www.jianshu.com/p/fc ...
- iscroll5 滚动条根据内容高度自动显示隐藏及强制横屏时方向错位
横竖屏方向错位: move: function (e) { if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) { r ...
- 文本框/域文字提示(placeholder)自动显示隐藏jQuery小插件
// 文本框文本域提示文字的自动显示与隐藏 (function($){ $.fn.textRemindAuto = function(options){ options = options || {} ...
- 点击自动显示/隐藏DIV代码。(简单实用)
注:本文由Colin撰写,版权所有!转载请注明原文地址,谢谢合作! 很多时候我们需要将DIV的信息默认为隐藏状态,只有当用户点击时才显示DIV中包含的提示文字.这类效果在互联网上应用得很多,但实现的方 ...
- 让Dock自动 显示/隐藏 不再有延迟
Safari 5.2 Mac OS X 10.7.2 <ignore_js_op> 可能很多朋友使用Mac的时候都会选择将Dock隐藏(可以在系统偏好设置-Dock中选择),等到使用的时候 ...
- 滑动listview隐藏和显示顶部布局
需求: 1.listview向下滑动时,隐藏顶部布局 2.listview向上滑动到最上面,显示顶部布局 3.顶部布局的隐藏和显示有过渡效果 4.第一次加载listview时,顶部不要隐藏 布局: 注 ...
- [UE4]工程设置:自动捕获鼠标、通过代码设置鼠标显示隐藏、输入模式、编译时自动保存
一.在4.20版本中运行游戏,在没有进行任何设置的情况下,游戏不会自动捕获鼠标,游戏不会接受输入,需要手动点一下游戏界面才行.如果要跟老版本一样运行游戏自动捕获鼠标,需要进行设置 二.也可以通过代码的 ...
- 【Android基础】listview控件的使用(4)-----自定义布局的listview的使用
前面我介绍了listview控件的不同用法,但是这些用法在实际的开发项目中是不足以满足需求的,因为前面的几种用法只能简单的显示文本信息,而且布局都比较单一,很难做出复杂的结果,在实际的开发项目中,90 ...
- CSS之 元素显示隐藏,用户界面样式,文本溢出隐藏,精灵技术,三角形
元素的显示与隐藏 display 显示 display 设置或检索对象是否及如何显示 display: none; 隐藏对象 display: block; 除了转换为块级元素, 同时还有显示元素的意 ...
随机推荐
- DOM操作
DOM操作,JS来操作页面 wiindows对象操作 document对象操作 点击事件:将DIV要执行的事件代码装封 onclick 鼠标单击 ondblelick 鼠标双击 onk ...
- 在 ML2 中配置 Vlan Network- 每天5分钟玩转 OpenStack(93)
上一节我们学习了 Neutron Vlan Network 的原理,今天讨论如何在 ML2 配置中 enable 它. 首先在 /etc/neutron/plugins/ml2/ml2_conf.in ...
- 如何设置SharePoint 2013 的根网站集下的“更改此术语的目标页面”
起因: 首先看问题截图Figure 1,在术语驱动的页面中设置更改此术语的目标页面,会被警告“该URL 不指向某个页面”,原因是我所找到的这个目标页面是一个非aspx结尾的URL链接. Figure ...
- 使用PL/SQL工具比对表结构,同步表结构
需求:Oracle数据库,B库和C库,某些表的表结构不一致,现在要求以C库为标准,同步更新B库表结构PL/SQL 连接到C库, Tools --> Compare User Objects .. ...
- 利用GeoWebCache实现WebGIS地形图展示的缓存优化
文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.前言 在WebGIS中,影像金字塔是一个很重要的概念.在WebGI ...
- 浅谈2D游戏设计模式2- WZ文件详解(UI.WZ)之MapLogin.img(1)
玩过冒险岛的人都知道有一个WZ文件,那么这个WZ文件的内部是怎么样的呢,今天我就带大家一探究竟. 说实在的,我这是第一次接触WZ文件,但是却让我很震撼,为什么很震撼,因为这个居然是用VS2010写的! ...
- Azure ARM (14) 设置ARM VM的Availability Set
<Windows Azure Platform 系列文章目录> 参考资料:https://gallery.technet.microsoft.com/Set-Azure-Resource- ...
- TF-IDF提取行业关键词
1. TF-IDF简介 TF-IDF(Term Frequency/Inverse Document Frequency)是信息检索领域非常重要的搜索词重要性度量:用以衡量一个关键词\(w\)对于查询 ...
- 一个基于mysql构建的队列表
通常大家都会使用redis作为应用的任务队列表,redis的List结构,在一段进行任务的插入,在另一端进行任务的提取. 任务的插入 $redis->lPush("key:task:l ...
- Data source rejected establishment of connection, message from server: "Too many connections"解决办法
异常名称 //数据源拒绝从服务器建立连接.消息:"连接太多" com.MySQL.jdbc.exceptions.jdbc4.MySQLNonTransientConnection ...