Circle Button Menu for Xamarin.Forms

A Circle Button Menu Control for Xamarin.Forms

Setup

• Available on NuGet:
• Install into your PCL/.NET Standard and Client Projects

Build

• 
• CI NuGet Feed: https://ci.appveyor.com/nuget/CircleButtonMenu

Platform Support

CircleButtonMenu is available for use in the following supported platforms.

| Platform | Supported | Version | |------------------|-----------|-------------| | Xamarin.Android | Yes | API 23 + | | Xamarin.iOS | Yes | iOS 10 + |

Usage

iOS and Android####

Initialize the renderer in the AppDelegate (iOS) and MainActivity (Android)

Xamarin.Forms.Init();
CircleButtonMenuRenderer.Init();

XAML:

Add the namespace in the xmlns:

xmlns:controls="clr-namespace:CircleButtonMenu.Abstractions;assembly=CircleButtonMenu.Abstractions"

Add the control:

<controls:CircleButtonMenu FillColor="Black"
                           StrokeColor="Red"
                           OpenImageSource="plus"
                           CloseImageSource="minus"
                           Direction="DownLeft"
                           Flow="Expand"
                           ItemsSource="{Binding Controls}"
                           IndexSelected="{Binding ControlSelected}" />

View Model:

public IEnumerable<string> Controls = new [] { "resource1", "resource2" };
public ICommand ControlSelected = new Command(() => /* do something */ );

Bindable Properties

| Property | Description | Default Value | Version | |-------------------|--------------------------------------------------------|----------------------------|---------| | FillColor | Gets or Sets the fill color for the circle. | Color.Black | v1.0.9 | | StrokeColor | Gets or Sets the circle border color | Color.Black | v1.0.9 | | OpenImageSource | Gets or Sets the open menu ImageSource | null | v1.0.9 | | CloseImageSource | Gets or Sets the close menu ImageSource | null | v1.0.9 | | ItemsSource | Gets or Sets the menu buttons | null | v1.0.9 | | IndexSelected | Gets or Sets the command for IndexSelected | null | v1.0.9 | | Direction | Gets or Sets the direction the controls will flyout in | Up | Preview | | Flow | Gets or Sets the flow of the controls, ex: Snake | Expand | Preview |

Created By: @Andrew_Hoefling

• Twitter: @Andrew_Hoefling
• Blog: andrewhoefling.com

License

The MIT License (MIT) see License File