B4A Library [Moved] WobbleMenu

TILogistic

Expert
Licensed User
Longtime User
If you want to see the halo effect on tab.

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


Add to WobbleMenu.bas.

B4X:
'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

Active Member
Licensed User
Longtime User
@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

Expert
Licensed User
Longtime User

yiankos1

Well-Known Member
Licensed User
Longtime User
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?
 
Last edited:

Brandsum

Well-Known Member
Licensed User
Sorry for the late reply. I was busy last few days.
@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!
 
Cookies are required to use this site. You must accept them to continue using the site. Learn more…