如何在 Android 中的背景图像顶部添加布局

Question

I want to add Linear Layout on top of my background image as shown in below image(that horizontal bars).

But that is not working.I have checked by adding background color but it didn't shown in the preview. Below is the way that I had added the Linear Layout.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="@drawable/back">

    <ImageView
        android:layout_width="200dp"
        android:layout_height="150dp"
        android:src="@drawable/logo_big"
        android:layout_marginLeft="200dp"/>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </LinearLayout>

</LinearLayout>

Answer 1

Try using a <RelativeLayout> around your <LinearLayout> . Like this:

<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:background="@drawable/back">

<ImageView
    android:layout_width="200dp"
    android:layout_height="150dp"
    android:src="@drawable/logo_big"
    android:layout_marginLeft="200dp"/>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

Answer 2

Solution 1:

Set orientation = vertical in your parent LinearLayout.

Solution 2:

Use RelativeLayout for better UI experience.