How to add an icon with text to sliding tabs
I am trying to add an icon with text to my tabs and it doesn't work,
I tried adding
GetResources () getDrawable (R.drawable.ic_launcher)) ;.
and it still doesn't work. When I launch the application, the tab bar only has text and the icon is missing.
this is my code.
package com.tabs_swipe;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;
public class MainActivity extends FragmentActivity implements
OnTabChangeListener, OnPageChangeListener {
private TabsPagerAdapter mAdapter;
private ViewPager mViewPager;
private TabHost mTabHost;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mViewPager = (ViewPager) findViewById(R.id.viewpager);
// Tab Initialization
initialiseTabHost();
mAdapter = new TabsPagerAdapter(getSupportFragmentManager());
// Fragments and ViewPager Initialization
mViewPager.setAdapter(mAdapter);
mViewPager.setOnPageChangeListener(MainActivity.this);
}
// Method to add a TabHost
private static void AddTab(MainActivity activity, TabHost tabHost,
TabHost.TabSpec tabSpec) {
tabSpec.setContent(new MyTabFactory(activity));
tabHost.addTab(tabSpec);
}
// Manages the Tab changes, synchronizing it with Pages
public void onTabChanged(String tag) {
int pos = this.mTabHost.getCurrentTab();
this.mViewPager.setCurrentItem(pos);
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
// Manages the Page changes, synchronizing it with Tabs
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
int pos = this.mViewPager.getCurrentItem();
this.mTabHost.setCurrentTab(pos);
}
@Override
public void onPageSelected(int arg0) {
}
// Tabs Creation
private void initialiseTabHost() {
mTabHost = (TabHost) findViewById(android.R.id.tabhost);
mTabHost.setup();
// TODO Put here your Tabs
MainActivity.AddTab(
this,
this.mTabHost,
this.mTabHost.newTabSpec("ButtonTab").setIndicator("ButtonTab",
getResources().getDrawable(R.drawable.ic_launcher)));
MainActivity.AddTab(
this,
this.mTabHost,
this.mTabHost.newTabSpec("ImageTab").setIndicator("ImageTab",
getResources().getDrawable(R.drawable.ic_launcher)));
MainActivity.AddTab(
this,
this.mTabHost,
this.mTabHost.newTabSpec("TextTab").setIndicator("TextTab",
getResources().getDrawable(R.drawable.ic_launcher)));
mTabHost.setOnTabChangedListener(this);
//
//
}
}
TabsPagerAdapter
package com.tabs_swipe;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
public class TabsPagerAdapter extends FragmentPagerAdapter {
public TabsPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int index) {
switch (index) {
case 0:
// Top Rated fragment activity
return new ButtonFragment();
case 1:
// Games fragment activity
return new ImageFragment();
case 2:
// Movies fragment activity
return new TextFragment();
}
return null;
}
@Override
public int getCount() {
// get item count - equal to number of tabs
return 3;
}
}
MyTabFactory
package com.tabs_swipe;
import android.content.Context;
import android.view.View;
import android.widget.TabHost.TabContentFactory;
public class MyTabFactory implements TabContentFactory {
private final Context mContext;
public MyTabFactory(Context context) {
mContext = context;
}
public View createTabContent(String tag) {
View v = new View(mContext);
v.setMinimumWidth(0);
v.setMinimumHeight(0);
return v;
}
}
+3
source to share
1 answer
Modify your tabspageradapter, sample here:
Public class TabPagerAdapter extends FragmentStatePagerAdapter IconPagerAdapter {
protected static final String[] headers = new String[] { "HOME",
"BOOKMARK", "SEARCH", "INFO", "SETTING" };
private static final int[] ICONS = new int[] { R.drawable.selector_home,
R.drawable.selector_bookmark, R.drawable.selector_search,
R.drawable.selector_info, R.drawable.selector_settings };
public TabPagerAdapter(FragmentManager fm) {
super(fm);
// TODO Auto-generated constructor stub
}
private int mCount = CONTENT.length;
@Override
public Fragment getItem(int i) {
switch (i) {
case 0:
return new HomeFragment();
case 1:
return new FavoritesFragment();
case 2:
return new SearchFragment();
case 3:
return new AboutUsFragment();
case 4:
return new SettingsFragment();
}
return null;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return mCount; // No of Tabs
}
@Override
public int getItemPosition(Object object) {
return POSITION_NONE;
}
@Override
public CharSequence getPageTitle(int position) {
Log.e("pos", "" + position);
return TabPagerAdapter.CONTENT[position % headers.length];
}
public void setCount(int count) {
if (count > 0 && count <= 10) {
mCount = count;
notifyDataSetChanged();
}
}
@Override
public int getIconResId(int index) {
return ICONS[index % ICONS.length];
}
}
And here's an example to view the pager indicator with the code ...
0
source to share