[B4X] [XUI] AS Tab Menu (Bottom Menu/Navigation)

Alexander Stolte · Jul 18, 2020

elitevenkat said:
How to set enable / visible property of a particular tab?

what do you mean?
You can only remove a tab if you want to hide a tab.

elitevenkat · Jul 19, 2020

Hi
Thanks for the suggestion. How about disabling / enabling a tab ? can u please guide me ?

Alexander Stolte · Jul 19, 2020

elitevenkat said:
Thanks for the suggestion. How about disabling / enabling a tab ? can u please guide me ?

I'll invest an hour and try to make your wishes come true. But not before this afternoon.

elitevenkat · Jul 23, 2020

Alexander Stolte said:
I'll invest an hour and try to make your wishes come true. But not before this afternoon.

Any feed back plz?

Alexander Stolte · Jul 23, 2020

elitevenkat said:
Any feed back plz?

yes it's possible to hide or show tabs in the next update.

I want to add one more feature before I release the update.

Alexander Stolte · Jul 23, 2020

Update

1.13
- Add VisibleAt -Shows or Hide a tab
- Add Support for Icons or Text mixed
- Add TabStripMode - if true, then the underline width/height is the full tab
- Example is now based on B4XPages

Hide a Tab:

ASTabMenu_horizontal.VisibleAt(1,False)

How to use icons or text at the same time?

B4X:

ASTabMenu_horizontal.AddTab(xui.Color_ARGB(255,39, 174, 97),"",ASTabMenu_horizontal.FontToBitmap(Chr(0xF015),False,30,xui.Color_White),"")
ASTabMenu_horizontal.AddTab(xui.Color_ARGB(152,39, 174, 97),"Test1",Null,"")

Set TabStyle to TextIcon
if you want a icon then write "" on the text parameter
1. if you want text then write Null to the icon parameter

Alexander Stolte · Jul 23, 2020

Update

1.14
- Add ViewEnable - enable or disable the view

angel_ · Jul 24, 2020

I've noticed that if you have tabs with icons and others with icons+text, the latter are overlapped, I don't know if it's a bug or this is not possible to do.

Another issue is that if the tab text is long in B4A it doesn't truncate the text to one line

Alexander Stolte · Jul 24, 2020

angel_ said:
I've noticed that if you have tabs with icons and others with icons+text, the latter are overlapped, I don't know if it's a bug or this is not possible to do.

An image would be nice. Or make sure that you have read this:

Alexander Stolte said:
B4X:

ASTabMenu_horizontal.AddTab(xui.Color_ARGB(255,39, 174, 97),"",ASTabMenu_horizontal.FontToBitmap(Chr(0xF015),False,30,xui.Color_White),"") ASTabMenu_horizontal.AddTab(xui.Color_ARGB(152,39, 174, 97),"Test1",Null,"")

Set TabStyle to TextIcon

if you want a icon then write "" on the text parameter

if you want text then write Null to the icon parameter

angel_ said:
Another issue is that if the tab text is long in B4A it doesn't truncate the text to one line

i have fixed it, but the problem is, now you need on B4A the Reflection lib. too, only for this...

Alexander Stolte · Jul 24, 2020

Update

1.15
- B4A only - BugFix if the text is too long
- B4A only - new dependency "Reflection"
- B4I only - ViewEnable BugFix

Alessandro71 · Jul 27, 2020

How to correctly size the FontToBitmap size parameter to make sure the icon is the right dimension?

Alexander Stolte · Jul 27, 2020

Alessandro71 said:
How to correctly size the FontToBitmap size parameter to make sure the icon is the right dimension?

please start a new thread for your question

Alexander Stolte · Aug 13, 2020

Update

1.16
- Add RemoveAllTabs

Kope · Aug 22, 2020

Hi I keep getting this error using this lib on b4i

