android开发 视图联动_新版首页技术设计和实现方案(Android)

动效设计

1、两级吸顶

CoordinatorLayout+AppBarLayout可以轻松的实现一级吸顶的功能，两级吸顶并不支持。要实现两级吸顶，可以有两种思考：一，在此基础之上再完成一次吸顶；二，直接重写两次吸顶的逻辑，两次吸顶算法跟一次吸顶算法思路上应该是一致的。首页改版使用了第一种思路，因为考虑到顶部搜索框特殊的过渡动画效果，这块本身需要自定义，即便使用控件自带的效果，这块也要重写，所以首先完成了顶部搜索框的自定义吸顶效果，然后借力CoordinatorLayout控件实现了feed流头部的吸顶。这样，整个两级吸顶效果就完成了，顶部搜索栏吸顶通过自定义充分满足了动效，后续扩展和修改会更自如；而feed流头部使用父级控件自带的吸顶效果，大大减轻了再次吸顶的逻辑重写。

对于自定义顶部搜索栏吸顶的功能，可以通过AppBarLayout的OnOffsetChangedListener接口监听完成。onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset)方法返回了appBarLayout的垂直偏移量，通过这个变量基本能完成所有头部的动效。

// 背景图滑动处理if (Math.abs(verticalOffset) < mHeaderHeight) { mIvBackground.scrollTo(0, (int) (-verticalOffset / VELOCITY_OF_REFRESH_BACKGROUND)); // 搜索栏动效处理 int width = mCityWidth - mSearcherBarLeftMargin; int height = mH