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

更新时间：2017年03月25日 08:26:50 作者：ganchuanpu

本篇文章主要介绍了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自动隐藏和消失的功能。　

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

您可能感兴趣的文章:

Android Mms之:草稿管理的应用
本篇文章是对Android中的草稿管理进行了详细的分析与介绍，需要的朋友参考下
2013-05-05
iOS中给UITableView的侧滑删除增加多个按钮的实现方法
在项目中遇到这样一个需求，cell的侧滑删除默认只有一个删除按钮, 给侧滑添加多个按钮, '删除', '置顶', '更多'.怎么实现呢？下面小编给大家分享iOS中给UITableView的侧滑删除增加多个按钮的实现方法，一起看看吧
2017-02-02
Android设计模式系列之工厂方法模式
工厂方法模式，往往是设计模式初学者入门的模式，的确，有人称之为最为典型最具启发效果的模式。接下来通过本文给大家介绍Android设计模式系列之工厂方法模式，感兴趣的朋友一起学习吧
2016-09-09
Android开发使用Handler实现图片轮播功能示例
这篇文章主要介绍了Android开发使用Handler实现图片轮播功能,涉及Android基于Handler操作图片的相关实现技巧与操作注意事项,需要的朋友可以参考下
2017-09-09
Kotlin协程之Flow的使用与原理解析
Flow是一种数据流,可以用于协程间的通信,具有冷、懒、响应式等特点,Flow是基于协程构建的,可以提供多个值,本文就来给大家讲讲Kotlin Flow使用与原理,需要的朋友可以参考下
2023-09-09
解析Android框架之Volley源码
我们知道Volley是在2013年Google I/O大会上推出了一个新的网络通信框架,他的设计目的就是为了那些请求数据量不是特别大，但是又是特别频繁的网络操作非常适合。但是对于数据量较大的请求，比如说下载一个较大的文件，Volley可能相比于其他的框架，就有点不足了。
2021-06-06
Android消息机制Handler的工作过程详解
这篇文章主要为大家详细介绍了Android消息机制Handler的工作过程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
textView 添加超链接(两种实现方式)
在textView添加超链接，有两种方式，第一种通过HTML格式化你的网址，一种是设置autolink，让系统自动识别超链接，下面为大家介绍下这两种方法的实现
2013-06-06
Android入门之SubMenu的实现详解
这篇文章主要为大家详细介绍了Android如何实现SubMenu子菜单的效果，文中的示例代码讲解详细，对我们学习Android有一定的帮助，感兴趣的可以了解一下
2022-11-11
android特卖列表倒计时卡顿问题的解决方法
这篇文章主要为大家详细介绍了android特卖列表倒计时卡顿问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-09-09

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具