UISlider扭曲的圆角

问题描述

我创建了一个UISlider，然后为这样的最小轨道设置了颜色：

I created a UISlider and then setting tint colour for min track like this :

    [slider setMinimumTrackTintColor:[UIColor whiteColor]];

但是我最终在左侧像这样扭曲了圆角。我该怎么办？

However I end up with distorted rounded corner on the left side like this. What do I do ?

编辑：这是重现问题的代码：

Here is the code that reproduces the issue :

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

[slider setMinimumTrackTintColor:[UIColor whiteColor]];

推荐答案

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

I have experienced the same error while increasing the height of the slider.

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

The edges of the slider lost the rounded corners, when the height of slider increased. To fix it I created images with rounded corners and assigned it to the slider minimum track image.

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;

        }

这篇关于UISlider扭曲的圆角的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！