android自定义ListView实现底部View自动隐藏和消失的功能

有这样一个ListView,要求在屏幕底部有一个筛选排序的浮动框：

1、手指下拉隐藏，上滑显示 ；

2、如果没做任何操作，2S之后，要自动显示；

3、滑动到最底部，始终显示。

首先看其效果图：

实现上述效果，其实现原理如下：

 1、在屏幕顶部固定一个BottomView，XML布局最好使用RelativeLayout(底部的BottomView并不是 ListView的footView，这个是和footView独立的，想想为什么？)

 2、然后自定义ListView控件，监听onTouchEvent事件，主要是监听手指下滑和上滑事件，同时实现onScrollListener,监听是否滑动到最底部和最顶部

3、 ListView监听事件中，控制bottomView的显示和隐藏，所以ListView提供一个接口，设置底部bootomView的内容，然后获之后，就可以对bottomView进行控制，同时加上动画效果。

接下来看是如何的具体实现这种效果：

1。底部BottomView的内容如下，这个XML文件的内容是自定义的，根据各项目的内容需求来定义的，我例子中bottom_view.xml:

<?xml version="1.0" encoding="UTF-8"?> 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 

  android:id="@+id/button_layout" 

  android:layout_width="fill_parent" 

  android:layout_height="50dp" 

  android:background="#cbcbcb" 

  android:gravity="center_vertical" 

  android:orientation="horizontal" > 

    <Button android:layout_height="40dp" 

         android:layout_width="wrap_content" 

         android:layout_weight="1" 

         android:text="价格" /> 

  

  <Button android:layout_height="40dp" 

       android:layout_width="wrap_content" 

       android:layout_weight="1" 

       android:text="好评" /> 

  

  <Button android:layout_height="40dp" 

      android:layout_width="wrap_content" 

      android:layout_weight="1" 

      android:text="筛选" /> 

  

</LinearLayout>  

2、main.xml如下

<?xml version="1.0" encoding="utf-8"?> 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 

       android:orientation="vertical" 

       android:layout_width="fill_parent" 

       android:layout_height="fill_parent" 

    > 

  

  <com.example.BottomFloatListView.BottomFloatListView 

      android:id="@+id/listView" 

      android:layout_width="fill_parent" 

      android:layout_height="fill_parent" 

      android:fadingEdge="none" 

      /> 

  

  <include 

      android:id="@+id/bottombar" 

      android:layout_width="match_parent" 

      android:layout_height="wrap_content" 

      android:layout_alignParentBottom="true" 

      layout="@layout/bottom_view" 

      > 

  </include> 

</RelativeLayout>

3、自定义ListView控件BottomFloatListView

package com.example.BottomFloatListView; 
import android.content.Context; 
import android.os.Handler; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.ViewGroup; 
import android.view.animation.Animation; 
import android.view.animation.OvershootInterpolator; 
import android.view.animation.TranslateAnimation; 
import android.widget.*; 
import android.widget.AbsListView.OnScrollListener; 

/** 
 * 底部View自动隐藏和消失listview(其他ListView可以继承该类，如CtripBottomRefreshListView类等) 
 **/ 

public class BottomFloatListView extends ListView implements OnScrollListener { 
  public View mBottomBar; 
  private int mCurrentScrollState; 

  private boolean bIsMoved = false; 

  private boolean bIsDown = false; 

  private int mDeltaY; 

  private float mMotionY; 

  private int oldFirstVisibleItem = 0; 

  private Handler mHandler = new Handler(); 

  private static final String TAG = "BottomFloatListView"; 

  public BottomFloatListView(Context context) { 

    this(context, null); 

    super.setOnScrollListener(this); 

  } 

  

  public BottomFloatListView(Context context, AttributeSet attrs) { 

    this(context, attrs, 0); 

    super.setOnScrollListener(this); 

  } 

  

  public BottomFloatListView(Context context, AttributeSet attrs, int defStyle) { 

    super(context, attrs, defStyle); 

    super.setOnScrollListener(this); 

  } 

  

  @Override 

  public void setAdapter(ListAdapter adapter) { 

    super.setAdapter(adapter); 

  } 

  

  @Override 

  public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { 

  

    showBottomViewOnBottom(visibleItemCount, totalItemCount, firstVisibleItem); 

  

  } 

  

  @Override 

  public void onScrollStateChanged(AbsListView view, int scrollState) { 

  

    hideBottomViewOnScrollStateChanged(view, scrollState); 

  

  } 

  

  @Override 

