ios - View 变换旋转使 iOS 中的图像渲染效果无效

Question

我创建了一个 UIButton 如下(带有阴影属性的圆形按钮，没什么特别的):

    let button = UIButton(type: .system)
    button.backgroundColor = UIColor(hexString: "4267B2")
    button.tintColor = .white
    button.setImage(#imageLiteral(resourceName: "add").withRenderingMode(.alwaysTemplate), for: .normal)
    button.addTarget(self, action: #selector(handleClick), for: .touchUpInside)
    button.translatesAutoresizingMaskIntoConstraints = false
    button.layer.cornerRadius = 32
    button.layer.shadowColor = UIColor.darkGray.cgColor
    button.layer.shadowRadius = 6
    button.layer.shadowOpacity = 0.6
    button.layer.shadowOffset = CGSize.zero

目的是在点击时看起来像一个添加按钮，它会旋转形成一个十字按钮。

func handleClick() {
    button.isSelected = !newPostButton.isSelected
    let rotationDirection: CGFloat = button.isSelected ? 1: -1
    UIView.animate(withDuration: 0.5) {
        self.button.transform = self.button.transform.rotated(by: (rotationDirection * .pi/4))
    }
}

我遇到的问题是，当旋转动画发生时，旋转效果很好，但是为按钮 .withRendering: 提供的图像被取消，如下所示:

有解决办法吗？ (请不要使用代码库)我通过网络搜索但没有一个有类似的问题。

Answer 1

您可以将按钮类型设置为 .custom 而不是 .system。这应该可以解决您的问题。