基本特效：饿了么丝滑无缝过度搜索栏的实现

新年好，首先给大家发个红包。

[意念红包]请闭上眼睛通过念力领取。

---

这都2017年了，是时候来一波基础特效教程了！

如果我不偷懒的话，或许可以成为一个系列都基础教程哦。当然如果成为了一个系列，这个系列就像标题说的一样，是基础特效。所以内容会比较简单，如果你是老司机的话，可以直接飘过了(顺便带我上车！)。

本次项目地址：https://github.com/githubwing/WingUE

这次依然拿饿了么开刀。来庖丁一个搜索栏过度效果，如下图：

额，图片还是比较大的，为了不浪费排版空间，这次就不上饿了么原图了，直接上效果图。效果还是差不多的哈。

如你所见，这是一个过度效果。 用一个群友的话来说就是丝滑过度根本看不出来是两个Activity。

一个Activity还是两个？

这是两个Activity，看起来顺化的原因是使用了一种叫做共享元素的概念。Android 5.0自带共享元素的实现，但是有一些缺点比如：不能改变大小， 不能兼容4.X 等等。

如何实现？

其实本次的效果在高仿微信下滑返回PhotoView中有运用以及介绍。但是由于篇幅没有做详细的介绍，现在就向大家介绍实现这种效果的思路。

首先既然叫做共享元素，那么可想而知肯定有两个Activity拥有一项共同的元素，可能是图片、一个TextView、一个EditText等等。如效果图，他就是共享一整个EditText。准确地说是一个组成看似EditText的元素组。

为了实现这个效果，我们需要在两个Activity中都放置同样的搜索栏元素。

 <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:background="#0096FF"
        android:padding="10dp">

        <TextView
            android:layout_marginLeft="10dp"
            android:layout_marginTop="20dp"