Home

Awesome

Xamlly

Xamlly is a controls library for Xamarin.Forms, written entirely in XAML (or declarative code). It aims to provide good looking controls, without having to write custom renderers.

Currentlly, the library has these controls:

  1. ProgressBar
  2. Switch
  3. ToggleButton
  4. TogglesBar
  5. RadioButtonsGroup
<img src="https://raw.githubusercontent.com/mshwf/Xamlly/master/Xamlly.Sample/xamlly.gif" width="500" />

Include the namespace in the XAML file:

xmlns:xamlly="clr-namespace:Xamlly.XamllyControls;assembly=Xamlly"

ProgressBar

<xamlly:ProgressBar Progress=".3" ProgressColor="CadetBlue" OutlineColor="Black"
                    ProgressTextColor="White"
                    BackgroundColor="Black"
                    CornerRadius="10"
                    Padding="5"/>

Switch

 <xamlly:Switch CornerRadius="10" ButtonWidth="30" HorizontalOptions="Center"
                OnColor="Red"
                OffText="No" OnText="Yes"/>

ToggleButton

<xamlly:ToggleButton Text="ON" SelectedColor="White" UnselectedColor="Gray" BackgroundColor="Black" HorizontalOptions="CenterAndExpand"/>

TogglesBar

<xamlly:TogglesBar IsMultiSelect="False" ItemsSource="{Binding Options}" DisplayMemberPath="Name" SelectedColor="White" UnselectedColor="Gray" BackgroundColor="Black" HorizontalOptions="Fill"/>

RadioButtonsGroup

<xamlly:RadioButtonsGroup ItemsSource="{Binding Options}" DisplayMemberPath="Name" SelectedValuePath="ID"
                          SelectedIndex="2" OnSelectionChanged="rbg_OnSelectionChanged" RadioButtonColor="White" 
                          TextColor="White"/>

NOTE:

I didn't test on Mac (I don't have one currently), so controls might have some issues on iOS, so please test it on iOS before using in production code. I will remove this note once I test on Mac.

Install:

Install-Package Xamlly -Version 1.0.2

In the .NET standard project only.