circlebuttonmenu's Introduction

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