android 5.0 material design tabs

android android-tabs android-5.0-lollipop
nomongo picture nomongo · Oct 21, 2014 · Viewed 38.7k times · Source

What is the best and easy way to implement material design style tabs just like in the latest Google NewsStand app? That is exactly what I'm looking for but don't know where to start. Any help/direction provided is greatly appreciated. Thanks.

Answer

jpardogo picture jpardogo · Oct 21, 2014

This post of @ChrisBanes (Developer Programs Engineer for Android) explain the situation with the new Toolbar.

So this sample can help.

As well as this DevBytes video.

If you want a library, you can go for this one but It is not updated to material design (I forked it, and If I have some time, I will try to update it).

You can find more information about the new API 21 in @ChrisBanes blog as well as the official android blog

EDIT: You can find material design tabs in this repo jpardogo/PagerSlidingTabStrip :

I basically did 4 changes to the original library, so far (I will add Toolbar and fix some stuff tomorrow):

  1. Change the default parameters of the tabs layout to make it look like more material.
  2. The indicator is center by default while swiping tabs.
  3. The alpha value of the titles change depending the selected position.

  4. Ability to pass customTabs implementing the interface ´CustomTabProvider` in your adapter.

    • In case the customTab have a view with id @+id/tab_title, it will be use to place the title and alpha will act as usual.
    • If this interface is not implemented then, the default Tab layout will be use (TextView).

If you want you can use a custom tab with ripples using any of this libraries:

EDIT2: I changed the ActionBar for the new support library Tooolbar. I have also applied colors dynamically to the tabs,toolbar and statusBar. You can see the example working in android 4.4.3 on the following gif.

I sent a PR with my changes. If the original project owner doesn't update the maven library, and push it to maven I will push my library fork to maven central.

material_tabs

Related questions

How do I change a tab background color when using TabLayout?

This is my code in the main activity public class FilterActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_filter); // Get the ViewPager and set it's PagerAdapter so that it can display items …

Read More
How to send data from Activity to Fragment

I know there are many topics about this here. I have also read documentation many times but I can't find the best way to pass data from activity to fragment. I want to be able to show the results of …

Read More
TabWidget current tab bottom line color

I have a TabWidget for which I have enabled and set the stripLeft and stripRight... mTabHost.getTabWidget().setStripEnabled(true); mTabHost.getTabWidget().setRightStripDrawable(R.drawable.redline); mTabHost.getTabWidget().setLeftStripDrawable(R.drawable.redline); As you can see in the image below, this …

Read More