Skip to content

FreakyCheckBox

Gulam Ali H edited this page Dec 19, 2022 · 2 revisions

A Freaky Checkbox that uses SkiaSharp to display checkboxes and a ContentView as a View Holder.

   <freakyControls:FreakyCheckbox
        OutlineColor="{StaticResource Primary}"
        FillColor="{StaticResource Primary}"
        CheckColor="White"
        HasCheckAnimation="True"
        CheckedChanged="FreakyCheckbox_CheckedChanged"
        Design="Unified"
        Shape="Circle" />

Design: An enum which lets you choose whether you would like to have a native checkbox design or a unified one. If you select native, it automatically decides the Shape of the Checkbox based on your platform.

Shape: An enum which lets you decide if you want a rectangular or a circular checkbox.

AnimationType: An enum which lets you decide the type of Animation you would like on your Checkbox, options are as shown below:

   public enum AnimationType
   {
      Default,
      Bounce,
      Flip,
      Rotate,
      Slam
   }

CheckType: An enum which indicates the type of check you would like, default is a normal check. (Only works on unified checkboxes)

OutlineColor: The outline color of your Checkbox. The default is Black.

OutlineWidth: This defines the outline width for your checkbox.

FillColor: The color you want your Checkbox to fill. The default is Black.

CheckColor: The color for your checkbox's check. The default is White.

CheckWidth: This defines the width of the check for your checkbox.

HasCheckAnimation: Check animation annoys you? It's okay you can turn it off here! The default is set to true.

SizeRequest: This defines the size of your checkbox and works like height and width request, in case the space is available then it is allotted to the checkbox.

IsChecked: default is set to false, Changing this property changes the checked state of the checkbox.

CheckedChangedCommand: An ICommand you can use to subscribe to the Check changed event from your ViewModel. It also sends the current state of the CheckBox as a CommandParameter

CheckedChanged: An event that is raised when the check state for your checkbox changes.

Clone this wiki locally