UISegmentedControl图像缩放

Question

如何缩小 UISegmentedControl 中使用的图像？我正在以编程方式创建分段控件：

UISegmentedControl * segmentButton;
segmentButton = [UISegmentedControl segmentedControlWithItems:
                 [NSArray arrayWithObjects:
                  [UIImage imageNamed:@"option_one.png"],
                  [UIImage imageNamed:@"option_two.png"],
                  nil]];
segmentButton.contentMode = UIViewContentModeScaleToFill;
segmentButton.frame = CGRectMake(10, 10, 200, 32);
[view addSubview:segmentButton];

结果不是我所期望的。原始 .png 图像大约 100 像素高，并且它们没有缩小以适合分段控件的 32 像素高度。这会导致分段控件被绘制，巨大的图像与其重叠：

我怎样才能告诉控件缩小这些图像图像？

Answer 1

您永远不应该使用“大”图像来仅显示小图片。完整图像将加载到内存中，并且仅显示其像素的 10%，因此您将徒劳地使用大量内存。

如果您确实想使用此资源，您可以做的就是使用之前的代码创建一个缩略图，然后使用这个新生成的缩略图。

以下方法返回一个可以在 UISegmentedControl 中使用的新图像，并且可以释放大图像。

- (UIImage *)imageWithImage:(UIImage *)image scaledToSize:(CGSize)newSize {
    UIGraphicsBeginImageContext(newSize);
    [image drawInRect:CGRectMake(0, 0, newSize.width, newSize.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();    
    UIGraphicsEndImageContext();
    return newImage;
}

用你的代码：

UISegmentedControl * segmentButton;
segmentButton = [UISegmentedControl segmentedControlWithItems: [NSArray arrayWithObjects:
                  [self imageWithImage:[UIImage imageNamed:@"option_one.png"] scaledToSize:CGSizeMake(32, 32)],
                  [self imageWithImage:[UIImage imageNamed:@"option_two.png"] scaledToSize:CGSizeMake(32, 32)],
                  nil]];
segmentButton.contentMode = UIViewContentModeScaleToFill;
segmentButton.frame = CGRectMake(10, 10, 200, 32);
[view addSubview:segmentButton];

Answer 2

在斯威夫特3中，

extension UIImage {
    func scaleImage(scaleToSize: CGSize) -> UIImage {
        UIGraphicsBeginImageContext(scaleToSize)

        self.draw(in: CGRect(origin: CGPoint(x: 0, y: 0), size: scaleToSize))
        let newImage = UIGraphicsGetImageFromCurrentImageContext()

        UIGraphicsEndImageContext()
        return newImage!
    }
}

Answer 3

对于 iOS 14 及更高版本

UIGraphicsGetImageFromCurrentImageContext 使一些图像不太清晰，所以我更改为 UIGraphicsImageRenderer，它对我来说效果很好。

extension UIImage {
    func resizedImage(to targetSize: CGSize) -> UIImage? {
        let render = UIGraphicsImageRenderer(size: targetSize)
        return render.image { ctx in
            self.draw(in: .init(origin: .zero, size: targetSize))
        }
    }
}

class SomeView: UIView {
    func initSegementedControl() {
        exampleSegmenedControl = UISegmentedControl(items:[
            leftImage.resizedImage(to: .init(width: 15, height: 15))!,
            rightImage.resizedImage(to: .init(width: 15, height: 15))!
        ])
    }    

}