Set frame content below tabs in relative layout



I'm trying to move my content items below the two tabs that are setup at the top. I've tried messing with both LinearLayout and RelativeLayout but nothing I do seems to change anything. I want the content to be just below the tabs.


Screenshot in Android


Main Activity XML:



<android.support.v4.app.FragmentTabHost
xmlns:android="http://ift.tt/nIICcg"
android:id="@+id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent" >

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

<TabWidget
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" />

<FrameLayout
android:id="@+id/tabFrameLayout"
android:layout_below="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

</RelativeLayout>

</android.support.v4.app.FragmentTabHost>


Content Fragment XML:



<LinearLayout
xmlns:android="http://ift.tt/nIICcg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

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

<ImageView
android:id="@+id/imageWeather"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/weather_clear" />

<TextView
android:id="@+id/textWeather"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

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

<ImageView
android:id="@+id/imageWind"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/wind_direction" />

<TextView
android:id="@+id/textWind"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

</LinearLayout>

Tiada ulasan:

Catat Ulasan