How to Change Label of TabHost Programmatically/Dynamically - android

I have a tabhost created by
this.tabHost = getTabHost();
// Resusable TabSpec for each tab
Intent intent; // Reusable Intent for each tab
// Create an Intent to launch the first Activity for the tab (to be reused)
intent = new Intent().setClass(this, FirstGroup.class);
// Initialize a TabSpec for the first tab and add it to the TabHost
spec1 = tabHost.newTabSpec("FirstGroup").setIndicator("Regionlar",
getResources().getDrawable(R.drawable.region2)) // Replace null with R.drawable.your_icon to set tab icon
.setContent(intent);
tabHost.addTab(spec1);
And I want to change label of tabhost programmatically: "Regionlar" to "newMenuTabbar". I couldn't find any example. thanks for attention.
Edit:
I want to change second tabitem's label from "Mənzərələr"=> "secondTabitem"
intent = new Intent().setClass(this, FirstGroup.class);
// Initialize a TabSpec for the first tab and add it to the TabHost
spec1 = tabHost.newTabSpec("FirstGroup").setIndicator("Regionlar",
getResources().getDrawable(R.drawable.region2)) // Replace null with R.drawable.your_icon to set tab icon
.setContent(intent);
tabHost.addTab(spec1);
// Create an Intent to launch an Activity for the tab (to be reused)
intent = new Intent().setClass(this, SecondActivityGroup.class);
spec2 = tabHost.newTabSpec("SecondActivityGroup").setIndicator("Mənzərələr",
getResources().getDrawable(R.drawable.img_gallery_icon)) // Replace null with R.drawable.your_icon to set tab icon
.setContent(intent);
tabHost.addTab(spec2);

Try this:
final TextView label = (TextView) tabHost.getTabWidget().findViewById(android.R.id.title);
label .setText(YOUR NEW LABEL);
Hope it will help.

b.i 's code can only change the first tab's title.
I think this is a more straight way to get the thing done:
((TextView) mTabHost.getTabWidget().getChildTabViewAt(position)
.findViewById(android.R.id.title))
.setText(yourTitle);
where position is the position of the tab and yourTitle is the title you wish to set for the tab. If you want to change the text for the current tab, then instead of replacing position by getCurrentTab, you can just replace getTabWidget().getChildTabViewAt(position)
by getCurrentTabView()
Whoever wrote this should have defined a setTabText(int position, String text) method, otherwise who would know they have a text view id'ed android.R.id.title? Or if they already had, please enlighten me.

Try this code
public class SlideMainActivity extends TabActivity {
public static RelativeLayout headerLayout;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
setContentView(R.layout.main_silde_tab);
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,
R.layout.hd_header);
setTabs();
}
private void setTabs() {
addTab("FirstGroup", R.drawable.tab_home, FirstGroup.class);
addTab("Regionlar", R.drawable.tab_search, Regionlar.class);
}
private void addTab(String labelId, int drawableId, Class<?> c) {
TabHost tabHost = getTabHost();
Intent intent = new Intent(this, c);
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.title);
title.setText(labelId);
ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon);
icon.setImageResource(drawableId);
spec.setIndicator(tabIndicator);
spec.setContent(intent);
tabHost.addTab(spec);
}
}

Related

Combine tab layout and tab swipe

I've implemented tab layout it works, but when I add tab swipe. it freeze I can't use the other tabs in the tab layout. Any suggestions.
Here's my code for the tab layout
public class TabLayoutAdmin extends TabActivity {
private TabHost mTabHost;
#Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.tablayoutadmin);
Resources res= getResources();
TabHost tabHost = getTabHost();
Intent confirmedList = new Intent().setClass(this, Reservations.class);
TabHost.TabSpec tabSpecConfirmedList= tabHost
.newTabSpec("Android")
.setIndicator("", res.getDrawable(R.drawable.stadimumspage))
.setContent(confirmedList);
Intent stadiumsPage = new Intent().setClass(this, StadiumsPage.class);
TabHost.TabSpec tabSpecStadiumsPage = tabHost
.newTabSpec("Apple")
.setIndicator("", res.getDrawable(R.drawable.newreservation))
.setContent(stadiumsPage);
Intent newReservation = new Intent().setClass(this, NewReservation.class);
TabHost.TabSpec tabSpecNewReservation= tabHost
.newTabSpec("Windows")
.setIndicator("", res.getDrawable(R.drawable.confirmedlist))
.setContent(newReservation);
Intent blockTeam = new Intent().setClass(this, Block_Team.class);
TabHost.TabSpec tabSpecBlockTeam = tabHost
.newTabSpec("Berry")
.setIndicator("", res.getDrawable(R.drawable.blockteam))
.setContent(blockTeam);
// add all tabs
tabHost.addTab(tabSpecConfirmedList);
tabHost.addTab(tabSpecStadiumsPage);
tabHost.addTab(tabSpecNewReservation);
tabHost.addTab(tabSpecBlockTeam);
//set Windows tab as default (zero based)
tabHost.setCurrentTab(0);
}
As for tab swipe I used this code
http://www.androidhive.info/2013/10/android-tab-layout-with-swipeable-views-1/
Thanks
You should use TabLayout to hold the fragments and ViewPager for swipe, here's how to do it step by step: tablayout with viewpager

