Animated Settings

buzztouch plugin: Animated Settings
By: chris1
Version: v1.0
Shows an animated settings button in the nav-bar of your screen of choice.
works on iOS iOS
Developer Info
Latest Review
Screenshots
More Information
The Animated Settings plugin is not a screen, but rathar a button to be placed in the nav-bar of an existing screen. The button shows three vertical bars with knobs that animate up and down. You can customize the color of the bars and knobs, as well as the speed and delay of the animation.

Installation is easy, but does require adding two lines of code to your project, and then setting custom JSON properties on the screen(s) you want to show the button. When the button is clicked, it will load the screen you have set in the "Top navigation bar" section of your screen's control panel page. (This property is labeled as "Button Load Screen" in that section).

DEMO VIDEO
------------------------
http://youtu.be/pl3uKSXOY4c


iOS Project Files
------------------------
CR_animatedSettingsView.m
CR_animatedSettingsView.h


INSTALLATION INSTRUCTIONS
----------------------------------------------------------------------------------------------
TO USE THIS PLUGIN, YOU MUST MAKE A SMALL CHANGE TO THE CODE IN THE APP, AND THEN ADD CUSTOM JSON SETTINGS TO THE SCREENS YOU WANT TO HAVE SHOW THE BUTTON ON THE CONTROL PANEL.

1) CODE CHANGES IN XCODE:
--Open the BT_viewController.m file located in the BT_Layout group/folder in your XCode project.
--Toward the top, find the section where the imports are located. Add this line directly underneath the last import:

#import "CR_animatedSettingsView"

--Find the viewWillAppear method in the BT_viewController.m file. The last line will probably look like:
[self configureBackground];

--Add this line directly underneath that line of code:
CR_animatedSettingsView *settingsView = [[CR_animatedSettingsView alloc] initWithPlugin:self];

--(note: this will create a yellow warning saying "Unused variable settingsView". You can safely ignore this warning. Rest assured that the variable is indeed being used!


2) ADD CUSTOM JSON PROPERTIES
--On the Control Panel, you will need to add one or more custom JSON properties to each screen that you want to have show the button. If you need help adding a custom JSON property, post a question on the forums. It's really easy.

--Required Property:
"showAnimatedSettings":"1",

--Optional Properties:
"animationSettingsBarColor":"#FF0000", //color of vertical bars
"animationSettingsKnobColor":"#4F9900", //color of square knobs
"animationSettingsDelay":"4.5", //delay (in seconds) between each animation cycle
"animationSettingsDuration":"1.5", //duration (in seconds) of each animation cycle


Note: These JSON properties can also be set in a theme, using the Themes section on the Control Panel for your app.
----------------------------------------------------------------------------------------------

JSON Data
------------------------
This is an example of how the JSON for an existing screen might look that show's the Animated Settings button:
{
     "itemId":"test",
     "itemType":"BT_screen_menuListSimple",
     "navBarStyle":"solid",
     "navBarTitleText":"Look Here ---->",
     "showAnimatedSettings":"1",
     "animationSettingsBarColor":"#4F9900",
     "animationSettingsKnobColor":"#FF0000"},
     "navBarRightButtonTapLoadScreenNickname": "cool screen",
     "navBarRightButtonTapLoadScreenItemId": "27E26808003075E650864A0"
}