简书的动态搜索栏效果是这样的,挺高大上的感觉。
ezgif.com-resize.gif
仔细想一下,其实实现起来非常简单,这是我做的效果,基本完美还原。
ezgif.com-resize (2).gif
实现这个效果, 只要关注几个点
1.搜索栏伸展和收缩动画效果实现
2.搜索栏伸展和收缩的时机
3.顶部透明度的渐变
搜索栏伸展和收缩动画效果实现:
我们只要明确,使用系统为我们提供的Transition框架,就可以轻而易举的实现了。
首先要引入依赖compile ‘com.android.support:design:25.3.1’,要知道我们使用到的这部分Transition