如何层视图

Question

我有一个扩展视图类定制的视图。我想我的自定义视图的两个实例直接层叠在一起。我的布局文件应该如何实现这个目标？

Answer 1

原来的FrameLayout是我想要的。只是这样做在你的布局：

<FrameLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" > 

     <com.proj.MyView 
      android:id="@+id/board1" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content"/> 

     <com.proj.MyView 
      android:id="@+id/board2" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" /> 

    </FrameLayout> 

Answer 2

使用RelativeLayout。 RelativeLayout的后期子女将重叠较早的子女。

Answer 3

虽然这是真的，你可以实现使用RelativeLayout和FrameLayout，在API 21和更高的层次感..一切都变了。

在API 21或更高，XML的后面的孩子并不意味着它会覆盖前面的孩子。相反，它使用Elevation来确定哪个视图将重叠其他视图（Z-Index）。

例如，如果你有这样的事情。

<FrameLayout 
    android:layout_height="match_parent" 
    android:layout_width="match_parent"> 

    <Button 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@android:color/white" 
     android:text="Hello World" 
     android:layout_gravity="top" /> 

    <View 
     android:layout_width="match_parent" 
     android:layout_height="10dp" 
     android:background="@android:color/black" 
     android:layout_gravity="bottom" /> 

</FrameLayout> 

的View不会，即使它Button后添加可见。这是因为Button海拔高于View。要重新排列Z-Index，您可以将elevation属性添加到相应的视图。

<FrameLayout 
    android:layout_height="match_parent" 
    android:layout_width="match_parent"> 

    <Button 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@android:color/white" 
     android:text="Hello World" 
     android:layout_gravity="top" 
     android:elevation="0dp" /> 

    <View 
     android:layout_width="match_parent" 
     android:layout_height="10dp" 
     android:background="@android:color/black" 
     android:layout_gravity="bottom" 
     android:elevation="2dp" /> 

</FrameLayout> 

这样的View将重叠Button。 https://material.io/guidelines/material-design/elevation-shadows.html