android 5.0 material design tabs [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 4 years ago.

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 1

I am using the DrawerLayout, had switched to the latest appcompat, compiled with api 21 and got this material theme. Make sure you use drawer from v7. Description: http://antonioleiva.com/material-design-everywhere/

Answer 2

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:

• https://github.com/traex/RippleEffect
• https://github.com/siriscac/RippleView
• https://github.com/balysv/material-ripple
• https://github.com/03uk/RippleDrawable

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.

Answer 3

I personally love jpardogo's library jpardogo/PagerSlidingTabStrip.

One thing that I found missing in it though is ripple effect as seen in:

So I decided to make my own library, based on PagerSlidingTabStrip, and with customizable ripple effect: pizza/MaterialTabs.

You can also find a sample on the Play Store, customize your tabs there, then generate your code and export it instantly! :)