AndreiMisiukevich / SideMenu

IMPORTANT: THIS CONTROL WAS MERGED INTO XamarinCommunityToolkit. I recomment to use it

https://github.com/xamarin/XamarinCommunityToolkit

SideMenu

Setup

• Available on NuGet: SideMenu
• Add nuget package to your Xamarin.Forms .NETSTANDARD/PCL project and to your platform-specific projects
• Add SideMenuViewRenderer.Preserve() AFTER Forms.Init(...):
  • iOS: FinishedLaunching in AppDelegate
  • Android: OnCreate in MainActivity

Platform	Version
Xamarin.iOS	iOS 7+
Xamarin.Mac	All
Xamarin.Android	API 15+
Windows 10 UWP	10+
Tizen	4.0+
Gtk	All
WPF	.NET 4.5
.NET Standard	2.0+

HOW TO USE:

1. Create SideMenuView
2. Add children elements
3. Use SideMenuView.Place attached property for determining if an element is MainView (default value), LeftMenu or RightMenu.
4. Use SideMenuView.MenuWidthPercentage attached property or WidthRequest property for determining side menu's size.
5. MainView element must have BackgroundColor set up (for example set White).

XAML:

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:side="clr-namespace:SideMenu;assembly=SideMenu"
             x:Name="Page"
             Title="SIDE MENU SAMPLE"
             x:Class="SideMenuSample.MainPage">

    <side:SideMenuView x:Name="SideMenu">
        <!--MainView with White Background Color-->
        <ContentView BackgroundColor="White">
          <!-- MainView Content -->
        </ContentView>

        <!-- Left Menu has 50% width of Main Content width-->
        <ScrollView side:SideMenuView.Place="LeftMenu"
                    side:SideMenuView.MenuWidthPercentage="0.5">
            <!-- LeftMenu Content -->
        </ScrollView>

        <!-- Right Menu has 35% width of Main Content width-->
        <ContentView side:SideMenuView.Place="RightMenu"
                     side:SideMenuView.MenuWidthPercentage="0.35">
            <!-- RightMenu Content -->
        </ContentView> 

    </side:SideMenuView>

</ContentPage>

Sample: https://github.com/AndreiMisiukevich/SideMenu/blob/master/SideMenuSample/MainPage.xaml

License

The MIT License (MIT) see License file

Contribution

Feel free to create issues and PRs 😃