B4A Library [Moved] WobbleMenu

Moved to https://www.b4x.com/android/forum/t...s-platform-animated-bottom-navigation.118412/

 

[mcqueccu]

Wow this is great.

 

[Alexander Stolte]

would it be possible to set only 3 tabs?

 

[Brandsum]

would it be possible to set only 3 tabs?

Why not! Check the latest update

 

[Alexander Stolte]

it would be nice, if i have a property to change this black line to white or so.

 

[Brandsum]

it would be nice, if i have a property to change this black line to white or so.
View attachment 78111

UPDATE v1.3:

1. Added Shadow Type (Light/Dark) Option

 

[TILogistic]

If you want to see the halo effect on tab.

Private Sub TriggerTabClickEvent(t As B4XView)
    If CurrentTab = Tabs.IndexOf(t) + 1 Then Return
   
    RippleEffect( t, xui.Color_Gray, 250)

Add to WobbleMenu.bas.

'https://www.b4x.com/android/forum/threads/b4x-xui-simple-halo-animation.80267/#content
Private Sub RippleEffect (Parent As B4XView, Color As Int, Duration As Int)
    Dim cvs As B4XCanvas
    Dim p As B4XView = xui.CreatePanel("")
    Dim InnerRadius As Int = Parent.Height * 1.30
    If Parent.Width <> Parent.Height Then InnerRadius = Max(Parent.Width, Parent.Height) * 1.60
    p.SetLayoutAnimated(0, 0, 0, InnerRadius, InnerRadius)
    cvs.Initialize(p)
    cvs.DrawCircle(cvs.TargetRect.CenterX, cvs.TargetRect.CenterY, cvs.TargetRect.Width / 2, Color, True, 0)
    Dim bmp As B4XBitmap = cvs.CreateBitmap
    p.RemoveViewFromParent
    Dim iv As ImageView
    iv.Initialize("")
    Dim p As B4XView = iv
    Dim Radius As Int = InnerRadius/2
    Dim x As Int = Parent.Width/2
    Dim y As Int = Parent.Height/2
    p.SetBitmap(bmp)
    Parent.AddView(p, x, y, 0, 0)
    p.SetLayoutAnimated(Duration, x - Radius, y - Radius, Radius * 2, Radius * 2)
    p.SetVisibleAnimated(Duration, False)
    Sleep(Duration)
    p.RemoveViewFromParent
End Sub

 

[fasilosman]

@Brandsum

Hi, Excellent library for bottom navigation. Thanks.

I need some help in this library.

1. How to change color of bottom navigation bar.
2. Please give a sample for tab click event
3. Can you increase or reduce the number of tabs/icons

 

[Alexander Stolte]

How to change color of bottom navigation bar.

Click on the designer on this view and change the "BackgroundColor" property.

Please give a sample for tab click event

Right click on the view in the designer and add the "Tab1Click" event should not be complicated

Can you increase or reduce the number of tabs/icons

Currently only 3 or 5 tabs possible.

 

[stanks]

i get some visual errors on real device when tapping on wobble menu buttons (wobble bottom/width 100%x) https://paste.pics/df4c15123692f97ea01f372bbda35095

and the second visual error is when i put wobble menu (same height and shorter. i didn't try with same width..) on panel which is on top https://paste.pics/bba6f58ed75f31563d141b217b293947

android v8 on device

way to fix that?

thanks

 

[palmzac]

Great !!!!!

 

[stanks]

?

 

[Alexander Stolte]

?

This does not speed up the process!

 

[yiankos1]

1) Are you planning add which tab is firstly selected? Because, setting this by currenttab at runtime, transition is visible.

Edit: Why so many 1,1,1,1,1,1..... at log when app starting?

 

[stanks]

This does not speed up the process!

no it doesn't and it wans't meant to speed something, but i am stupid to understand that great!!! after my post about problems...

 

[Brandsum]

Sorry for the late reply. I was busy last few days.

get some visual errors on real device when tapping on wobble menu buttons (wobble bottom/width 100%x) https://paste.pics/df4c15123692f97ea01f372bbda35095

and the second visual error is when i put wobble menu (same height and shorter. i didn't try with same width..) on panel which is on top https://paste.pics/bba6f58ed75f31563d141b217b293947

android v8 on device

way to fix that?

@stanks did you modified any code of this library?

1) Are you planning add which tab is firstly selected? Because, setting this by currenttab at runtime, transition is visible.

@yiankos1 No because that will look wired. This curve looks good in the center at startup.

Why so many 1,1,1,1,1,1..... at log when app starting?

Don't know. I'll check that today!

 

[stanks]

no i didn't change any code.

 

[Brandsum]

no i didn't change any code.

if you can post or dm your project then I can check whats is going on.

 

[Brandsum]

Why so many 1,1,1,1,1,1..... at log when app starting?

I've found that so many 1,1,1,1,1,1 are coming from BitmapCreator DrawPath method.

 

[Erel]

Can you post these logs?