android tabHost

Question

Hi, I have 2 questions regarding tabHost: I've created tabHost with 2 tabs and for the tab titles I use setIndicator(TextView) (I work with api level 4) my title background is white. I use selector for the title to choose between diff images for the title.

1. I want to make the title text bold only when selected/pressed. I didn't succeed to do it using the selector I have. can I do it at all? the idea is that on cases I use drawable a I want the text bold. other cases not bold. same question regarding textColor.

2. it looks like a bug - when the tab first opens, the text on the selected tab (the one I used in tabHost.setCurrentTab(tabId)) is not seen at all. after first press/focus/focus any other item it looks well. any idea why or how to solve this?

thanks in advance

on tabActivity -

TextView title1 = new TextView(MainActivity.getInstnace(), null, android.graphics.Typeface.NORMAL);
TextView title2 = new TextView(MainActivity.getInstnace(), null, android.graphics.Typeface.NORMAL);

title1.setText("teb11 title"); title1.setBackgroundResource(R.drawable.tabtitle); title1.setCompoundDrawablesWithIntrinsicBounds(getResources().getDrawable(R.drawable.tab1), null, null, null);

title2.setText("tab22 title"); title2.setBackgroundResource(R.drawable.tabtitle); title2.setCompoundDrawablesWithIntrinsicBounds(getResources().getDrawable(R.drawable.tab2) null, null, null);

   TabSpec tab1 = mTabHost.newTabSpec("tab1").setIndicator(title1).setContent(R.id.list1);
   TabSpec tab2 = mTabHost.newTabSpec("tab2").setIndicator(title2).setContent(R.id.list2);

    mTabHost.addTab(tab1);
    mTabHost.addTab(tab2);  
    mTabHost.setCurrentTab(0);

the selector tab1.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;  
    <item android:state_selected="true"  
    android:drawable="@drawable/iconselect"/>   
    <item android:state_pressed="true"  
    android:drawable="@drawable/iconselect"/>   
    <item android:drawable="@drawable/icon"/>   
</selector>

the selector for tabTitle

<selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;  
    <item android:state_pressed="true" 
    android:drawable="@drawable/tabselected"/> 
    <item android:state_selected="true"  
    android:drawable="@drawable/tab" />  
    <item android:state_focused="true" 
    android:drawable="@drawable/tab" />  
</selector>

Answer 1

Can I see your layout XML or are you doing this only through Java commands. Either way, I'd like to see more than just some pseudocode to actually work on this.

That would be either your main.xml file or your OnCreate() function. IF you are setting your layout through XML, main.xml should have contents similar to :

<?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="fill_parent" android:layout_height="wrap_content" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="fill_parent"> <RelativeLayout android:id="@+id/RelativeLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffffff"> </RelativeLayout> <RelativeLayout android:id="@+id/RelativeLayout02" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffffff"> </RelativeLayout> </FrameLayout> </LinearLayout> </TabHost> It is possible to do it entirely through Java commands, but especially when fixing #2, we will likely need to see more of your code. As part of the OnCreate() function, I would recommend initializing all the stuff you would like to be shown. Otherwise, if it is not in your main.xml, and it is not initialized, it will not be shown.

Answer 2

this is my xml

<?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="fill_parent" 
   android:layout_height="60px"
   android:background="@drawable/headerbk" 
   android:paddingTop="12px"
   android:orientation="vertical"
   android:gravity="center_horizontal">
  </TabWidget>
  <FrameLayout android:id="@android:id/tabcontent"
   android:layout_width="fill_parent"     
   android:layout_height="fill_parent">
   <ListView android:id="@+id/list1" 
    android:background="@drawable/bk"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:layout_weight="1" 
    android:scrollbars="vertical"
    android:divider="@drawable/separationline"
    android:cacheColorHint="#00000000"  
    android:footerDividersEnabled="false"     
    android:listSelector="@drawable/selected" /> 
   <ListView android:id="@+id/list2" 
    android:background="@drawable/bk"
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"
    android:layout_weight="1" 
    android:scrollbars="vertical"
    android:divider="@drawable/separationline" 
    android:cacheColorHint="#00000000" 
    android:footerDividersEnabled="false"
    android:listSelector="@drawable/selected" />     
   </FrameLayout>
 </LinearLayout>
</TabHost>