Unique Tab Layout

How can I make a tab layout like this?
community
Not asking about the simple making of a tab layout rather what the main question Is how can I make it round from borders?
And when tab.click it should get highlighted

1 Like

If you want to create a view like this.
Then probably you need to make a custom tab layout.
Use card view for base and then use lable or button to make such layout.

2 Likes

What I am thinking is a card view with horizontal arrangement and corner radius 16.
and then three labels placed inside the horizontal arrangement.

1 Like

Yes, just try it.

1 Like

Turn your thinking in real/practical and see what happens. No matter what would be the end-result but you will learn something new and that’s for sure :smiley:

3 Likes

I will surely share it with the community too if I am able to achieve this. :grin:

2 Likes


Was able to achieve this, will share how to make in few hours as a guide.

1 Like

Meanwhile I also created One :wink:
tablayout.apk (5.0 MB)


tablayout.aia (2.4 KB)

1 Like

For default view set label colour to Grey and when it clicked set its colour to black.

3 Likes

I have done that in above app :grin:
Just used black and pink instead of grey and black.

1 Like

That’s what i did earlier but it is not possible to make it round from borders.

Thats how it looks on my phone


I think you forgot something​:grin:

Check it now
tablayout (4).apk (5.0 MB)
That’s due to padding now I have set padding to 0.
Now it should work. And maybe also due to Screen Size.

1 Like

Yes, it is working now. I am making a guide on how to make like this

1 Like

Good :partying_face::partying_face::partying_face:

Here it is :partying_face:

2 Likes