  public boolean onTouchEvent(MotionEvent ev) { 

      

     float y = ev.getY(); 

     float x = ev.getX(); 

     Log.d("FloatListView", "onTouchEvent" + "" + x + "" + y); 

     int action = ev.getAction() & MotionEvent.ACTION_MASK; 

     switch (action) { 

       case MotionEvent.ACTION_DOWN: 

         action_down(y); 

         break; 

       case MotionEvent.ACTION_MOVE: 

         mDeltaY = (int) (y - mMotionY); 

         bIsMoved = true; 

         //移动的时候，要移除掉显示bottomView的消息 

         mHandler.removeCallbacks(showBottomBarRunnable); 

         //补齐action_down事件，因为有的时候，action_down 事件没有执行 

         action_down(y); 

         break; 

       case MotionEvent.ACTION_UP: 

         bIsMoved = false; 

         bIsDown = false; 

         if (!bIsMoved && !bIsDown) { 

           // 如果屏幕上什么没做，则过2s之后要显示bottomView 

           mHandler.postDelayed(showBottomBarRunnable, 2000); 

         } 

         if (mDeltaY < 0) { //下滑影藏 

           hideBottomBar(); 

         } else { //上滑显示 

           showBottomBar(); 

         } 

  

         bIsMoved = false; 

         break; 

     } 

  

    return super.onTouchEvent(ev); 

  } 

    

    

  private void action_down(float y){ 

     mMotionY = y; 

     bIsDown = true; 

     Log.d(TAG, "action down execed"); 

     mHandler.removeCallbacks(showBottomBarRunnable); 

  } 

  

  /** 

   * 滑动到顶部时，要隐藏bottomView 

   * @param view 

   * @param scrollState 

   */ 

  private void hideBottomViewOnScrollStateChanged(AbsListView view, int scrollState) { 

    mCurrentScrollState = scrollState; 

    if(view!=null){ 

       if (view.getFirstVisiblePosition() == 0 && scrollState == SCROLL_STATE_IDLE) { 

         hideBottomBar(); 

         Log.d(TAG, "hide bottom view"); 

       } 

    } 

   

  } 

  

  /** 

   * 显示底部浮动栏 

   */ 

  public void showBottomBar() { 

  

    if (mBottomBar != null && mBottomBar.getVisibility() == View.GONE) { 

      mBottomBar.setVisibility(View.INVISIBLE); 

      Animation translateAnimation = new TranslateAnimation(mBottomBar.getLeft(), mBottomBar.getLeft(),30, 0); 

      translateAnimation.setDuration(300); 

      translateAnimation.setInterpolator(new OvershootInterpolator(0.6f)); 

      mBottomBar.startAnimation(translateAnimation); 

      translateAnimation.setAnimationListener(new Animation.AnimationListener() { 

        @Override 

        public void onAnimationStart(Animation animation) { 

        } 

  

        @Override 

        public void onAnimationRepeat(Animation animation) { 

        } 

  

        @Override 

        public void onAnimationEnd(Animation animation) { 

          mBottomBar.setVisibility(View.VISIBLE); 

        } 

      }); 

    } 

  } 

  

  /** 

   * 隐藏浮动底部栏 

   */ 

  private void hideBottomBar() { 

      

    if (mBottomBar != null && mBottomBar.getVisibility() == View.VISIBLE) { 

      Animation translateAnimation = new TranslateAnimation(mBottomBar.getLeft(), mBottomBar.getLeft(), 0, 30); 

      translateAnimation.setDuration(300); 

      translateAnimation.setInterpolator(new OvershootInterpolator(0.6f)); 

      mBottomBar.startAnimation(translateAnimation); 

      translateAnimation.setAnimationListener(new Animation.AnimationListener() { 

        @Override 

        public void onAnimationStart(Animation animation) { 

        } 

  

        @Override 

        public void onAnimationRepeat(Animation animation) { 

        } 

  

        @Override 

        public void onAnimationEnd(Animation animation) { 

          mBottomBar.setVisibility(View.GONE); 

        } 

      }); 

    } 

  } 

  

  /** 

   * 滑动到底部时直接显示bottomView 

   * @param visibleItemCount 

   * @param totalItemCount 

   * @param firstVisibleItem 

   */ 

  private void showBottomViewOnBottom(int visibleItemCount, int totalItemCount, int firstVisibleItem) { 

      

      Log.d(TAG, "visible bottem item count:" + "firstVisibleItem:" + firstVisibleItem + "oldFirstVisibleItem:" + oldFirstVisibleItem + mBottomBar); 

       if(getLastVisiblePosition() ==  totalItemCount -1 && mCurrentScrollState != SCROLL_STATE_IDLE){ 

         showBottomBar(); 

       } 

  } 

  

  private Runnable showBottomBarRunnable = new Runnable() { 

  

    @Override 

    public void run() { 

      showBottomBar(); 

    } 

  

  }; 

  

