A slideout navigation control for Monotouch.
C# Ruby
Latest commit 00315f1 Dec 8, 2016 @jdehlin committed on GitHub Merge pull request #71 from martijn00/master
Update nuget package

README.md

Xamarin-Sidebar

A slideout navigation control for Xamarin iOS applications.

Get the package on Nuget!

If you're using Sidebar Navigation send me a link to your app and I'll happily post it here.

Menu Open

This is partly based on two other good slideout menu implementation that each didn't provide quite what I was looking for. Those two are FlyoutNavigation and SlideoutNavigation.

Xamarin-Sidebar allows you to provide one UIViewController to be used as a content view and another to be used as a menu. When you open the menu the content view will slide over to reveal the provided menu UIViewController.

To set it up just create a root UIViewController and a SidebarController, passing in your content and menu controllers.

RootViewController.cs

using SidebarNavigation;
...
public partial class RootViewController : UIViewController
{
    // the sidebar controller for the app
    public SidebarController SidebarController { get; private set; }

    public override void ViewDidLoad()
    {
        base.ViewDidLoad();

        // create a slideout navigation controller with the top navigation controller and the menu view controller
        SidebarController = new SidebarController(this, new ContentController(), new SideMenuController());
    }
}
...

AppDelegate.cs

...
public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
    window = new UIWindow(UIScreen.MainScreen.Bounds);

    // set our root view controller with the sidebar menu as the apps root view controller
    window.RootViewController = new RootViewController();

    window.MakeKeyAndVisible();
    return true;
}
...

In the content controller you can add a button to open the slideout menu.

menuButton.TouchUpInside += (sender, e) => {
    SidebarController.ToggleMenu();
};

In the side menu controller you can add buttons to change the content view.

otherContentButton.TouchUpInside += (sender, e) => {
    SidebarController.ChangeContentView(new OtherContentController());
};

Additional options include hiding the shadow, setting the menu width, and placing the menu on the left.

SidebarController.HasShadowing = false;
SidebarController.MenuWidth = 220;
SidebarController.MenuLocation = SidebarController.MenuLocations.Left;

See the sample projects included in the source for more details.