浅谈百度外卖筛选悬浮框效果的实现

本文探讨了如何在Android应用中实现类似百度外卖的筛选悬浮框效果,通过监听ScrollView的ScrollY值变化,动态调整悬浮布局的位置。文章详细介绍了两种情况的处理:布局未滑出ScrollView时保持重叠,布局滑出时悬浮在顶部。此外,还解决了ScrollView与ListView嵌套导致的显示问题,通过测量每个Item高度来设置ListView的适配高度。
摘要由CSDN通过智能技术生成

     开始在项目中一直实现类似于百度外卖的上滑会使得筛选框的界面停留在顶部,下滑的时候就会随着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"
         
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

熊喵先生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值