Skip to content
No description or website provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.nuget Updated RealSimpleCircle to use latest version Mar 4, 2018
sample
src Added flow settings and implemented circle snake Apr 8, 2019
.gitattributes
.gitignore
CHANGELOG.md updated changelog for new release Mar 4, 2018
CircleButtonMenu.sln
LICENSE Initial commit Feb 26, 2018
README.md Fixings sample code spacing Apr 8, 2019
build.cake Updated build and nuget files Feb 26, 2018
build.ps1
build.sh Copied files over from template Feb 26, 2018
demo-circle.gif Added basic implementation of Circle Direction Apr 8, 2019
demo.gif Updated gif to use new sample project code Apr 2, 2019

README.md

Circle Button Menu for Xamarin.Forms

A Circle Button Menu Control for Xamarin.Forms

Setup

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

Build

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 +

Demo Demo-Circle

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

License

The MIT License (MIT) see License File

You can’t perform that action at this time.