android底部滑出view,Android CoordinatorLayout与NestedScrollView基于Behavior几行代码实现底部View滑入滑出...
Android CoordinatorLayout与NestedScrollView基于Behavior几行代码实现底部View滑入滑出
在CoordinatorLayout的Behavior出现之前,如果实现底部的View的滑入滑出,需要写不少代码,且实现起来比较繁琐,现在通过CoordinatorLayout的Behavior,寥寥几行代码就能简洁优雅的实现。这种开发应用场景在一些新闻类、社交类APP中比较常见,这些APP底部往往有一些工具条,布满写评论、分享等等快捷操作按钮。当用户在上下滑动内容列表时候,为了给用户更大区域的观看空间,就伴随内容列表滑入滑出,以节省宝贵的视屏空间。
在过去的做法是监听复杂的滚动事件以实现。现在使用CoordinatorLayout的Behavior,很容易就做到。
写一个布局:
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_width="match_parent"
android:layout_height="150dp">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_blue_light"
app:layout_scrollFlags="scroll|enterAlways" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="50dp"
android:text="0" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="50dp"
android:text="1" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="50dp"
android:text="2" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="50dp"
android:text="3" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="50dp"
android:text="4" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="50dp"
android:text="5" />
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_gravity="bottom"
android:background="@android:color/holo_red_light"
android:orientation="vertical"
app:layout_behavior="zhangphil.view.MyFooterBehavior">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="底部的View随滑动滚入滚出"
android:textColor="@android:color/white" />
在CoordinatorLayout里面,嵌套一个NestedScrollView,NestedScrollView的上下滑动,将触发AppBarLayout的滑入滑出(因为在AppBarLayout套着的Toolbar设置了app:layout_scrollFlags="scroll|enterAlways")。
app:layout_scrollFlags="scroll|enterAlways"
本例的重点是处理在AppBarLayout上下滑动时候底部的LinearLayout也能伴随滑入滑出的功能。
那么将重写Behavior,实现这一功能:
package zhangphil.view;
import android.content.Context;
import android.support.design.widget.AppBarLayout;
import android.support.design.widget.CoordinatorLayout;
import android.util.AttributeSet;
import android.view.View;
/**
* Created by Phil on 2017/8/15.
*/
public class MyFooterBehavior extends CoordinatorLayout.Behavior {
public MyFooterBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
return dependency instanceof AppBarLayout;
}
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
float translationY = -dependency.getY();
child.setTranslationY(translationY);
return true;
}
}
layoutDependsOn方法将确定依赖CoordinatorLayout里面哪个View触发滑动。
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
return dependency instanceof AppBarLayout;
}
本例是子view(child,也就是我放在底部的那个线性布局)依赖AppBarLayout。
具体的滑动处理将在onDependentViewChanged里面处理,在这里,两行代码搞定底部那个LinearLayout的滑入滑出,思路很简单:第一步是先简单获得所依赖View在y轴的滑动值,然后取反,
float translationY = -dependency.getY();
第二步,就是将观察者child这个View在y轴平移setTranslationY。
child.setTranslationY(translationY);
此处的child就是那个底部红色的线性布局。
代码运行结果。
初始化状态:
手指在屏幕向上滑的结果,此底部的线性布局和顶部的AppBarLayput都在伴随着同时滑出:
直到AppBarLayout消失和底部的线性布局完全滑出只有NestedScrollView存在:
然后手指再在屏幕上向下滑,AppBarLayout和底部的线性布局又滑出来:
android底部滑出view,Android CoordinatorLayout与NestedScrollView基于Behavior几行代码实现底部View滑入滑出...相关推荐
- 仅用5000行代码,在V853上AI渲染出一亿幅山水画
近日,一位社区大佬将一个AI画山水画的开源项目移植到全志V853开发板上.这个项目仅用不到5000行代码,就实现了一个可以自动作画的"人工智能",并且不需要调用任何第三方库. 只要 ...
- Android酷欧天气实训报告书,萌新求助,第一行代码酷欧天气开发,遇到coolweather keeps s...
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 现在贴上整个logcat中的错误以及程序截图: 错误如下:09-01 11:01:55.619 3833-3833/? E/AndroidRuntime: ...
- Unity简单几行代码让玩家水平移动更丝滑真实
可以先来看看基础的移动代码,接收玩家的输入,然后赋予刚体速度. 但是这种写法存在几个问题,下面一一纠正. 首先,如果直接改变刚体的速度,那么可能会出现穿墙的问题. 而且没有一种从速度0到缓慢加速的过程 ...
- 痛入爽出 HTTP/2:代码实战1
这一期全是干货.干得你口渴想喝水. 环境搭建 安装 Python.你可以选择官网安装.Anaconda安装或者你已经有了 Python3.5 以上的版本.PyPy也可以的. 可选:创建一个 Pytho ...
- 【晒出你的第83行代码】剑指星辰,两位开发者贴出了小试牛刀的毕设代码
2019独角兽企业重金招聘Python工程师标准>>> 最近社区有个很火的<向代码致敬,寻找你的第83行>的活动,缘起于前几天,在阿里巴巴的一个小黑屋里,5名对代码有着极 ...
- 手机firebug查看网页代码 How to View Website Source Codes on iPad / iPhone
You're using your iPad to browse the Web and you're curious to view the source of a webpage but don' ...
- PLC实现入栈出栈功能(SCL)
PLC实现入栈出栈功能(SCL 引言 功能需求 准备工作 入栈 PLC程序 出栈 PLC程序 触摸屏画面程序 源程序 引言 之前用梯形图实现了PLC入栈出栈功能,这次使用SCL来实现此功能. 功能需求 ...
- android 上滑隐藏view,Android CoordinatorLayout + AppBarLayout(向上滚动隐藏指定的View)
在新的Android Support Library里面,新增了CoordinatorLayout, AppBarLayout等. 实现的效果: 向下滚动RecylerView,Tab会被隐藏,向上滚 ...
- android实现底部弹出菜单,Android实现底部缓慢弹出菜单
项目要求要做一个从底部缓慢弹出一个Button Menu 开始编码: MyselfFragment package io.dcloud.H5B79C397.fragment; import andro ...
最新文章
- 学习Python往哪个方向发展好
- 【Vue】宝塔面板服务器配置Vue项目
- 生死讯息:密码背后的数学
- 【CCNA考试】2010-06-29-北京-987(PASS)
- 《Javascript高级程序设计》读书笔记之对象创建
- sealed关键字用法
- Mac 技术篇-Oracle数据库官方连接工具SQL Developer的安装与连接演示
- Android进程退出的方法
- Python基础day05 作业解析【10道 函数作业题】
- TurboLinux11system»adjtimex简介
- 使用Rancher搭建K8S测试环境
- 青铜到王者,看看你的MySQL数据库是什么段位,如何提升?
- access没有使用 对象的必要权限_厨房有没有必要安燃气报警器 使用燃气要注意哪些安全性措施...
- arm-linux-gcc 裸机程序,Linux下ARM裸机开发-交叉工具链
- [转]nodejs npm常用命令
- ActiveXObject ADODB.Stream封装
- 畅捷通T+ RAP(Rapid Application Platform)快速应用开发平台
- 小米android在哪里,小米手机恢复出厂设置在哪里?操作流程在这儿一键恢复(适合各种安卓机型)...
- 写函数,返回一个扑克牌列表,里面有52项,每一项是一个元组 例如:[(‘红心’,2),(‘草花’,2), …(‘黑桃,A
- C语言表示欧拉常数算法,计算li(x)的两个级数的C语言实现
热门文章
- 基于TCP的应用层协议、与基于UDP的应用层协议分别有哪些?
- 10张 GIF 动图让你弄懂递归等概念
- 基于OpenCV的焊件缺陷检测
- 链表问题2——在单链表中删除倒数第K个节点
- 【转】python中的字符数字之间的转换函数
- serv-u 15 设置非21端口外网FTP访问以及更改被动模式端口、防火墙映射
- Microsoft Remote Desktop移动客户端QA
- 【Joomla】K2 Item 页面添加 Module
- “Account is trusted for delegation is not shown || cannot see the Delegation tab
- 利用***+nat解决客户voip被封锁的问题