Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codechem/CC.CircularSlider
A Circular Slider control for Xamarin.Forms.
https://github.com/codechem/CC.CircularSlider
Last synced: 30 days ago
JSON representation
A Circular Slider control for Xamarin.Forms.
- Host: GitHub
- URL: https://github.com/codechem/CC.CircularSlider
- Owner: codechem
- License: mit
- Created: 2020-12-07T08:49:07.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-09-12T11:38:28.000Z (3 months ago)
- Last Synced: 2024-11-01T12:05:27.929Z (about 1 month ago)
- Language: C#
- Size: 1.3 MB
- Stars: 17
- Watchers: 4
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-xamarin-forms - CC.CircularSlider.Forms ★12
README
# CC.CircularSlider.Forms
[](https://www.nuget.org/packages/CC.CircularSlider.Forms/)
[](https://www.nuget.org/packages/CC.CircularSlider.MAUI)
Circle Slider Component for Xamarin.Forms and .NET MAUI.
## Preview
## Supported Platforms
Supported platforms are currently iOS and Android, UWP support is possible, but not in scope right now, drop an issue if you're interested in having it implemented, or open a PR, of course.
## Setup
Supported platforms are currently iOS and Android, UWP support is possible, but not in scope right now, drop an issue if you're interested in having it implemented, or open a PR, of course.
```
Install-Package CC.CircularSlider.Forms
```
## Usage
### Xamarin.Forms
```xml
```
### .NET MAUI
```xml
```
And in the C#:
```c#
namespace CircularSliderSample
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}
private void CircularSlider_OnValueChanged(object sender, ValueChangedEventArgs e)
{
Console.WriteLine(e.NewValue);
}
}
}
```
This should give you a page with a large slider embedded.
## Bindable Properties/Events
| Type | Property | Description | Default Value |
|------------|---------------------------|-------------------------------------------------------------------------------------------------------------------------------------|----------------------------|
| Property | Minimum | The minimum value of the slider. | `0` |
| Property | Maximum | The maximum value of the slider. | `1` |
| Property | TrackColor | The color of the background track (the back, unfilled part of the slider) | `Color.Gray` |
| Property | TrackProgressColor | The color of the progress track (the front, filled part of the slider) | `Color.Red` |
| Property | KnobColor | The color of the knob/handle of the slider | `Color.Red` |
| Property | TrackWidth | The width of the background track (the back, unfilled part of the slider) | `20` |
| Property | TrackProgressWidth | The width of the progress track (the front, filled part of the slider) | `10` |
| Property | KnobWidth | The width of the knob/handle of the slider | `5` |
| Property | Value | The `Value` of the slider. | `0` |
| Property | Start | The `Start` of the slider in degrees (0 degrees is on the right side of the circle, and the angles are clockwise). | `90` |
| Property | Arc | How many degrees the slider should take up from the start (Max 360 - a full circle) | `360` |
| Property | PaddingAround | Spacing from the edges of the control. | `25` |
| Event | ValueChanged | Event fired when the value changes due to user interaction - same event args as the regular Xamarin.Forms Slider control. | |
## Dependencies and special thanks
- SkiaSharp.Views.Forms
- SkiaSharp.Views.Maui.Controls