Question

I am developing an android application and have created a tabbed layout for my application. I want to be able to create a layout on the first tab that looks like this:

I am just working on Tab 1 for now and the part with the A+ is supposed to just be a random pic that gets uploaded.
How would I go about making a layout like this?
What layout type should I use?
What would be the most efficient way of making this layout.

Answer 1

Use RelativeLayout. Set ImageView that will be below the TabWidget. Then set the TextView for Description to be toRight of your ImageView and below TabWidget, and the Evaluation TextView to be below the ImageView. Hope the words helped 🙂

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout android:orientation="vertical"
        android:layout_width="fill_parent" android:layout_height="fill_parent">
        <TabWidget android:id="@android:id/tabs"
            android:layout_width="wrap_content" android:layout_height="wrap_content" />
        <FrameLayout android:id="@android:id/tabcontent"
            android:layout_width="fill_parent" android:layout_height="fill_parent">
            <RelativeLayout android:orientation="vertical"
                android:layout_width="fill_parent" android:layout_height="fill_parent"
                android:id="@+id/main2">
            ///here you make the positioning of imageview and textviews

            </RelativeLayout>

        </FrameLayout>
    </LinearLayout>
</TabHost>

Note that this will apply for both of your tabs, if you want to have different views per each tab, then try inflating.

Edit:

   Intent intent = new Intent(this, Activty4TheSecondTab.class);
     spec = tabHost.newTabSpec("2ndtab").setIndicator("MySecondTab",
                          res.getDrawable(R.drawable.something))
                      .setContent(intent);

So in the Activty4TheSecondTab.class you set content layout like usual. Do this for both tabs.