如何获得带有白色空间的图像背景，如下面的截图所示

Question

在这里你可以看到有一个背景，在它上面有一个白色的图层，其中包含了。截图是一个网站，但我想在我的应用程序上提供该效果。任何帮助都会有很大用处。

Answer 1

你可以这样做：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".activity.MainActivity">

    <ImageView
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:src="@drawable/yourBackgroudImage"/>

     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:orientation="vertical"
         android:bacground="@color/white"
         android:layout_margin="20dp">

         <!--your code inside white backgroud layout goes here-->

    </LinearLayout>

</LinearLayout>

Answer 2

使用RelativeLayout可以帮助您将视图叠加到彼此之上，然后为顶部布局提供边距

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="wrap_content">

    <ImageView
        android:src="@drawable/backgroundimage"
        android:scaleType="centerCrop"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <LinearLayout
        android:layout_margin="20dp"
        android:background="#ffffff"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!--Add Data here as required-->
    </LinearLayout>
</RelativeLayout>