低质量的 TabBarItem 图像

Question

我有一个tabbarcontroller ，对于其中一个tabbaritem图像，它显示模糊且质量低下。 由于此图像是个人资料图像，并且可能因用户输入而异，因此我有辅助函数来帮助对图像进行平方、调整大小和四舍五入。

我找不到任何解决此问题的 SO 答案，任何想法将不胜感激。

extension UIImage {

    var roundMyImage: UIImage {
        let rect = CGRect(origin:CGPoint(x: 0, y: 0), size: self.size)
        UIGraphicsBeginImageContextWithOptions(self.size, false, 0)
        UIBezierPath(
            roundedRect: rect,
            cornerRadius: self.size.height
            ).addClip()
        self.draw(in: rect)
        return UIGraphicsGetImageFromCurrentImageContext()!
    }
    
    func resizeMyImage(newWidth: CGFloat) -> UIImage {
        let scale = newWidth / self.size.width
        let newHeight = self.size.height * scale
        UIGraphicsBeginImageContext(CGSize(width: newWidth, height: newHeight))

        self.draw(in: CGRect(x: 0, y: 0, width: newWidth, height: newHeight))
        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return newImage!
    }
    
    func squareMyImage() -> UIImage {
        UIGraphicsBeginImageContext(CGSize(width: self.size.width, height: self.size.width))

        self.draw(in: CGRect(x: 0, y: 0, width: self.size.width, height: self.size.width))

        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return newImage!
    }
}

let newImage: UIImage = someImage.squareMyImage().resizeMyImage(newWidth: 24).roundMyImage.withRenderingMode(.alwaysOriginal)
            firstTabNav.tabBarItem.image = newImage
            firstTabNav.tabBarItem.selectedImage = newImage

Answer 1

没有选项的 UIGraphicsBeginImageContext 为您提供比例设置为 1.0 的上下文 - 对于视网膜屏幕，这不是您想要的。 如果您使用 UIGraphicsBeginImageContextWithOptions 您可以传递 0.0 进行缩放，并且根据文档：“如果您指定 0.0 的值，则缩放因子设置为设备主屏幕的缩放因子” - 您似乎有不一致的缩放值squareMyImage、roundMyImage 和 resizeMyImage