How to customize the tab-widget in Fragment Activity?

I am using Fragment Activity to customize the tab-widget, before I enter into Fragment Activity I use TabActivity, now it is deprecated. So I am going to update it to Fragment Activity, but I don't know how to customize the tab bar and adding the content of each tab. Can any one know help me to solve the issue.
Java Coding
private void setTabs()
{
addTab("tab1", R.drawable.tab1, tab1.class);
addTab("tab2", R.drawable.tab2, tab2.class);
addTab("tab3", R.drawable.tab3, tab3.class);
addTab("tab4", R.drawable.tab4, tab4.class);
}
private void addTab(String labelId, int drawableId, Class<?> c)
{
FragmentTabHost tabHost = (FragmentTabHost)findViewById(android.R.id.tabhost);
TabHost.TabSpec spec = tabHost.newTabSpec("tab" + labelId);
View tabIndicator = LayoutInflater.from(this).inflate(R.layout.tab_indicator, null, false);
TextView title = (TextView) tabIndicator.findViewById(R.id.title);
title.setText(labelId);
ImageView icon = (ImageView) tabIndicator.findViewById(R.id.icon);
icon.setImageResource(drawableId);
spec.setIndicator(tabIndicator);
tabHost.addTab(spec);
}
Edited ...
use this line to inflate the fragment tab :)
mTabHost.getTabWidget().getChildAt(0).inflate(getActivity(), R.layout.tab_layout, null);
Cheer up
It's Easy my friend: The answer lies in your Tabhot. see you part of code.
tabHost.addTab(newTab(Constants.TAG_MainActivity, R.string.hello_world, R.id.tab1));
tabHost.addTab(newTab(Constants.TAG_Search, R.string.hello_world, R.id.tab2));
tabHost.addTab(newTab(Constants.TAG_Maps_Location, R.string.hello_world, R.id.tab3));
tabHost.addTab(newTab(Constants.TAG_More_Page, R.string.hello_world, R.id.tab4));
tabHost.getTabWidget().getChildAt(0).setBackgroundResource(R.drawable.footer_home_selector);
tabHost.getTabWidget().getChildAt(1).setBackgroundResource(R.drawable.footer_search_selector);
tabHost.getTabWidget().getChildAt(2).setBackgroundResource(R.drawable.footer_camera_selector);
tabHost.getTabWidget().getChildAt(3).setBackgroundResource(R.drawable.footer_more_selector);
private TabSpec newTab(String tag, int labelId, int tabContentId) {
Log.d(TAG, "buildTab(): tag=" + tag);
TabSpec tabSpec = mTabHost.newTabSpec(tag);
tabSpec.setIndicator("");
tabSpec.setContent(tabContentId);
return tabSpec;
}
To add tab, you have to use tabhost object.
After setting up your tabhost try adding new tab as :
mTabHost.addTab(mTabHost.newTabSpec("tab1").setIndicator("Tab1",getResources().getDrawable(R.drawable.tab1)),Tab1.class, null);
This will create tab along with tab title and icon.
If you wish to set background for tab then use :
View v = mTabHost.getTabWidget().getChildAt(i);
v.setBackgroundResource(R.drawable.tab_bg);
Here , i is position of your tab.

How to add images to Tabhost

I want to add background images for Tabhost which i already added in selector xml. But not sure how to add resource while initiating Tab. Below is tab :
Code to add :
getResources().getDrawable(R.drawable.tabicon)
/* Tabs */
Bundle bundle = getIntent().getExtras();
TabHost tabHost = getTabHost();
TabHost.TabSpec spec;
Intent intent;
// First Activity
intent = new Intent().setClass(this, InfoListView.class);
spec = tabHost.newTabSpec("some_things").setIndicator("Info").setContent(intent);
tabHost.addTab(spec);
// Second Activity
intent = new Intent().setClass(this, LogListView.class);
spec = tabHost.newTabSpec("top_things").setIndicator("Sync Log").setContent(intent);
tabHost.addTab(spec);
tabHost.getTabWidget().getChildAt(0).getLayoutParams().height = 95;
tabHost.getTabWidget().getChildAt(1).getLayoutParams().height = 95;
/* Tabs ends */
Create a TextView , set text to that textView, set background drawable to it, and set this textview as indicator
Somewhat like this:
TextView mTv = new TextView(mContext);
mTv.setText(/*Your-text*/);
mTv.setBackgroundDrawable(mContext.getResources.getDrawable(/*id-of-your-image*/));
spec = tabHost.newTabSpec("top_things").setIndicator(mTv).setContent(intent);
tabHost.addTab(spec);
After your tabhost is intilize with indicator and other things add background to it like this
tabHost.getTabWidget().getChildAt(0).setBackgroundResource(R.drawable.tabicon); //fro first tab
tabHost.getTabWidget().getChildAt(1).setBackgroundResource(R.drawable.tabicon); //for second tab

