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 

相关文章： 建站之星logo尺寸如何设置最合适？  如何在Windows 2008云服务器安全搭建网站？  盐城做公司网站,江苏电子版退休证办理流程？  个人摄影网站制作流程,摄影爱好者都去什么网站？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  C#怎么创建控制台应用 C# Console App项目创建方法  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  招贴海报怎么做,什么是海报招贴？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  如何基于云服务器快速搭建网站及云盘系统？  如何选择建站程序？包含哪些必备功能与类型？  制作网站的公司有哪些,做一个公司网站要多少钱？  开心动漫网站制作软件下载,十分开心动画为何停播？  教学网站制作软件,学习*后期制作的网站有哪些？  建站之星如何实现PC+手机+微信网站五合一建站？  平台云上自助建站如何快速打造专业网站？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  制作网站怎么制作,*游戏网站怎么搭建？  深圳网站制作培训,深圳哪些招聘网站比较好？  如何快速搭建二级域名独立网站？  如何通过服务器快速搭建网站？完整步骤解析  如何通过cPanel快速搭建网站？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何快速生成专业多端适配建站电话？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  建站主机选哪家性价比最高？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  网站专业制作公司有哪些,做一个公司网站要多少钱？  如何获取上海专业网站定制建站电话？  建站之星下载版如何获取与安装？  建站VPS选购需注意哪些关键参数？  网站制作需要会哪些技术,建立一个网站要花费多少？  如何快速搭建响应式可视化网站？  建站之星官网登录失败？如何快速解决？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  C#怎么使用委托和事件 C# delegate与event编程方法  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  建站之星CMS建站配置指南：模板选择与SEO优化技巧  html制作网站的步骤有哪些,iapp如何添加网页？  建站三合一如何选？哪家性价比更高？  网页设计网站制作软件,microsoft office哪个可以创建网页？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  如何在IIS7中新建站点？详细步骤解析