B4i Library TabStrip

iTabStrip library implements a controller similar to B4A TabStripViewPager.
It is based on XLPagerTabStrip: https://github.com/xmartlabs/XLPagerTabStrip (MIT license).



Setup instructions:

1. Add TabStrip with the designer.
2. Create the tab pages layouts. Make sure to use anchors to allow the layouts to fill the available space.
3. Set the pages by calling TabStrip.SetPages.
4. You need to put the ButtonCell.xip file under Files\Special. You can find the file in the example project.

The title used is the Page's title or the attributed text of a label that is set as the page's TitleView.

Workaround to issue with devices with notch (all new devices): https://www.b4x.com/android/forum/threads/white-bar-on-iphone-xs.107514/#post-672963

 

[German Buchmuller]

Is it possible to hide de Bar?

 

[Erel]

No. However you can use this solution instead: https://www.b4x.com/android/forum/threads/paging-indicator-for-scrollview.66094/post-418575

 

[walterf25]

iTabStrip library implements a controller similar to B4A TabStripViewPager.
It is based on XLPagerTabStrip: https://github.com/xmartlabs/XLPagerTabStrip (MIT license).

View attachment 56317

Setup instructions:

1. Add TabStrip with the designer.
2. Create the tab pages layouts. Make sure to use anchors to allow the layouts to fill the available space.
3. Set the pages by calling TabStrip.SetPages.
4. You need to put the ButtonCell.xip file under Files\Special. You can find the file in the example project.

The title used is the Page's title or the attributed text of a label that is set as the page's TitleView.

When loading a layout on any of the tabs of the TabStrip, there's always a space between the bottom of the Tab and the loaded layout, is there a way to get rid of that gap?

Walter

 

[Erel]

Solution is here: https://www.b4x.com/android/forum/threads/white-bar-on-iphone-xs.107514/#post-672963

 

[walterf25]

Solution is here: https://www.b4x.com/android/forum/threads/white-bar-on-iphone-xs.107514/#post-672963

Thanks Erel, that worked perfect.

Regards,
Walter

 

[Daniele Zanoni]

Dear Erel,
I have a problem using B4XDrawer + TabStrip in B4i
When I load a layout page containig the TabStrip control the application crash.
Looking inside Files\Special before compiling i have 4 files, after compiling 3 files.
I think that TabStrip crash because need the file deleted. but why the compiler delete it ?


Replacing the page containig TabStrip control with another layout page the application run correctly, and B4XDrawer works too coorectly.

Daniele

 

[Erel]

Please start a new thread for this.