Skip to content

MdFarhanRaja/ColorFullTabLayout

Repository files navigation

screenshot_2017-02-16-18-45-33-112

Step 1. Add the JitPack repository to your build file

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

Step 2. Add the dependency

dependencies {
        compile 'com.github.MdFarhanRaja:ColorFullTabLayout:1.0'
		or
		compile 'com.github.MdFarhanRaja:ColorFullTabLayout:1.1' // added  app:atb_fontPath="shadow_light.ttf"
}

Step 3. Place Inside Your Layout

<in.galaxyofandroid.awesometablayout.AwesomeTabBar
    android:id="@+id/tabBar"
    app:atb_indicatorHeight="2dp"
    app:atb_indicatorColor="#bebebe"
    app:atb_imageHeight="30dp"
    app:atb_imageWidth="30dp"
	app:atb_fontPath="shadow_light.ttf"  Availabe in version 1.1
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
</in.galaxyofandroid.awesometablayout.AwesomeTabBar>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</android.support.v4.view.ViewPager>

Step 4. Inside Java

 AwesomeTabBar tabBar=(AwesomeTabBar)findViewById(R.id.tabBar);
 ViewPager pager=(ViewPager)findViewById(R.id.pager);
 pager.setAdapter(new PagerAdapter(getSupportFragmentManager()));
 tabBar.setupWithViewPager(pager);

Step 5. Viewpager Adapter Class

 public class PagerAdapter extends AwesomeTabBarAdapter
	{
	ArrayList<Fragment> fragments=new ArrayList<>();
	ArrayList<String> titles=new ArrayList<>();
	int[] colors={R.color.color1,R.color.color2,R.color.color3,R.color.color4,R.color.color5,R.color.color6};
	int[] textColors={R.color.colorWhite};
	int[] icons={R.drawable.ic_blod,R.drawable.ic_blod_uria,R.drawable.ic_ayurveda,R.drawable.ic_complete_blod,R.drawable.ic_body_message,R.drawable.ic_cardiologist};

	public PagerAdapter(FragmentManager fragmentManager)
	{
    super(fragmentManager);
    fragments.add(new TestFragment());
    fragments.add(new TestFragment());
    fragments.add(new TestFragment());
    fragments.add(new TestFragment());
    fragments.add(new TestFragment());
    fragments.add(new TestFragment());

    titles.add("Title 1");
    titles.add("Title 2");
    titles.add("Title 3");
    titles.add("Title 4");
    titles.add("Title 5");
    titles.add("Title 6");

	}

	@Override
	public int getCount() {
    return fragments.size();
	}

	@Override
	public Fragment getItem(int position) {
    return fragments.get(position);
	}

	@Override
	public CharSequence getPageTitle(int position) {
    return titles.get(position);
	}

	@Override
	public int getColorResource(int position) {
    return colors[position];
	}

	@Override
	public int getTextColorResource(int position) {
    return textColors[0];
	}

	@Override
	public int getIconResource(int position) {
    return icons[position];
	}
 }

Some More Attributes of AwesomeTabBar

<attr name="atb_padding" format="dimension" />
    <attr name="atb_margin" format="dimension" />
    <attr name="atb_tabWidth" format="dimension" />
    <attr name="atb_tabHeight" format="dimension" />
    <attr name="atb_indicatorColor" format="color" />
    <attr name="atb_indicatorHeight" format="dimension" />
    <attr name="atb_selectedTabBackgroundColor" format="color" />
    <attr name="atb_selectedTabTextColor" format="color" />
    <attr name="atb_selectedTabImageColor" format="color" />
    <attr name="atb_indicatorLineColor" format="color" />
    <attr name="atb_noImage" format="boolean" />
    <attr name="atb_noText" format="boolean" />	

    <attr name="atb_imagePosition" format="enum"/> // top,bottom,left or right

    <attr name="atb_imageMargin" format="dimension" />
    <attr name="atb_imageWidth" format="dimension" />
    <attr name="atb_imageHeight" format="dimension" />
    <attr name="atb_textMargin" format="dimension" />
    <attr name="atb_textSize" format="dimension" />

About

Fully Customized TabLayout

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages