Lollipop AppCompat Skeleton

• FAB
• Google+ Progress Dialog
• CardView
• AppCompat Switch
• Tint EditText
• Tint CheckBox
• Tint RadioButton
• Toolbar Tabs
• TextViewCompat
• SnackBar
• Drawer Layout
• Bezel ImageView
• Lollipop's New swipe down to refresh

DEMO:

MaterialNavigationDrawer

repositories {
    mavenCentral()
}

dependencies {
    compile 'it.neokree:MaterialNavigationDrawer:1.3.3'
}

Download From GitHub

Download Full Project Code From GitHub

Android PagerSlidingTabStrip

Usage

1. Include the library as local library project or add the dependency in your build.gradle.
   dependencies { compile 'com.astuetz:pagerslidingtabstrip:1.0.1' }
2. Include the PagerSlidingTabStrip widget in your layout. This should usually be placed above the ViewPager it represents.
   <com.astuetz.PagerSlidingTabStrip android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="48dip" />
3. In your onCreate method (or onCreateView for a fragment), bind the widget to the ViewPager.

   // Initialize the ViewPager and set an adapter
   ViewPager pager = (ViewPager) findViewById(R.id.pager);
   pager.setAdapter(new TestAdapter(getSupportFragmentManager()));
   
   // Bind the tabs to the ViewPager
   PagerSlidingTabStrip tabs = (PagerSlidingTabStrip) findViewById(R.id.tabs);
   tabs.setViewPager(pager);
   

4. (Optional) If you use an OnPageChangeListener with your view pager you should set it in the widget rather than on the pager directly.

   // continued from above
   tabs.setOnPageChangeListener(mPageChangeListener);
   

Customization

• pstsIndicatorColor Color of the sliding indicator
• pstsUnderlineColor Color of the full-width line on the bottom of the view
• pstsDividerColor Color of the dividers between tabs
• pstsIndicatorHeightHeight of the sliding indicator
• pstsUnderlineHeight Height of the full-width line on the bottom of the view
• pstsDividerPadding Top and bottom padding of the dividers
• pstsTabPaddingLeftRight Left and right padding of each tab
• pstsScrollOffset Scroll offset of the selected tab
• pstsTabBackground Background drawable of each tab, should be a StateListDrawable
• pstsShouldExpand If set to true, each tab is given the same weight, default false
• pstsTextAllCaps If true, all tab titles will be upper case, default true

RecyclerTabLayout

Features

• Efficient when having many tabs
• Easy setup with ViewPager (same as TabLayout of Android Design Support Library)
• RTL layout support

UseCase

• Many tabs layout
• Infinite loop scrolling (imitated)

Demos

Samples

Getting started

repositories {
    jcenter()
}

dependencies {
   compile 'com.nshmura:recyclertablayout:1.5.0'
}

<com.nshmura.recyclertablayout.RecyclerTabLayout
        android:id="@+id/recycler_tab_layout"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        rtl_tabIndicatorColor="?attr/colorAccent"
        rtl_tabIndicatorHeight="2dp"
        rtl_tabBackground="?attr/selectableItemBackground"
        rtl_tabTextAppearance="@android:style/TextAppearance.Small"
        rtl_tabSelectedTextColor="?android:textColorPrimary"
        rtl_tabMinWidth="72dp"
        rtl_tabMaxWidth="264dp"
        rtl_tabPaddingStart="12dp"
        rtl_tabPaddingTop="0dp"
        rtl_tabPaddingEnd="12dp"
        rtl_tabPaddingBottom="0dp"
        rtl_tabPadding="0dp"/>

ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);
viewPager.setAdapter(adapter);

RecyclerTabLayout recyclerTabLayout = (RecyclerTabLayout) findViewById(R.id.recycler_tab_layout);
recyclerTabLayout.setUpWithViewPager(viewPager);

ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);
viewPager.setAdapter(adapter);

RecyclerTabLayout recyclerTabLayout = (RecyclerTabLayout) findViewById(R.id.recycler_tab_layout);
recyclerTabLayout.setUpWithAdapter(new CustomRecyclerViewAdapter(viewPager));

public class CustomRecyclerViewAdapter extends RecyclerTabLayout.Adapter<CustomRecyclerViewAdapter.ViewHolder> {

    public DemoCustomView01Adapter(ViewPager viewPager) {
        super(viewPager);
        ...
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        // Inflate your view.
        View view = ...;
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        // Bind data
        ...
        
        if (position == getCurrentIndicatorPosition()) {
            //Highlight view
        }
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        ...
        
        public ViewHolder(View itemView) {
            super(itemView);
        ...
        }
    }
}

Attributes

NavigationTabStrip

Download

dependencies {
    repositories {
        mavenCentral()
        maven {
            url  'http://dl.bintray.com/gigamole/maven/'
        }
    }
    compile 'com.github.devlight.navigationtabstrip:navigationtabstrip:+'
}

compile 'com.github.devlight.navigationtabstrip:navigationtabstrip:1.0.4'

<dependency>
    <groupId>com.github.devlight.navigationtabstrip</groupId>
    <artifactId>navigationtabstrip</artifactId>
    <version>1.0.4</version>
    <type>aar</type>
</dependency>

Android SDK Version

Sample

• color:
  allows you to set strip color.
• size:
  allows you to set titles size. By default NTS use auto titles size.
• weight:
  allows you to set weight(height) of strip.
• factor:
  allows you to set strip resize factor.
• titles:
  allows you to set NTS titles. This is your tabs.
• type:
  allows you to set strip type - line or point.
• gravity:
  allows you to set strip gravity - top or bottom.
• view pager:
  allows you to connect NTS with ViewPager. If you want your can also set OnPageChangeListener.
• typeface:
  allows you to set custom typeface to your titles.
• corners radius:
  allows you to set corners radius of strip.
• animation duration:
  allows you to set animation duration.
• inactive color:
  allows you to set inactive titles color.
• active color:
  allows you to set active title color.
• tab strip listener:
  allows you to set listener which triggering on start or on end when you set tab index.

final NavigationTabStrip navigationTabStrip = (NavigationTabStrip) findViewById(R.id.nts);
navigationTabStrip.setTitles("Nav", "Tab", "Strip");
navigationTabStrip.setTabIndex(0, true);
navigationTabStrip.setTitleSize(15);
navigationTabStrip.setStripColor(Color.RED);
navigationTabStrip.setStripWeight(6);
navigationTabStrip.setStripFactor(2);
navigationTabStrip.setStripType(NavigationTabStrip.StripType.LINE);
navigationTabStrip.setStripGravity(NavigationTabStrip.StripGravity.BOTTOM);
navigationTabStrip.setTypeface("fonts/typeface.ttf");
navigationTabStrip.setCornersRadius(3);
navigationTabStrip.setAnimationDuration(300);
navigationTabStrip.setInactiveColor(Color.GRAY);
navigationTabStrip.setActiveColor(Color.WHITE);
navigationTabStrip.setOnPageChangeListener(...);
navigationTabStrip.setOnTabStripSelectedIndexListener(...);