Copying updated assets files (1)
Application_Start
Error occurred on line: 128 (ASTabMenu)
Expected: UIView, object type: B4ILayoutValues
Stack Trace: (
CoreFoundation E2D6A76B-6879-31A3-8168-DF49F94E17CD + 1222248
libobjc.A.dylib objc_exception_throw + 56
CoreFoundation E2D6A76B-6879-31A3-8168-DF49F94E17CD + 133720
LED MUSIC -[B4IObjectWrapper setObject:] + 276
LED MUSIC -[B4XViewWrapper setObject:] + 152
LED MUSIC +[B4IObjectWrapper createWrapperbject:] + 108
LED MUSIC -[b4i_dashboard _show] + 1068
LED MUSIC -[b4i_main _application_start:] + 2928
CoreFoundation E2D6A76B-6879-31A3-8168-DF49F94E17CD + 1247424
CoreFoundation E2D6A76B-6879-31A3-8168-DF49F94E17CD + 6768
LED MUSIC +[B4I runDynamicMethod:method:throwErrorIfMissing:args:] + 1608
LED MUSIC -[B4IShell runMethod:] + 448
LED MUSIC -[B4IShell raiseEventImpl:method:args::] + 2172
LED MUSIC -[B4IShellBI raiseEvent:eventarams:] + 1580
LED MUSIC __33-[B4I raiseUIEvent:eventarams:]_block_invoke + 60
libdispatch.dylib 361DA09A-E7CE-30EB-8DFC-9D9AF9DE4A0A + 371112
libdispatch.dylib 361DA09A-E7CE-30EB-8DFC-9D9AF9DE4A0A + 374052
libdispatch.dylib 361DA09A-E7CE-30EB-8DFC-9D9AF9DE4A0A + 255740
CoreFoundation E2D6A76B-6879-31A3-8168-DF49F94E17CD + 689852
CoreFoundation E2D6A76B-6879-31A3-8168-DF49F94E17CD + 669072
CoreFoundation CFRunLoopRunSpecific + 424
GraphicsServices GSEventRunModal + 160
UIKitCore UIApplicationMain + 1932
LED MUSIC main + 124
libdyld.dylib 0CB11832-70AD-3EC6-A191-AFB85E3BF348 + 6384
)

Alexander Stolte · Aug 22, 2020

Kope said:
Hi I keep getting this error using this lib on b4i

please start a new thread for your question.
And please explain more what you do, how should I know from an error message what you are doing with the menu?

Knoppi · Sep 7, 2020

hi Alexander,
please add the Reflection Lib in the Manifest.txt (v1.16)

INI:

B4A.DependsOn=XUI,BitmapCreator,Reflection

otherwise i get an error message in the example

Code:

Unknown type: reflector
Are you missing a library reference?

Alexander Stolte · Sep 25, 2020

Knoppi said:
please add the Reflection Lib in the Manifest.txt (v1.16)

done... oh man... i had made myself a todo, but i only ever saw it when i was not at the computer...
Thanks.

Alexander Stolte · Jan 25, 2021

I saw that I had not published 3 updates...
Update

1.20
- Add get/set HaloDuration
- Add setBadge_setLeftPadding
- B4I Better handling of icons - looks now better
- B4A and B4J The view can now also have round corners - added SetCircleClip
  - on B4J you need to set setCornerRadius
- B4A and B4I New Icon Tint Function, the quality of icons with a new color is now better
- B4A and B4I BitmapCreator is no longer required

Rubsanpe · Feb 1, 2021

Alexander Stolte said:
I saw that I had not published 3 updates...
Update

1.20

Add get/set HaloDuration

Add setBadge_setLeftPadding

B4I Better handling of icons - looks now better

B4A and B4J The view can now also have round corners - added SetCircleClip

on B4J you need to set setCornerRadius

View attachment 106887

B4A and B4I New Icon Tint Function, the quality of icons with a new color is now better

B4A and B4I BitmapCreator is no longer required

Hi. Very good work. I can't see "B4A and B4J The view can now also have round corners - added SetCircleClip" at this 1.20 version. Not in designer and not in methods.

Rubén

Alexander Stolte · Feb 1, 2021

Rubsanpe said:
I can't see

Alexander Stolte said:
on B4J you need to set setCornerRadius

On B4J you need to call TheView.CornerRadius = 10dip
Its a property only function.
On B4A and B4J you dont need "CornerRadius" because, the view adapts to this property in the designer

[B4X] [XUI] AS Tab Menu (Bottom Menu/Navigation)

Expert

Active Member

Expert

Active Member

Expert

Expert

Expert

Well-Known Member

Expert

Expert

Well-Known Member

Expert

Expert

Active Member

Expert

Active Member

Expert

Expert

Active Member

Expert

Privacy & Transparency

Privacy & Transparency