Animated Circle Menu

buzztouch plugin: Animated Circle Menu
By: chris1
Version: v4.0
The Animated Circle Menu is a menu screen that displays buttons in a circle that explode out from the center.
works on iOS iOS
works on Android Android
Developer Info
Latest Review
Pointerrburns50 | 05/17/14 (v3.3)
Excellent menu plugin and great support from Chris too. Would love to see more menu plugins from Chris - maybe a sliding screen type? Recommend this no problem at all.
Screenshots
More Information
The animated circle menu begins with a single (round) button in the center of the screen. Simplistic in design,
it offers animation effects to wow your users.

Pressing on the center button will cause buttons representing your menu items to explode outward in a
circle around the center. Pressing down on any of these buttons will reveal a label describing the button, and clicking on the button will explode the buttons farther out while fading to zero, before loading your next screen. The result is pure beauty!

This plugin is based on the open-sourced iOS project "KYCircleMenu" at:
https://github.com/Kjuly/KYCircleMenu

However, it has been customized and improved upon for a full Buzztouch experience. The original open-source
project supports up to 6 menu items, and displays them in predefined configurations based on the number
of buttons. This plugin reduces the code significantly from the original, and in so doing, supports
any number of buttons and distributes them evenly across the menu circle. It also adds the label and
fading effects, absent from the open-source project.

New, as of 4/5/14 - this plugin supports Android. It is inspired by the KYCircleMenu project, which was iOS only, but has been build from the ground-up by Chris Ruddell.

Version History
------------------------
4.0 - (1/2/16) - Updated for Buzztouch iOS Core 4.0
3.3 - (4/11/14) - Fixed Android crashing problem when no button image was defined. Now randomly chooses a stock image.
3.2 - (4/5/14) - added Android support!
3.1 - bug fix where child item properties could not be saved.
3.0 - updated for Buzztouch 3.0 projects
1.0 - initial release


iOS Project
------------------------
There are two class files needed for this plugin, which are included in the download. These are:
CR_animated_circlemenu.h
CR_animated_circlemenu.m

Also, sample button images are included, with names of "button1.png" ... "cr_button10.png". These are
for each of the buttons representing menu items.

Finally, the center button images from the original open-source project are included. These are:
"KYICircleMenuCenterButton.png"
"KYICircleMenuCenterButton@2x.png"
"KYICircleMenuCenterButtonBackground.png"
"KYICircleMenuCenterButtonBackground@2x.png"

Android Project (3.0 projects only)
------------------------
CR_animated_circlemenu.java
cr_screen_animated_circlemenu.xml
cr_circlemenu_screen_image.xml
cr_animated_button_cell.xml
cr_button10.png
cr_button8.png
cr_button9.png
cr_button7.png
cr_button6.png
cr_center_background.png
cr_button1.png
cr_center_button.png
cr_button3.png
cr_button5.png
cr_button4.png
cr_button2.png

JSON Data
------------------------
{"itemId":"0001",
"itemType":"CR_animated_circlemenu",
"itemNickname":"CircleMenu",
"smallButtonSize":"64",
"smallMenuSize":"275",
"navBarTitleText":"CircleMenu",
"navBarStyle":"solid",
"includeAds":"0",
"backgroundColor":"#000000",
"childItems":[
{"itemId":"2220", "itemType":"BT_menuItem", "loadScreenWithItemId":"3333", "titleText":"Button 1", "smallImageName":"cr_button1.png", "transitionType":"fade"},
{"itemId":"2221", "itemType":"BT_menuItem", "loadScreenWithItemId":"3334", "titleText":"Button 2", "smallImageName":"cr_button2.png", "transitionType":"fade"},
{"itemId":"2222", "itemType":"BT_menuItem", "loadScreenWithItemId":"3335", "titleText":"Button 3", "smallImageName":"cr_button3.png", "transitionType":"fade"},
{"itemId":"2223", "itemType":"BT_menuItem", "loadScreenWithItemId":"3336", "titleText":"Button 4", "smallImageName":"cr_button4.png", "transitionType":"fade"},
{"itemId":"2224", "itemType":"BT_menuItem", "loadScreenWithItemId":"3337", "titleText":"Button 5", "smallImageName":"cr_button5.png", "transitionType":"fade"}
]},