Question

I want to make my layout for my first tab something like this:

I have already asked a question similar to this. I am getting stuck on the formatting:
This is what my code looks like:

<?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"        
            android:padding="5dp">        
        <TabWidget
             android:id="@android:id/tabs"            
             android:layout_width="fill_parent"            
             android:layout_height="wrap_content" />        
        <FrameLayout            
            android:id="@android:id/tabcontent"            
            android:layout_width="fill_parent"            
            android:layout_height="fill_parent"            
            android:padding="5dp" /> 
            <RelativeLayout 
                android:orientation="vertical"                
                android:layout_width="fill_parent" 
                android:layout_height="wrap_content"    >            
                <ImageView
                    android:id="@+id/simpleMode"
                    android:layout_width="wrap_content"         
                    android:layout_height="wrap_content" 
                    android:padding = "5dip"
                    android:layout_alignParentLeft="true"           
                    android:src="@drawable/ic_tab_artists_grey" />  
                <TextView     
                    android:id="@+id/right_text"        
                    android:layout_width="fill_parent"        
                    android:layout_height="wrap_content"        
                    android:padding="5dip"        
                    android:layout_toRightOf="@+id/simpleMode"        
                    android:gravity="right"             
                    android:text="Description"        />                 
            </RelativeLayout>       
        </LinearLayout>
</TabHost>

My project runs but absolutely nothing shows up on the screen? Help is very much appreciated!!

Here is my activity class:
package com.joshi.remotedoc;

import android.app.TabActivity;
import android.os.Bundle;
import android.widget.TabHost;
import android.content.Intent;
import android.content.res.Resources;

public class Detailed_ModeActivity extends TabActivity {
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);    
        setContentView(R.layout.patientmode);    
        Resources res = getResources(); 
        // Resource object to get Drawables    
        TabHost tabHost = getTabHost();  
        // The activity TabHost    
        TabHost.TabSpec spec;  
        // Reusable TabSpec for each tab
        Intent intent;  
        // Reusable Intent for each tab
        // Create an Intent to launch an Activity for the tab (to be reused)
        intent = new Intent().setClass(this, SimpleMode.class);
        // Initialize a TabSpec for each tab and add it to the TabHost
        spec = tabHost.newTabSpec("simpleMode").setIndicator("simpleMode",
                res.getDrawable(R.drawable.ic_tab_artists_white))
                .setContent(intent);    
        tabHost.addTab(spec);
        // Do the same for the other tabs
        intent = new Intent().setClass(this, DetailedMode.class);
        spec = tabHost.newTabSpec("2ndtab").setIndicator("MySecondTab",                          res.getDrawable(R.drawable.something))                      .setContent(intent);
        // Initialize a TabSpec for each tab and add it to the TabHost
        spec = tabHost.newTabSpec("detailedMode").setIndicator("detailedMode",
                res.getDrawable(R.drawable.ic_tab_artists_grey))
                .setContent(intent);    
        tabHost.addTab(spec);
        tabHost.setCurrentTab(2);
}

    }

Answer 1

You need to properly define your layout, then you need to load your layout in the activity you are starting.

http://developer.android.com/guide/topics/ui/declaring-layout.html

First you create your XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="fill_parent" 
              android:layout_height="fill_parent" 
              android:orientation="vertical" >
    <TextView android:id="@+id/text"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="Hello, I am a TextView" />
    <Button android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello, I am a Button" />
</LinearLayout>

Then you need to create the Java to load your XML in the oncreate method:

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_layout);
}