Introducing the Slide Menu View.
You have seen this effect in Facebook, Buzztouch Go and many more.
Normally you would have a table view with a list of menu items, you click it centres in the middle.
You can set a left and right navigation drawer or both.
You are not limited to a table view, you can add whatever plugin screens you so desire.
Why not have a vertical Buzz Carousel as the menu picker?
Put the Mosaic plugin on the right.
Any plugin can be modified to add to the left or right.
For menus only 2 lines of code need to be added and one removed.
Add hamburger nav bar buttons to the nav bars with easy guidance.
It looks great on all iOS devices.
Instructions. In the control panel
1. Create a Slide Menu View screen in your control panel.
2. Add a Home Screen this will be the first plugin screen shown.
3. Add a Left View Screen or Right View Screen or both.
4. You can alter the individual widths of each side.
5. It requires a none tabbed layout and the Slide Menu View set as the home screen.
Instructions for Xcode
1. You can run the project and everything will be displayed, you can swipe left and right, to view the screens either side of the Home screen.
2. When you click on a menu item though you will notice that the screen will load in the centre but the menu didn’t close. This maybe desirable but not for me.
3. In each of the plugins you use for the side views add
#import "AK_SlideMenuView.h"
to the top of the .m file with all of the others
4. To intercept taps in each menu look for this method
[self handleTapToLoadScreen:screenObjectToLoad theMenuItemData:theMenuItem];
This particular one is from the Simple Button Menu.
Replace it with this
[AK_SlideMenuView loadScreenFromSideMenu:screenObjectToLoad withMenuData:theMenuItem];
See how the methods look similar.
Note. screenObjectToLoad and theMenuItem have been replicated.
If there is no Menu Item Data just pass nil
[AK_SlideMenuView loadScreenFromSideMenu:screenObjectToLoad withMenuData:nil];
Instructions to add a Hamburger Button
1. Go to BT_viewController.m and add at the top #import "AK_SlideMenuView.h"
2. In the viewDidLoad method around line 67 add
self.navigationItem.leftBarButtonItem = [AK_SlideMenuView leftViewButton];
self.navigationItem.rightBarButtonItem = [AK_SlideMenuView rightViewButton];
If your using the left add the first, right use the second or add both.
3.Around line 235 under
//make sure iOS7 shows the built in back button...
[self.navigationItem setHidesBackButton:FALSE];
add this
self.navigationItem.leftBarButtonItem = nil;
4. That’s it your done.
DISCLAIMER SUPPORT IS ONLY OFFERED TO iOS7 AND ABOVE.
NOT COMPATIBLE WITH A TAB BAR
NAVIGATION BARS ARE NOT SHOWN IN THE SIDE MENUS
Videos of the plugin in action will be available on YouTube
https://www.youtube.com/KittsAppsVersion 1.0 Initial Release
iOS Project
------------------------
AK_SlideMenuView.h
AK_SlideMenuView.m
AK_SlideMenuView.xib
AKhamburger.png
BTViewController+MFSideMenuAdditions.h
BTViewController+MFSideMenuAdditions.m
MFSideMenu.h
MFSideMenuContainerViewController.h
MFSideMenuContainerViewController.m
MFSideMenuShadow.h
MFSideMenuShadow.m
Android Project
------------------------
NOT YET
JSON Data
------------------------
{
"itemId": "FCB5C877B3E3D9D30734992",
"itemType": "AK_SlideMenuView",
"itemNickname": "Home men",
"homeScreenNickname": "Blank",
"homeScreenId": "93BE5493FF8EFDF1D1BF8BE",
"leftScreenNickname": "Buttons",
"leftScreenId": "E3F1FC2595196FEB6BC9EED",
"rightScreenNickname": "Favorites",
"rightScreenId": "D097ABF301060518DF3775E",
"panMode": "1",
"leftViewWidthSmallDevice": "270",
"leftViewWidthLargeDevice": "270",
"rightViewWidthSmallDevice": "270",
"rightViewWidthLargeDevice": "100"
}