[WIP] [GSoC] Add Tab Arrangement and Tab components.

[jsuyash1514]

This is a draft PR, submitted for the evaluations.

I've added 2 components: TabArrangement and Tab
The properties implemented for both the components are listed below:

1.) TabArrangement

• TabBackgroundColor
• SelectedTabIndicatorColor
• TabTextColor
• SelectedTabTextColor
• ShowTabsAtBottom

2.) Tab

• Text
• ShowText
• Icon
• ShowIcon

@ellelili2025 Kindly have a look.

[AppInventorWorkerBee]

Can one of the admins verify this patch?

[ellelili2025]

Let us fix the coding style first.

1. Array all the imports in Alphabet order.
2. for the control logic blocks such as if, for etc such as the following
   if(tabLayout.getParent() != null) {
   Put a space between if and (
   so it should look like
   if (tabLayout.getParent() != null) {
   3.void addTab(Tab tab){
   add a space between ) and {
   so it would look like void addTab(Tab tab) {

[ellelili2025]

if(tabBarVisible) {

Leave a space between if and ( to be consistent with the coding style in appinventor.

[ellelili2025]

Issue I observe:
Put some UIs such as buttons in the tab and set Height/width to fill parent for those UIs. The height/width fill parent is not honored.

[ellelili2025]

Please rebase the branch on ucr since the changes for android sdk29 have been merged so that this branch only contains the changes for tab and tab arrangement.

[ellelili2025]

we don't want use to ambitious wildcard imports.

[ellelili2025]

Same case here. no * import.

[ellelili2025]

This branch is no longer compilable. Could you take a look please?

[jsuyash1514]

@ellelili2025 I've rebased my branch and fixed the build errors. Please let me know if it is still not compilable.

[BeksOmega]

Hi Suyash! I gave the test server a quick look and I found two little things.

1. It seems like the tab text is a bit high when you're dragging it out of the toolbox. I expect it to be at the cursor like labels are. But there may be a reason for having it higher that I don't know about.
   Tab:
   
   Label:
   

2. I wasn't able to test this because I couldn't get my phone to download the test companion. But are nested tab layouts supported? How does that interact with using the swipe gesture to change tabs?
   

Overall the project looks really cool though :D I love all of the different toggles the components have.