Изменить положение большого пальца изображения на ползунке

Question

Я настроил слайдер, добавив изображение большого пальца, как показано в ссылке ниже.https://github.com/xamarin/recipes/tree/master/Recipes/ios/standard_controls/sliders/specify_slider_appearance

По умолчанию изображение прикреплено к панели в ее центре.Я хочу переместить это вниз изображения.Может ли кто-нибудь помочь мне с этим.я хочу это как показано здесь .

Answer 1

Вы можете настроить UISlider и переопределить метод ThumbRectForBounds. Метод Возвращает прямоугольник рисования для большого пальца ползунка.

код:

public partial class ViewController1 : UIViewController 
{
    public ViewController1() : base("ViewController1", null)
    {
    }

    public override void ViewDidLoad()
    {
        base.ViewDidLoad();

        MySlider slider = new MySlider();
        slider.Frame = new CGRect(50, 50, 100, 20);
        View.Add(slider);
    }
}


public class MySlider : UISlider
{
    public MySlider()
    {
        this.SetThumbImage(UIImage.FromFile("1.png"), UIControlState.Normal);
    }

    public override CGRect ThumbRectForBounds(CGRect bounds, CGRect trackRect, float value)
    {
        CGRect rect = base.ThumbRectForBounds(bounds, trackRect, value);
        return new CGRect(rect.X, -10, rect.Width, rect.Height);
    }
}

Answer 2

Создайте изображение с полной прозрачностью в нижней половине и установите его как изображение большого пальца.Примерно так: