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.
TabLayout is used to implement horizontal tabs. TabLayout is released by Android after the deprecation of ActionBar. TabListener (API level 21). TabLayout is introduced in design support library to implement tabs. Tabs are created using newTab() method of TabLayout class.
Material 3 is the latest version of Google's open-source design system. Design and build beautiful, usable products with Material 3.
Tabs are a navigation element used in web design that allow users to easily access different areas of a site or different parts of an individual page. They're sort of like tabbed dividers in a filing cabinet – by clicking a tab, users can easily locate a page containing related content.
Following the release of Android 12 in May 2021, Google announced in late October a complete overhaul of its design language: Material Design 3. Material Design 3 is the technical name of Material You, which was unveiled in early 2021 through a Pixel 6 ad, and it's a revolution for Android developers and designers.
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):
Ability to pass customTabs implementing the interface ´CustomTabProvider` in your adapter.
@+id/tab_title
, it will be use to place the title and alpha will act as usual. 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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With