Пользовательский TabView с намерением в Android

-1

Я хочу создать табуляцию, как показано ниже в изображении. Я попробовал, но не могу получить правильное представление.Пользовательский TabView с намерением в Android

Custom Tab

Вот мой код .. Это не дает точного вид, что я хочу. Итак, как я могу настроить его.

public class BandInfo extends TabActivity implements OnTabChangeListener { 

TabHost tabHost; 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.band_info); 

    tabHost = getTabHost(); 

    tabHost.getTabWidget().setBackgroundResource(R.drawable.footerbar); 


    // Tab for Bio 
    TabSpec bioSpec = tabHost.newTabSpec("Bio"); 
    // Setting Title for Tab 
    bioSpec.setIndicator("Bio"); 
    Intent bioIntent = new Intent(this,Bio.class); 
    bioSpec.setContent(bioIntent); 

    // Tab for Upcoing Shows 
    TabSpec upcomingShowSpec = tabHost.newTabSpec("Upcoming Shows"); 
    upcomingShowSpec.setIndicator("Upcoming Shows"); 
    Intent upcomingShowIntent = new Intent(this, UpcomingShow.class); 
    upcomingShowSpec.setContent(upcomingShowIntent); 

    // Tab for Band Members 
    TabSpec bandMemberSpec = tabHost.newTabSpec("Band Members"); 
    bandMemberSpec.setIndicator("Band Members"); 
    Intent bandMemberIntent = new Intent(this, BandMembers.class); 
    bandMemberSpec.setContent(bandMemberIntent); 

    // Adding all TabSpec to TabHost 
    tabHost.addTab(bioSpec); // Adding Bio Tab 
    tabHost.addTab(upcomingShowSpec); // Adding Upcoming Show Tab 
    tabHost.addTab(bandMemberSpec); // Adding Band Members Tab 

    for(int i=0;i<tabHost.getTabWidget().getChildCount();i++) 
    { 
     tabHost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.footerbar); 
    } 
    tabHost.getTabWidget().setDividerDrawable(R.drawable.footer_saprater); 
} 
@Override 
public void onTabChanged(String tabId) { 
    // TODO Auto-generated method stub 
    for(int i=0;i<tabHost.getTabWidget().getChildCount();i++) 
    { 
     tabHost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.footerbar); 
    } 
    tabHost.getTabWidget().getChildAt(tabHost.getCurrentTab()).setBackgroundColor(R.drawable.bandmember_active); 
}

Пожалуйста, помогите мне с какой-то код ... Заранее спасибо ..

Output Screen