Wednesday 27 December 2017

Xamarin.Forms Custom Slider

Hello My Xamarin Friends,

welcome back to my new post, today i would like to talk about xamarin forms CustomSlider, so let's start,
Slider is  the input control for a linear value. 
So we will first create a class whose name "CustomSlider" and then we will write a code in "C #"

Now we can write some code in android project for set

Then we create in Ios Project Also

Please make sure add view reference.....
xmlns:local="clr-namespace:CustomSliderApp"
then write xaml code in main page.
TADDAAAA!

You should have your CustomSlider working!!
If You want to watch related video click Here Custom Rendered Slider

Public Property of Slider:-
  1. Maximum Double. =(Maximum="100")
  2. Minimum Double. =(Minimum="0")
  3. Value Double. =(Value="20")

Features of CustomSlider controls:-

  1. Custom Max Color Property=(MaxColor="Red")
  2. Custom Min Color Property=(MinColor="Yellow")
  3. Custom ThumbColor Radius Property=(ThumbColor="Black")
  4. Custom ThumbImage Property=(ThumbImage="icon.png")

3 comments:

  1. Hi, thank you for sharing your code
    Do you happen to know how to have a circular slider?
    Thanks in advance

    ReplyDelete
  2. I wondered upon your pos and wanted to say that I have really enjoyed reading your blog posts. Any way I’ll be subscribing to your feed and I hope you post again soon. Thanks for Sharing the valuable information.

    Nodejs Development Company

    ReplyDelete
  3. Very nice tutorial. Could you help me with increasing the height of the slider bar alone, without affecting the size of the thumb?

    ReplyDelete

Featured Post

Sliding Entry In Xamarin.Forms

  Today, I am going to show you how to create a Custom Slide entry in Xamarin.Forms with animation and also using gradient color. here is Y...