Floating Action MENU - No 3rd Party Library - Quick Tutorial (Xamarin Android)

Floating action button aka FAB is a staple of apps using material design. What if you need the user to choose from multiple different actions? Well, you have to use a floating action menu which is basically a FAB which upon click displays multiple smaller FABs.
There are two ways in which we can add a floating action menu. Using a 3rd party library is one option, but that is not always ideal because libraries can get outdated. Much more viable option is to code it ourselves and use the latest and greatest things from the design support library made by Google which guarantees we will always be able to use bleeding edge features.
Get the code from this tutorial: wp.me/p8jOJP-5j
Go to my website for more information, code examples and articles:
● resocoder.com
Follow me on social media:
● / resocoder
● / resocoder

[@ChadFaragher]

Rotating a + by 135° to get an × is clever!

[@AngeloLazzari]

great coding man!!! Is not possible to have it in ios too?

[@JasonPurkiss]

that was great, cross platform would be brilliant? :)

[@dannielalies8526]

what about cross platform?is it work??

[@ikrabyy7603]

Hey, it doesnt show fabbaloon and fabcake for me. do you know what could be the problem ? its the same code

[@TheKbizzy]

I finally got everything working except when I go to run this at the very end I get this error for my
private FloatingActionButton fabAirballoon;
private FloatingActionButton fabCake;
private FloatingActionButton fabMain;
System.NullReferenceException: Object reference not set to an instance of an object.

[@diotone5580]

If anyone else gets this same error, make sure your MainActivity.cs has everything exactly like his in the video, for instance I didn't have "SetContentView(Resource.Layout.Main);" before and got that error.

[@greeksinmars]

how do the same in iOS ?

[@mchades94]

How can I display a label with a fab?

[@alok019]

you are the best man, subscribed :D

[@arfmann8986]

How to make it always on top?

[@aljonsindanum37]

Its great tutorial men!

[@TheKbizzy]

I tried to download the icons on the site you mentioned and they don't download like yours so I cant use them any idea why that is

[@ResoCoder]

Hello! Did you click on "Icon Package -> .XML Vector Drawable" when downloading?

[@TheKbizzy]

Thanks for replying! I did click on icon package -> .XML Vector Drawable but it still doesn't look like yours and just downloads as a single xml document

[@bhojarajshiralisongs864]

@@ResoCoder will it wrk on ios?...pls reply

[@regnas7868]

You are amazing!!!

[@sajjadmohammed7452]

best thanks

[@TheKbizzy]

I also don't have a drawable folder

[@ResoCoder]

Hmm, it should be there already but I think you can also simply create it.