Putting a Background Image behind TabWidget
<p>I have a custom TabView, what I wanna do is to put a background image behind my Tabs. So the background image will behave like a frame for the Tabs. The tabs will stay in the middle of the background. With the code I have below, my TabWidget is just covering the background image.</p>

<p>How am I able to achieve that?</p>

<p>Here's my xml layout for my TabView</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    &gt;
    &lt;LinearLayout
        android:id="@+id/LinearLayout01"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        &gt;
        &lt;LinearLayout
        android:id="@+id/tab_background"
        android:layout_width="320dp"
        android:layout_height="45.33dp"
        android:orientation="vertical"
        android:background="@drawable/tab_bg" &gt;

        &lt;HorizontalScrollView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fillViewport="true"
            android:layout_marginTop="5.33dp"
            android:layout_marginBottom="5.33dp"
            android:scrollbars="none" &gt;

            &lt;TabWidget
                android:id="@android:id/tabs"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" 
                &gt;
            &lt;/TabWidget&gt;
        &lt;/HorizontalScrollView&gt;
    &lt;/LinearLayout&gt;

        &lt;FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginTop="-2dp" &gt;
        &lt;/FrameLayout&gt;
    &lt;/LinearLayout&gt;
&lt;/TabHost&gt;
</code></pre>