  /** 

   * 将需要隐藏显示的view传入 

   * 

   * @param bottomBar 

   */ 

  public void setBottomBar(ViewGroup bottomBar) { 

    this.mBottomBar = bottomBar; 

  } 

  

} 

4、主界面测试的Activity，MainActivity代码如下

public class MainActivity extends Activity { 

  private BottomFloatListView mBottomFloatListView; 

  

  @Override 

  public void onCreate(Bundle savedInstanceState) { 

    super.onCreate(savedInstanceState); 

    setContentView(R.layout.main); 

    mBottomFloatListView = (BottomFloatListView)findViewById(R.id.listView) ; 

    mBottomFloatListView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,getData())); 

    ViewGroup bottomView = (ViewGroup)findViewById(R.id.bottombar) ; 

    mBottomFloatListView.setBottomBar(bottomView); 

  } 

  

  private List<String> getData(){ 

    List<String> data = new ArrayList<String>(); 

    for(int i = 0; i <100; i++)   { 

      data.add("测试数据" + i); 

    } 

    return data; 

  } 

}  

ViewGroup bottomView = (ViewGroup)findViewById(R.id.bottombar) ; 
mBottomFloatListView.setBottomBar(bottomView); 

将底部的bottomView传入到ListView中，就可以让ListView具有底部View自动隐藏和消失的功能。　

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# listview底部自动隐藏  # android  # 滑动隐藏底部  # 隐藏底部  # android listview优化几种写法详细介绍  # android开发教程之listview使用方法  # android开发之横向滚动/竖向滚动的ListView(固定列头)  # Android自定义Adapter的ListView的思路及代码  # Android下拉刷新ListView——RTPullListView(demo)  # Android之带group指示器的ExpandableListView(自写)  # Android ListView的item背景色设置和item点击无响应的解决方法  # android中ListView多次刷新重复执行getView的解决方法  # android ListView内数据的动态添加与删除实例代码  # android二级listview列表实现代码  # 自定义  # 没做  # 这样一个  # 就可  # 提供一个  # 以对  # 大家多多  # 移除  # 就可以  # 有一个  # 主要是  # 补齐  # 看其  # 测试数据  # 屏幕上  # 事件中  # match_parent  # listView  # fadingEdge  # bottombar 

相关文章： 如何通过万网虚拟主机快速搭建网站？  视频网站制作教程,怎么样制作优酷网的小视频？  已有域名和空间，如何快速搭建网站？  代购小票制作网站有哪些,购物小票的简要说明？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  如何用美橙互联一键搭建多站合一网站？  如何撰写建站申请书？关键要点有哪些？  广州建站公司哪家好？十大优质服务商推荐  建站之星如何防范黑客攻击与数据泄露？  高防服务器租用指南：配置选择与快速部署攻略  简单实现Android文件上传  高性能网站服务器配置指南：安全稳定与高效建站核心方案  建站之星图片链接生成指南：自助建站与智能设计教程  昆明网站制作哪家好,昆明公租房申请网上登录入口？  如何在万网自助建站中设置域名及备案？  h5在线制作网站电脑版下载,h5网页制作软件？  如何获取免费开源的自助建站系统源码？  制作宣传网站的软件,小红书可以宣传网站吗？  制作网站的基本流程,设计网站的软件是什么？  如何通过主机屋免费建站教程十分钟搭建网站？  南平网站制作公司,2025年南平市事业单位报名时间？  网站制作免费,什么网站能看正片电影？  建站主机服务器选型指南与性能优化方案解析  建站主机解析：虚拟主机配置与服务器选择指南  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  建站主机选择指南：服务器配置与SEO优化实战技巧  外贸公司网站制作,外贸网站建设一般有哪些步骤？  建站VPS能否同时实现高效与安全翻墙？  网站制作说明怎么写,简述网页设计的流程并说明原因？  大同网页,大同瑞慈医院官网？  成都网站制作报价公司,成都工业用气开户费用？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  如何零基础在云服务器搭建WordPress站点？  如何在宝塔面板创建新站点？  网站制作的步骤包括,正确网址格式怎么写？  如何基于云服务器快速搭建个人网站？  建站之星如何快速解决建站难题？  南宁网站建设制作定制,南宁网站建设可以定制吗？  建站之星备案流程有哪些注意事项？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  建站之星官网登录失败？如何快速解决？  如何续费美橙建站之星域名及服务？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  建站之星如何实现PC+手机+微信网站五合一建站？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  如何快速上传建站程序避免常见错误？  如何制作算命网站,怎么注册算命网站？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  网站制作报价单模板图片,小松挖机官方网站报价？  建站之星与建站宝盒如何选择最佳方案？