CODEWITHSUNDEEP
androidbackgroundtabview
James Mitchee
James Mitchee

Reputation: 143

Android tabview icon with background color

I am trying to make a tabview in android that has icon alongwith background. But can't set background of the tab.

java

intent = new Intent().setClass(this, mainActivity.class);   
spec = tabHost.newTabSpec("main").setIndicator("Main", res.getDrawable(R.drawable.ic_tab_main)).setContent(intent);   
tabHost.addTab(spec);

xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">   
    <item android:drawable="@drawable/cameraiconblack"        
          android:state_selected="true" /> 
    <item android:drawable="@drawable/cameraiconwhite" />
</selector>

Upvotes: 1

Views: 1964

Answers (2)

Shahzad Imam
Shahzad Imam

Reputation: 2018

Provide this

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- Non focused states -->
<item android:state_focused="false" android:state_selected="false"     android:state_pressed="false" android:drawable="@drawable/tab_unselected" />
<item android:state_focused="false" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_selected" />

Then in tab_unselected.xml write

 <shape xmlns:android="http://schemas.android.com/apk/res/android" >
 <solid android:color="#ccc"/>


 </shape>

& for tab_selected.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="#ccc"/>


</shape>

Now for back ground make layout file for image and textview or whatever u want

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dip"
android:layout_height="64dip"    
android:layout_weight="1"
android:orientation="vertical"
 android:background="@drawable/tab_indicator"
android:padding="5dp">

<ImageView android:id="@+id/icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"

/>

<TextView android:id="@+id/title1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
   android:layout_centerHorizontal="true"
   android:layout_centerVertical="true"
    android:gravity="center"
    style="?android:attr/tabWidgetStyle"
/>

Now change your main tab file like this

put setTabs() method in your oncreate.

private void setTabs() {
    // TODO Auto-generated method stub
    tabHost = getTabHost();
    tabHost.getTabWidget().setDividerDrawable(R.drawable.line);
    intent = new Intent(this, class1.class);
    addTab(1,intent,"tab1");
    intent=new Intent(this,class2.class);
    addTab(2,intent,"tab2");
    intent=new Intent(this,class3.class);
    addTab(3,intent,"tab3");

}

Now addTab method

private void addTab(int labelId, Intent intent, String tabName) {
    // TODO Auto-generated method stub
 TabHost.TabSpec spec = tabHost.newTabSpec("tab" + labelId);        

   View tabIndicator =LayoutInflater.from(this).inflate(R.layout.tab_indicator, getTabWidget(), false);

    TextView title = (TextView) tabIndicator.findViewById(R.id.title1);
    title.setTextSize(40);
    title.setText(tabName);
    ImageView imageView=(ImageView)tabIndicator.findViewById(R.id.icon);
    imageView.setImageResource(R.drawable.aries);


    spec.setIndicator(tabIndicator);
    spec.setContent(intent);
    tabHost.addTab(spec);

}

I think i have put all codes required.Now enjoy

Upvotes: 2

akshat
akshat

Reputation: 19

TabHost tabHost = getTabHost();  // The activity TabHost
    TabHost.TabSpec spec;  // Resusable TabSpec for each tab
    Intent intent;

View view_temples= LayoutInflater.from(getBaseContext()).inflate(R.layout.tab_view, null);

spec = tabHost.newTabSpec("main").setIndicator(view_temples.findViewById(R.id.your_image_layout_temple)) .setContent(intent); tabHost.addTab(spec);

Upvotes: 0

Related Questions