开始在项目中一直实现类似于百度外卖的上滑会使得筛选框的界面停留在顶部,下滑的时候就会随着ScrollView下滑动。这种效果也在网上百度了很多,但是会出现在滑动过快的时候出现抖动的效果,用户体验极差。后来在夏安明大神的博客上看到一个新的思路来实现这个效果,感觉这个方法实现的效果很流畅,并且个人觉得该方法很巧妙。夏安明大神开始也写过一篇android高仿美团网及大众点评悬浮框效果,第一篇看起来有点复杂,还用到Handler,每隔5s中发送一次信息更新滑动距离,下滑到某个位置的时候,将顶部的布局隐藏,上滑到某个位置将顶部布局显示。后来大神用了一个新的思路,再写了一篇修改版,瞬间感觉大神的思维就是不一样呀。好,那我们先来看下今天要实现的效果:
那就开始分析一下大神的思路吧:
1、首先,在布局中必须要有两个相同的布局的悬浮框界面,一个在顶部悬浮,一个在正常的位置显示。
布局文件:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/parent_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<include
android:id="@+id/include_header_home"
android:layout_width="match_parent"
android:layout_height="wrap_content"
layout="@layout/header_home" />
<com.mikyou.myview.MyScrollView
android:id="@+id/myscrollview"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<ImageView
android:layout_width="match_parent"
android:layout_height="380dp"
android:scaleType="fitXY"
android:src="@drawable/center_image" />
<include
android:id="@+id/center_buy"
layout="@layout/buy_layout" />
<ListView
android:id="@+id/listview"