Center tabbar icons fragment pager adapter?
I am using a slidingtab layout with a custom fragmentpageradpater. My icons are in the tab bar, though I want each icon to be centered in its respective place. how can i accomplish this?
Here is my fragment pager adapter:
public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
// Holds tab titles
private String tabTitles[] = new String[] { "Frag #1", "Frag #2", "Frag #3" };
private Context context;
public LiveStreamFragment liveStreamFragment;
public HeartFragment heartFragment;
public AboutFragment aboutFragment;
private int[] imageResId = {
R.drawable.ic_cassette,
R.drawable.ic_favorites,
R.drawable.ic_about
};
public MyFragmentPagerAdapter(FragmentManager fm, Context context) {
super(fm);
this.context = context;
liveStreamFragment = new LiveStreamFragment();
heartFragment = new HeartFragment();
aboutFragment = new AboutFragment();
}
public HeartFragment getHeartFragment(){
return heartFragment;
}
@Override
public int getCount() {
return 3;
}
// Return the correct Fragment based on index
@Override
public Fragment getItem(int position) {
if(position == 0){
//return new LiveStreamFragment();
return liveStreamFragment;
} else if(position == 1) {
//return new HeartFragment();
return heartFragment;
} else if(position == 2) {
//return new AboutFragment();
return aboutFragment;
}
return null;
}
@Override
public CharSequence getPageTitle(int position) {
Drawable image = context.getResources().getDrawable(imageResId[position]);
image.setBounds(0,0,80, 80);
SpannableString sb = new SpannableString(" ");
ImageSpan imageSpan = new ImageSpan(image, ImageSpan.ALIGN_BOTTOM);
sb.setSpan(imageSpan, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
return sb;
}
}