android tabhost tab and view not matching

I have two tabs in my tabwidget and each tab display a list view.
ay
Initially my first tab is displayed as selected but below list correspond to second tab.
Once i click the tabs, i am getting correct display.
private static final String LIST_TAB_TAG1 = "UpcomingEvents";
private static final String LIST_TAB_TAG2 = "PastEvents";
tabHost.addTab(tabHost.newTabSpec(LIST_TAB_TAG1)
.setIndicator(LIST_TAB_TAG1)
.setContent(new TabContentFactory() {
public View createTabContent(String arg) {
return listView1;
}
}));
tabHost.addTab(tabHost.newTabSpec(LIST_TAB_TAG2)
.setIndicator(LIST_TAB_TAG2)
.setContent(new TabContentFactory() {
public View createTabContent(String arg) {
return listView2;
}
}));
tabHost.setCurrentTab(0);
LIST_TAB_TAG1 is highlighted when this sctivity is launched but the list displayed is listview2. This problem is only when activity starts. Upon clicking tabs its working fine
Can please help me in fixing this. Thanks for your time
I generally use the code given in docs which works fine for me ,try this one .
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
TabHost tabHost = getTabHost(); // The activity TabHost
TabHost.TabSpec spec; // Resusable 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, UpcomingEvents.class);
// Initialize a TabSpec for each tab and add it to the TabHost
spec = tabHost.newTabSpec("UpcomingEvents").setIndicator("UpcomingEvents",getResources().getDrawable(R.drawable.homebutton1)).setContent(intent);
tabHost.addTab(spec);
// Do the same for the other tabs
intent = new Intent().setClass(this,PastEvents.class);
spec = tabHost.newTabSpec("PastEvents").setIndicator("PastEvents",
getResources().getDrawable(R.drawable.bank_transaction1))
.setContent(intent);
tabHost.addTab(spec);
tabHost.setCurrentTab(0);
}

How to change title of a Tab in TabActivity

I have TabActivity with tabs on bottom which is composed of several different activities like this:
public class HomeScreen extends TabActivity {
private TabHost mTabHost;
#Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
try{
setContentView(R.layout.hometabs);
Resources res = getResources(); // Resource object to get Drawables
mTabHost = getTabHost(); // The activity TabHost
TabHost.TabSpec spec; // Reusable TabSpec for each tab
Intent intent; // Reusable Intent for each tab
String strName;
// Create an Intent to launch an Activity for the tab (to be reused)
strName=Central.Res.getString(R.string.tab_Books);
intent = new Intent().setClass(this, BookList.class);
spec = mTabHost.newTabSpec(strName).setIndicator("",
res.getDrawable(R.drawable.ic_menu_database))
.setContent(intent);
mTabHost.addTab(spec);
// Create an Intent to launch an Activity for the tab (to be reused)
strName=Central.Res.getString(R.string.tab_Questions);
intent = new Intent().setClass(this, QuestionsList.class);
intent.putExtra("NoteType", UserDataSQLHelper.NOTE_TYPE_QUEST );
spec = mTabHost.newTabSpec(strName).setIndicator("",
res.getDrawable(R.drawable.ic_menu_dialog))
.setContent(intent);
mTabHost.addTab(spec);
My problem is that I have the same window title for every tab. This window title is set to application name.
I need to be able to change this title to the name of the tab.
I am trying to do it by calling setTitle("MyTitle"); in onCreate() of corresponding activity and by overriding TabActivity onChildTitleChanged:
public void onChildTitleChanged(Activity childActivity, CharSequence title)
{
View tabView = mTabHost.getCurrentTabView();
int idTitle = android.R.id.title;
TextView tvTitle = (TextView) tabView.findViewById(idTitle);
tvTitle.setText(title);
}
But the result I get isn't what I need - it sets text to tab under the tab icon.
Could you please help me?
try with following code,
tabHost.setOnTabChangedListener(new OnTabChangeListener() {
#Override
public void onTabChanged(String tabId) {
Log.i("Tab id", ""+tabId);
setTitle(tabId);
}
});
setIndicator (CharSequence label, Drawable icon).
Use this function and the label will be shown as a title.

Categories

Resources