B4A Library Floating Action Menu (FAM) and Floating Action Button (FAB)

DonManfred · Mar 25, 2016

This is a wrap for this Github Project. Thanx to @ivan.tellez for pointing me into it

The library is a replacement for the Floating Action Button lib by @corwin42
They are not compatible as we are both using the same Objectname (FloatingActionbutton).

Requires B4A Version 5.8+

FloatingActionButton
Author: DonManfred (wrapper)
Version: 1.02

FloatingActionButton
Fields:
- ba As BA
Methods:
- BringToFront
- DesignerCreateView (base As PanelWrapper, lw As LabelWrapper, props As Map)
- Initialize (EventName As String)
- Invalidate
- Invalidate2 (arg0 As Rect)
- Invalidate3 (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int)
- IsInitialized As Boolean
- RemoveView
- RequestFocus As Boolean
- SendToBack
- SetBackgroundImage (arg0 As Bitmap)
- SetColorAnimated (arg0 As Int, arg1 As Int, arg2 As Int)
- SetLayout (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int)
- SetLayoutAnimated (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int, arg4 As Int)
- SetVisibleAnimated (arg0 As Int, arg1 As Boolean)
- hasShadow As Boolean
- hide (animate As Boolean)
 Makes the FloatingActionButton to disappear and sets its visibility to {@link #INVISIBLE}
 animate: if true - plays "hide animation"
- hideButtonInMenu (animate As Boolean)
 This will clear all AnimationListeners.
- hideProgress
- isHidden As Boolean
 Checks whether FloatingActionButton is hidden
 Return type: @return:true if FloatingActionButton is hidden, false otherwise
- isProgressBackgroundShown As Boolean
- isProgressIndeterminate As Boolean
 
 Return type: @return:the mProgressIndeterminate
- setProgress (progress As Int, animate As Boolean)
- show (animate As Boolean)
 Makes the FloatingActionButton to appear and sets its visibility to {@link #VISIBLE}
 animate: if true - plays "show animation"
- showButtonInMenu (animate As Boolean)
- toggle (animate As Boolean)
Properties:
- Background As Drawable
- ButtonSize As Int
 Sets the size of the FloatingActionButton and invalidates its layout.
- Color As Int [write only]
- ColorDisabled As Int
- ColorNormal As Int
- ColorPressed As Int
- ColorRipple As Int
- Elevation As Float [write only]
- ElevationCompat As Float [write only]
 Sets the shadow color and radius to mimic the native elevation.
 
 API 21+: Sets the native elevation of this view, in pixels. Updates margins to
 make the view hold its position in layout across different platform versions.
- Enabled As Boolean
- Height As Int
- HideAnimation As Animation [write only]
- IconDrawable As String [write only]
- ImageDrawable As Drawable [write only]
- Indeterminate As Boolean [write only]
 Change the indeterminate mode for the progress bar. In indeterminate
 mode, the progress is ignored and the progress bar shows an infinite
 animation instead.
- LabelText As String
- LabelVisibility As Int
- Left As Int
- Max As Int
- Parent As Object [read only]
- Progress As Int [read only]
- ProgressBackgroundColor As Int
- ProgressColor As Int
- ProgressWidth As Int
- ShadowColor As Int
- ShadowRadius As Int
 Sets the shadow radius of the FloatingActionButton and invalidates its layout.
 
 Must be specified in density-independent (dp) pixels, which are then converted into actual
 pixels (px).
- ShadowXOffset As Int
 Sets the shadow x offset of the FloatingActionButton and invalidates its layout.
 
 Must be specified in density-independent (dp) pixels, which are then converted into actual
 pixels (px).
- ShadowYOffset As Int
 Sets the shadow y offset of the FloatingActionButton and invalidates its layout.
 
 Must be specified in density-independent (dp) pixels, which are then converted into actual
 pixels (px).
- ShowAnimation As Animation [write only]
- ShowProgressBackground As Boolean [write only]
- ShowShadow As Boolean [write only]
- Tag As Object
- Top As Int
- Visible As Boolean
- Width As Int
FloatingActionMenu
Events:
- onClick (obj As View)
- onMenuToggle (opened As Boolean)
Fields:
- ba As BA
Methods:
- BringToFront
- DesignerCreateView (base As PanelWrapper, lw As LabelWrapper, props As Map)
- Initialize (EventName As String)
- Invalidate
- Invalidate2 (arg0 As Rect)
- Invalidate3 (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int)
- IsInitialized As Boolean
- RemoveView
- RequestFocus As Boolean
- SendToBack
- SetBackgroundImage (arg0 As Bitmap)
- SetColorAnimated (arg0 As Int, arg1 As Int, arg2 As Int)
- SetLayout (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int)
- SetLayoutAnimated (arg0 As Int, arg1 As Int, arg2 As Int, arg3 As Int, arg4 As Int)
- SetVisibleAnimated (arg0 As Int, arg1 As Boolean)
- addMenuButton (fab As FloatingActionButton)
- addMenuButton2 (fab As FloatingActionButton, index As Int)
- close (animate As Boolean)
- hideMenu (animate As Boolean)
 Makes the {@link #FloatingActionMenu} to disappear and sets its visibility to {@link #INVISIBLE}
 animate: if true - plays "hide animation"
- hideMenuButton (animate As Boolean)
 Makes the {@link FloatingActionButton} to disappear inside the {@link #FloatingActionMenu} and
 sets its visibility to {@link #INVISIBLE}
 animate: if true - plays "hide animation"
- isAnimated As Boolean
- isIconAnimated As Boolean
- isMenuButtonHidden As Boolean
- isMenuHidden As Boolean
- isOpened As Boolean
- open (animate As Boolean)
- removeAllMenuButtons
- removeMenuButton (fab As FloatingActionButton)
- showMenu (animate As Boolean)
 Makes the whole {@link #FloatingActionMenu} to appear and sets its visibility to {@link #VISIBLE}
 animate: if true - plays "show animation"
- showMenuButton (animate As Boolean)
 Makes the {@link FloatingActionButton} to appear inside the {@link #FloatingActionMenu} and
 sets its visibility to {@link #VISIBLE}
 animate: if true - plays "show animation"
- toggle (animate As Boolean)
- toggleMenu (animate As Boolean)
- toggleMenuButton (animate As Boolean)
Properties:
- ActivityHeight As Int [write only]
- ActivityWidth As Int [write only]
- Animated As Boolean [write only]
 Sets whether open and close actions should be animated
- AnimationDelayPerItem As Int
- Background As Drawable
- ClosedOnTouchOutside As Boolean [write only]
- Color As Int [write only]
- Enabled As Boolean
- Height As Int
- IconAnimated As Boolean [write only]
- IconAnimationCloseInterpolator As Interpolator [write only]
- IconAnimationInterpolator As Interpolator [write only]
 Sets the {@link android.view.animation.Interpolator} for FloatingActionButton's icon animation.
- IconAnimationOpenInterpolator As Interpolator [write only]
- IconToggleAnimatorSet As AnimatorSet
- LabelsCornerRadius As Int
- LabelsMargin As Int
- LabelsMaxLines As Int
- LabelsPaddingBottom As Int
- LabelsPaddingLeft As Int
- LabelsPaddingRight As Int
- LabelsPaddingTop As Int
- LabelsPosition As Int
- Left As Int
- MenuButtonColorNormal As Int
- MenuButtonColorPressed As Int
- MenuButtonColorRipple As Int
- MenuButtonHideAnimation As Animation [write only]
- MenuButtonLabelText As String
- MenuButtonShowAnimation As Animation [write only]
- MenuIconView As ImageView [read only]
- OpenDirection As Int
- Parent As Object [read only]
- Tag As Object
- Top As Int
- Visible As Boolean
- Width As Int

Known problems:
- I still don´t know what the problem is, but the first 2 FABs (FloatingActionButton) added to the FAM (FloatingActionMenu)will be ignored; they do not show in menu
But away from this it works fine here

If you want to donate for my work building the wrapper you can do it here:

Anser · Mar 29, 2016

May I ask a very stupid question.

What do you mean by API Level: 14. Android 4.0 ( ICE_CREAM_SANDWICH ) is required to use this lib ?

Does it mean the the android.jar version (ie in the B4A IDE, Tools->Configure Paths, android.jar)

OR

The devices that use this lib (final apk) should have Android version 14 or above running on it

Excuse me if this question is out of topic as far as this thread is concerned.

Regards
Anser

DonManfred · Mar 29, 2016

Anser said:
The devices that use this lib (final apk) should have Android version 14 or above running on it

this one

Tayfur · Mar 31, 2016

ı added it .
now recive ...

java.lang.NoSuchMethodError: No static method getColor(Landroid/content/Context;I)I in class Landroid/support/v4/content/ContextCompat; or its super classes (declaration of 'android.support.v4.content.ContextCompat' appears in /data/app/contact.backup-2/base.apk)

DonManfred · Apr 3, 2016

I don´t know what exactly the problem is but probably it is the same case here as in the BottomNavigation.
You need B4A 5.8+

stanks · Apr 10, 2016

maybe it is stupid question but, why

B4X:

...
    fam.ActivityHeight = 100%y
    fam.ActivityWidth = 100%x
...

thanks

aldifong · May 2, 2016

Hi all,

I try the fab sample and it's running well. But when i try to create a new sample project to implement the fab, it failed.

I put the fab on the layout design and then on the activity_create, i just initialize the layout. But it failed...
So strange, in project libraries, i have core v5.8 and floating action button v1.02.

What might gone wrong? I'm not event start to code on the activity yet.

Thanks to any reply...

DonManfred · May 2, 2016

aldifong said:
What might gone wrong?

It did not work but it does not output any error?

Create a new thread, post your project (export as zip) and the error you get.

Without seeing your project it is nearly impossible to help.

luke2012 · May 13, 2016

My compliments @DonManfred ! Very nice menu!
Is it possible to set the position Of the main button ?

anOparator · May 25, 2016

itgirl said:
Hello and thank you for this great Lib ,, but im having difficulties setting the fam on the right side of the activity even in the example if you just rotate the phone it gets in the middle of the activity ,,, im trying to set it manually not with the designer

B4X:

fam.Initialize("fam") Activity.AddView(fam,0,0,100%x,100%y) fam.ActivityHeight =100%y fam.ActivityWidth = 100%x

i tried to play with left setting ...

B4X:

fam.left = 100dip

is just not working it takes the whole fam 100dip from the left also i tried to give the fam 100dip width and the left as 100%x - 100dip but still no luck .... any ideas ?

B4X:

Sub Activity_Create
...
fam.Activity Width = 100%x
If Activity.Width < Activity.Height Then
fam.SetLayout (250dip, 30dip, 50dip, 50dip)
Else
fam.SetLayout (550dip, 30dip, 50dip, 50dip)
End If 
...
...

play with the numbers , and btn1.LabelText can have any size content.
oops, btn1.LabelText disappear.

edit: The third arg of fam.SetLayout is the width of btn1.LabelText, 280dip works well for me.

itgirl · May 26, 2016

anOparator said:
B4X:

Sub Activity_Create ... fam.Activity Width = 100%x If Activity.Width < Activity.Height Then fam.SetLayout (250dip, 30dip, 50dip, 50dip) Else fam.SetLayout (550dip, 30dip, 50dip, 50dip) End If ... ...

play with the numbers , and btn1.LabelText can have any size content.
oops, btn1.LabelText disappear.

edit: The third arg of fam.SetLayout is the width of btn1.LabelText, 280dip works well for me.

thank you for pointing me to the right direction
i have tried
fam.SetLayout (100%x - 75dip, 30dip, 50dip, 50dip)

the left side works great but the btn1.LabelText is gone too i tried 280dip but sadly didnt work i think i will try other widths

Daniel-White · Jun 10, 2016

I did not discover how to show the buttons horizontals instead vertical. Can we do that? the example show the buttons vertically. I would like to put horizontal.
Thankssssssssssssssssssss

DonManfred · Jun 11, 2016

Daniel-White said:
Can we do that?

I didn´t saw any method/property to do that while coding the wrapper.

johndb · Jul 19, 2016

itgirl said:
i know lol but still not a very good approach because as of some RTL languages it seems to be a problem

do you think the layout has anything to do with it ?

B4X:

<com.github.clans.fab.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="bottom|right" android:layout_marginBottom="8dp" android:layout_marginRight="8dp" android:src="@drawable/ic_menu" fab:fab_colorNormal="@color/app_primary" fab:fab_colorPressed="@color/app_primary_pressed" fab:fab_colorRipple="@color/app_ripple"/>

as you can see in the main project the gravity is set to bottom|right

Has there been any further investigation & update on why we can't align the menu at a specific location?

DonManfred · Jul 19, 2016

I did not found a solution for this problem.
Maybe find a better one and i ll do a wrapper for it....

ivan.tellez · Jul 31, 2016

Hi!

Its the normal behavior that the buttons of the menu are touching each other?

Is there a way to put some space between the buttons of the menu?

Thanks

DonManfred said:
Maybe find a better one and i ll do a wrapper for it....

Dont know if its better, but this is the other popularlib:
https://github.com/futuresimple/android-floating-action-button

DonManfred · Aug 1, 2016

ivan.tellez said:
Its the normal behavior that the buttons of the menu are touching each other?

i don´t know

ivan.tellez said:
Is there a way to put some space between the buttons of the menu?

i don´t know too

ivan.tellez said:
Dont know if its better, but this is the other popularlib

i´ll make a wrap and we´ll see if it is better

achtrade · Oct 4, 2016

The demo app works fine, my app only shows the buttons, the labels are missing. I'm using the exact same code. any idea ?

Ricardo Gonzalez Gaete · Nov 20, 2016

What change iconos?

m643 · Dec 10, 2016

Can you help me with this? I wanna use the floating action menu in custom listview but the when I click the button the rest of the buttons are opened inside of the panel (see screenshot) How can I fix this?

Haris Hafeez · Jan 28, 2017

I may be missing something obvious here but can we change the menu button's icon? In the example it seems to be fixed to show the '+' sign on the menu button.

B4A Library Floating Action Menu (FAM) and Floating Action Button (FAB)

Attachments

Well-Known Member

Expert

Well-Known Member

Expert

Active Member

Member

Expert

Well-Known Member

Active Member

Active Member

Active Member

Expert

Active Member

Expert

Active Member

Expert

Active Member

Member

Member

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency