无图说卵,先上图

jianshu-top.gif

查阅资料后,发现网上大部分都是用这种方法实现的:

多写一个和需要悬浮的部分一模一样的layout,先把浮动区域的可见性设置为gone。当浮动区域滑动到顶部的时候,就把浮动区域B的可见性设置为VISIBLE。这样看起来就像悬浮在顶部不动了。

具体看下边文章 :

高仿美团app,浮动layout滑动到顶部悬停效果

Android实例-仿美团app,浮动layout滑动到顶部悬停效果

这里介绍的是另外一种方式:

使用design包中的控件

<android.support.design.widget.CoordinatorLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context="com.peipei.app.MainActivity"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="250dp"> <android.support.design.widget.CollapsingToolbarLayout app:layout_scrollFlags="scroll" app:contentScrim="#000000" android:layout_width="match_parent" android:layout_height="220dp"> <TextView android:text="banner区域" android:gravity="center" android:textColor="#ffffff" android:background="#987545" android:layout_width="match_parent" android:layout_height="220dp"/> </android.support.design.widget.CollapsingToolbarLayout> <TextView android:gravity="center" android:layout_width="match_parent" android:layout_height="30dp" android:text="悬浮的部分"/> </android.support.design.widget.AppBarLayout> <android.support.v4.widget.NestedScrollView android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="@dimen/text_margin" android:text="@string/large_text"/> </android.support.v4.widget.NestedScrollView> </android.support.design.widget.CoordinatorLayout>

实现步骤:

  1. 将需要悬浮的layout放到CollapsingToolbarLayout之外,AppBarLayout之内
  2. 将CollapsingToolbarLayout的app:layout_scrollFlags设置为scroll
  3. 给滚动的NestedScroolView设置
    app:layout_behavior="@String/appbar_scrolling_view_behavior"
    就大功告成了(记得根布局要是CoordinatorLayout)

最终效果:

damo-jianshu-top.gif

来自:http://www.jianshu.com/p/abdb9828a00d

Android滑动到顶部悬停相关推荐

  1. android 悬停浮动框,Android滑动到顶部悬停

    无图说卵,先上图 jianshu-top.gif 查阅资料后,发现网上大部分都是用这种方法实现的: 多写一个和需要悬浮的部分一模一样的layout,先把浮动区域的可见性设置为gone.当浮动区域滑动到 ...

  2. Android悬浮按钮锚点位置,Android 滑动定位+吸附悬停效果实现

    在前两篇文章中,分别介绍了tablayout+scrollview 和 tablayout+recyclerview 实现的滑动定位的功能,文章链接: Android 实现锚点定位 Android t ...

  3. android实现3种定位的切换,Android 滑动定位+吸附悬停效果实现

    在前两篇文章中,分别介绍了tablayout+scrollview 和 tablayout+recyclerview 实现的滑动定位的功能,文章链接: Android 实现锚点定位 Android t ...

  4. android 滑动顶部固定,android view滑动到顶部悬停

    千万不要再根据滑动的高度来控制控件的显示隐藏来实现悬停效果了,推荐一个超级方便的实现悬停效果的 CoordinatorLayout+AppBarLayout完美实现悬停效果 例子如下 android: ...

  5. android 滑动到顶部或底部光影效果控制

    在android中,使用listview,scrollview,viewpager,或者RecycleView的时候,滑动到边界的时候,会有一个自动的光影效果,有时候不需要这种效果,只需要设置setO ...

  6. android列表滑到底部,Android中判断listview是否滑动到顶部和底部的实现方法

    今天实现listview的下拉刷新和上拉加载的时候,遇到了一个问题,*就是说需要根据listview中滑动的位置来进行下拉刷新和上拉加载.* 具体点,只有当我的listview滑动到最顶部的时候,这时 ...

  7. android view滑动到顶部并固定在顶部

    创建自定义ScrollView /** * ProjectName: yuanxinclan_new * Author: lgq * Date: 2017/12/20 0020 10:07 */ pu ...

  8. android studio上下滚动菜单,Android模仿美团顶部的滑动菜单实例代码

    前言 本文主要给大家介绍了关于Android模仿美团顶部滑动菜单的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 先来看下效果图: 实现方法 这是通过 ViewPager ...

  9. android实现美团首页滑动菜单功能,Android模仿美团顶部的滑动菜单实例代码

    前言 本文主要给大家介绍了关于android模仿美团顶部滑动菜单的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 先来看下效果图: 实现方法 这是通过 viewpager ...

最新文章

  1. NSStirng、NSArray、以及枚举(Method小集合)
  2. ASP截取字符 截取字符之间的字符
  3. 为啥led灯用一年后暗了很多_想把卤素灯换掉,选LED灯为什么比选氙气灯
  4. Mysql 5.8 参数调优
  5. PHP中header的用法
  6. python画图比赛_Python选修课第二届Turtle绘图大赛
  7. matlab 传感器的迟滞,MATLAB PI迟滞模型问题
  8. 程序员的年龄越大编程能力越弱???原来我们都理解错了
  9. Error-backpropagation in temporally encoded networks of spiking neurons 误差传播在时间编码的脉冲神经网络
  10. 为什么Windows的兼容性这么强大,到底用了什么技术?
  11. python抽奖小程序_python实现简单的抽奖小程序,抽奖的内容从文件里面读取
  12. Maya Mel GUI入门
  13. 传奇清理服务器信息,传奇行会信息等清除问题
  14. 我男友是个学霸,你们输给DOTA,我输给代码……
  15. ZZNU 正约数之和
  16. 新东方 词根词缀 excel_词根词缀记忆英语单词,高效,不易遗忘
  17. 基于yolov5-6.0版本的PCB板缺陷检测(Python/C++部署)
  18. Jqury基础大汇总来啦~
  19. iphone win7无法识别_电脑无法识别iphone、ipad的解决办法
  20. 基于javaweb的仿天猫商城系统开发与设计.rar(论文+任务书+项目源码)

热门文章

  1. python对文本数据进行采样_Python对wav文件的重采样实例
  2. python stdout_python 之sys.stdout小记
  3. m5310模组数据上传至onenet_彻底火了的NB-IoT突破1亿大关(附最新芯片和模组厂)!...
  4. 阿里云块存储、对象存储(OSS)、文件存储(NAS)的区别?
  5. Chrome , Firfox 对应IE fireEvent 的方法
  6. Spring Cloud Gateway (六) 自定义 Global Filter
  7. php验证码只有图片没有文字_有没有免费好用的图片文字识别工具?在线就能使用超准确...
  8. php取汉字拼音首字母,php获取汉字拼音首字母的函数(真正可以使用的)
  9. php 复制mysql数据库_PHP连接MySQL数据库的三种方式
  10. go语言和java比_python与java、php、go的优势对比,各语言不要引起恐慌哈