有这样一个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
相关文章:
如何快速选择适合个人网站的云服务器配置?
整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去?
c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗
如何在IIS管理器中快速创建并配置网站?
长沙企业网站制作哪家好,长沙水业集团官方网站?
如何在新浪SAE免费搭建个人博客?
高防网站服务器:DDoS防御与BGP线路的AI智能防护方案
浅析上传头像示例及其注意事项
制作网站建设的公司有哪些,网站建设比较好的公司都有哪些?
如何在宝塔面板中修改默认建站目录?
专业公司网站制作公司,用什么语言做企业网站比较好?
百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系?
c# Task.ConfigureAwait(true) 在什么场景下是必须的
如何选择最佳自助建站系统?快速指南解析优劣
零基础网站服务器架设实战:轻量应用与域名解析配置指南
建站之星如何实现五合一智能建站与营销推广?
制作充值网站的软件,做人力招聘为什么要自己交端口钱?
建站之星官网登录失败?如何快速解决?
在线制作视频网站免费,都有哪些好的动漫网站?
php8.4新语法match怎么用_php8.4match表达式替代switch【方法】
西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么?
如何快速搭建高效香港服务器网站?
python的本地网站制作,如何创建本地站点?
如何用西部建站助手快速创建专业网站?
如何在Golang中使用replace替换模块_指定本地或远程路径
如何在建站宝盒中设置产品搜索功能?
如何在阿里云香港服务器快速搭建网站?
学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?
建站10G流量真的够用吗?如何应对访问高峰?
公司门户网站制作流程,华为官网怎么做?
中山网站制作网页,中山新生登记系统登记流程?
制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事?
如何通过NAT技术实现内网高效建站?
如何在宝塔面板创建新站点?
如何在阿里云部署织梦网站?
魔方云NAT建站如何实现端口转发?
大连 网站制作,大连天途有线官网?
常州自助建站:操作简便模板丰富,企业个人快速搭建网站
高防服务器如何保障网站安全无虞?
建站之星如何保障用户数据免受黑客入侵?
C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换
网站专业制作公司,网站编辑是做什么的?好做吗?工作前景如何?
制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?
实例解析angularjs的filter过滤器
c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】
大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?
简历在线制作网站免费版,如何创建个人简历?
如何在橙子建站上传落地页?操作指南详解
网站制作软件有哪些,制图软件有哪些?
制作表格网站有哪些,线上表格怎么弄?
*请认真填写需求信息,我们会在24小时内与您取得联系。