Create menu within the Floating Action Button

Issue

I want to create Floating Action Button with other menu options like below.

I have downloaded this image from Google. But i am not getting any demo or way to achieve this type of effect to open submenu from the Floating Action Button.

I have found another library which has the same effect but I don't want to use another library, rather I'd like to implement it myself. Just need proper guidance how to do this.

Please let me know if there is proper explanation for implementing same is available.

For reference you can check this link: http://www.google.co.uk/design/spec/components/buttons.html#buttons-floating-action-button

For More information same effect is also available in inbox app by google.

Solution

I don't want to depend on others library. That's why I am looking for someone who have make the same with the animation and effect, not with the library.

I have made my own demo here in below link:

FloatingActionButton

Here you can change the animation you want and also add one you want.

Answered By - Shreyash Mahajan