将片段滑过另一个片段

Question

我希望能够在Shazam应用程序中将片段滑过另一个片段：

http://i.imgur.com/pzerFBo.png - 开始状态

http://i.imgur.com/6CLp9KH.png - 滑动

http://i.imgur.com/bgbHrWD.png

如何（或可以）实施？

Answer 1

假设layout1是背景中的布局，layout2是可以在layout1上滑动的布局。

您可以创建一个ScrollView，其中第一个元素具有相同的layout1高度和全宽。使该元素透明，以便layout1可见并可单击，并将layout2放在它下面。

现在您将layout1和ScrollView放在FrameLayout中。如果ScrollView有足够的内容，您可以滚动它。

它会给出类似的东西：

<FrameLayout>
  <Layout1/>
  <ScrollView>
    <LinearLayout> 
      <View/> // Same height as Layout 1 and width is match_parent
      <Layout2/>
    </LinearLayout>
  </ScrollView>
</FrameLayout>