How does animation work? If you click on a menu-item, this code will decides what you clicked. If you clicked on a white image, it will replace white image with the rounded RelativeLayout. If you clicked on the rounded RelativeLayout, it will collapse and will replace the white image.
Ok, but what is the animation? This animation will do transation on the X-axis (white and black image) and will scale the rounded RelativeLayout.
Some tips for the upgrade:
If you want more or less menu-item, you have to code in the activity_main.xml (add new white image and a rounded menu-item) and in the MainActivity.cs – complete the animation code and the dictionary and define new ImageView and RelativeLayout in the OnCreate().
You can change the colors too in the two xmls.
And you can add some text in the bubble too, just add it in the activity_main.xml in the rounded RelativeLayout.