UISlider扭曲圆角

Question

我创建了一个UISlider，然后像这样设置min track的色调颜色：

    [slider setMinimumTrackTintColor:[UIColor whiteColor]];

然而，我最终在左边得到了扭曲的圆角，就像这样。我该怎么做？

​

​

编辑:以下是重现该问题的代码：

UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(40, 40, 180, 50)];

[slider setMinimumTrackTintColor:[UIColor whiteColor]];

Answer 1

​

​

我在增加滑块高度时遇到了同样的错误。

随着滑块高度的增加，滑块的边缘失去了圆角。为了解决这个问题，我创建了带有圆角的图像，并将其分配给滑块最小轨迹图像。

Swift

 override func viewDidLoad() {
        super.viewDidLoad()

        slider.maximumTrackTintColor = UIColor.gray;

        let img:UIImage = GetImage(rectToDraw: CGRect(x: 0, y: 0, width: 400, height: 400));

        slider.setMinimumTrackImage(img.resizableImage(withCapInsets: UIEdgeInsets(top: 13,left: 15,bottom: 15,right: 14)), for: UIControlState.normal)
        slider.setMinimumTrackImage(img.resizableImage(withCapInsets: UIEdgeInsets(top: 13,left: 15,bottom: 15,right: 14)), for: UIControlState.selected)
    }

    func GetImage(rectToDraw:CGRect) -> UIImage {

        let layer:CALayer =  CALayer()
        layer.frame = rectToDraw;
        layer.cornerRadius = 20;
        layer.backgroundColor = UIColor.red.cgColor;
        UIGraphicsBeginImageContext(layer.frame.size)
        layer.render(in: UIGraphicsGetCurrentContext()!)
        let  image :UIImage = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        return image;
    }

Xamarin.iOS

在自定义渲染器中

 protected override void OnElementChanged(ElementChangedEventArgs<Slider> e)
            {
                MySlideriOS sliderIos = new MySlideriOS();
                SetNativeControl(sliderIos);
                base.OnElementChanged(e);
            }

在自定义滑块中

 public class MySlideriOS : UISlider
    {
        public UILabel label = null;

        public MySlideriOS()
        {

             this.MaximumTrackTintColor = UIColor.Gray;

            UIImage img = GetImage(new CGRect(0,0,400,400));

            this.SetMinTrackImage(img.CreateResizableImage(new UIEdgeInsets(13, 15, 15,14)), UIControlState.Normal);
            this.SetMinTrackImage(img.CreateResizableImage(new UIEdgeInsets(13, 15, 15, 14)), UIControlState.Selected);


            this.MaxValue = 15;
        }
 public UIImage GetImage(CGRect recttoDraw)
        {
            CGRect rect = recttoDraw;

            CALayer layer = new CALayer();
            layer.Frame = recttoDraw;
            layer.CornerRadius = 20;
            layer.BackgroundColor = UIColor.Red.CGColor;
            UIGraphics.BeginImageContext(layer.Frame.Size);
            layer.RenderInContext(UIGraphics.GetCurrentContext());
            UIImage image = UIGraphics.GetImageFromCurrentImageContext();
            UIGraphics.EndImageContext();
            return image;

        }

Answer 2

我也遇到过同样的问题，并找到了一个解决方案，即根据颜色为滑块添加一个minimumTrackImage。

UIImage *black = [UIImage imageWithColor:[UIColor blackColor]];
[self.slider setMinimumTrackImage:black forState:UIControlStateNormal];

使用以下方法添加一个UIImage类别- imageWithColor

+ (UIImage *)imageWithColor:(UIColor *)color {
    CGRect rect = CGRectMake(0.0f, 0.0f, 1.0, 1.0);
    UIGraphicsBeginImageContext(rect.size);
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColorWithColor(context, [color CGColor]);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return image;
}