如何層視圖

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