以后每一周会分享Android技术难点,今天主要分享这样一个功能:有这样一个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/