神奇的listView实现自动显示隐藏布局Android代码_Android

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

1.自动显示隐藏Toolbar

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

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

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

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

复制代码 代码如下:

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

判断滑动事件

bbsListView.setOnTouchListener(new OnTouchListener() {

   @Override
   public boolean onTouch(View v, MotionEvent event) {
     switch (event.getAction())
    {
    case MotionEvent.ACTION_DOWN:
     mFirstY=event.getY();
     break;
    case MotionEvent.ACTION_MOVE:
     mCurrentY=event.getY();
     if(mCurrentY-mFirstY>mTouchSlop)
      direction=0; //listView向下滑动
     else if(mFirstY-mCurrentY>mTouchSlop)
      direction=1; //listView向上滑动
     if(direction==1)
     {
      if(mShow)
      {
       toolbarAnim(1); //隐藏上方的view
       mShow=!mShow;
      }
     }
     else if(direction==0)
     {
      if(!mShow)
      {
       toolbarAnim(0); //展示上方的view
       mShow=!mShow;
      }
     }
    case MotionEvent.ACTION_UP:
     break;
    }
    return false;
   }
  });
 }

属性动画 

protected void toolbarAnim(int flag)
 {

  if(set!=null && set.isRunning())
  {
   set.cancel();
  }
  if(flag==0)
  {

   mAnimator1=ObjectAnimator.ofFloat(mToolbar,
     "translationY", linearView.getTranslationY(),0);
   mAnimator2=ObjectAnimator.ofFloat(mToolbar, "alpha", 0f,1f);
  }
  else if(flag==1)
  {

   mAnimator1=ObjectAnimator.ofFloat(mToolbar,
     "translationY", linearView.getTranslationY(),-linearView.getHeight());
   mAnimator2=ObjectAnimator.ofFloat(mToolbar, "alpha", 1f,0f);

  }
  set=new AnimatorSet();
  set.playTogether(mAnimator1,mAnimator2);
  set.start();

}

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

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

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

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显示隐藏
listview多布局的实现、listview隐藏头布局、listview不同item布局、listview多布局、android listview布局,以便于您获取更多的相关知识。

时间: 2024-07-31 21:29:38

神奇的listView实现自动显示隐藏布局Android代码_Android的相关文章

Android ListView自动显示隐藏布局的实现方法_Android

借助View的OnTouchListener接口来监听listView的滑动,通过比较与上次坐标的大小,判断滑动方向,并通过滑动方向来判断是否需显示或者隐藏对应的布局,并且带有动画效果. 1.自动显示隐藏Toolbar 首先给listView增加一个HeaderView,避免第一个Item被Toolbar遮挡. View header=new View(this); header.setLayoutParams(new AbsListView.LayoutParams( AbsListView.

Android ListView自动显示隐藏布局的实现方法

借助View的OnTouchListener接口来监听listView的滑动,通过比较与上次坐标的大小,判断滑动方向,并通过滑动方向来判断是否需显示或者隐藏对应的布局,并且带有动画效果. 1.自动显示隐藏Toolbar 首先给listView增加一个HeaderView,避免第一个Item被Toolbar遮挡. View header=new View(this); header.setLayoutParams(new AbsListView.LayoutParams( AbsListView.

标题超出宽(长)度部分自动显示省略号的CSS代码

标题超出宽(长)度部分自动显示省略号的CSS代码 li{       line-height:13px;       height:13px;       overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;}   非常实用的一个代码

js显示隐藏层实例代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

flex tree自动显示横向滚动条实现代码_Flex

复制代码 代码如下: package com.anydata.consumer.components { import flash.events.Event; import mx.controls.Tree; import mx.core.ScrollPolicy; import mx.core.mx_internal; /** * 自动显示横向滚动条 */ public class AutoSizeTree extends Tree { public function AutoSizeTree

基于jquery显示隐藏按钮实现代码

显示隐藏在WEB开发中会经常碰到的,现在我们提供一款由jq实现的内容显示与隐藏的代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

Android listview与adapter详解及实例代码_Android

一个ListView通常有两个职责. (1)将数据填充到布局. (2)处理用户的选择点击等操作. 第一点很好理解,ListView就是实现这个功能的.第二点也不难做到,在后面的学习中读者会发现,这非常简单. 一个ListView的创建需要3个元素. (1)ListView中的每一列的View. (2)填入View的数据或者图片等. (3)连接数据与ListView的适配器. 也就是说,要使用ListView,首先要了解什么是适配器.适配器是一个连接数据和AdapterView(ListView就

android指定DatePickerDialog样式并不显示年的实现代码_Android

有很多地方要用到DatePickerDialog.但有时项目用到的主题样式是很丑的样式,显示出来的真丑. 而我们真正想要的样式是这样的. 这个就漂亮多了.而且很多的时候都不需要显示"年",下面看通过指定主题来显示自己想要的样式,并且通过反射机制来隐藏"年",而且可以举一反三,对这上面的东西做任务的修改. private void showDatePickerDialog() { Calendar calendar = Calendar.getInstance();

Android ListView 默认选中某一项实现代码_Android

这里是使用 TOC 生成的目录: •Layout文件定义 ◦ListView定义 ◦item 模板定义  •代码 ◦初始化列表 ◦用户点击处理  •效果  -------------------------------------------------------------------------------- 要使用 ListView 实现一个充值方式选择,默认想选中第二项,搞了一下午,终于搞定了.原本就没怎么用 Java 写过 Android 应用,又隔了好久没写,一切都生疏了,半吊子变