如何仅旋转UIButton的图片而不旋转按钮本身？

嘿，这个问题我之前也碰到过！你现在的代码self.toggle.transform = CGAffineTransform(rotationAngle: .pi/4)是把整个按钮（包括文字、背景、图片）都旋转了，要单独只转图片的话，只需要针对按钮的imageView属性操作就可以了，具体方法如下：

核心解决方案 #

直接修改按钮imageView的transform属性，而不是按钮本身的：

// 只旋转按钮的图片，按钮本身保持不变
self.toggle.imageView?.transform = CGAffineTransform(rotationAngle: .pi/4)

注意事项 & 进阶用法 #

• 确保imageView存在：如果按钮还没完成初始化，imageView可能为nil，建议加个安全判断，或者在viewDidAppear之后再执行旋转代码：

  guard let imageView = self.toggle.imageView else {
      print("按钮的imageView尚未初始化")
      return
  }
  imageView.transform = CGAffineTransform(rotationAngle: .pi/4)
  

• 添加旋转动画：如果需要平滑的动画效果，可以用UIView.animate包裹：

  UIView.animate(withDuration: 0.3) {
      self.toggle.imageView?.transform = CGAffineTransform(rotationAngle: .pi/4)
  }
  

• 复位旋转状态：如果需要把图片恢复到原始状态，只需要把transform设为.identity即可：

  self.toggle.imageView?.transform = .identity
  

• 处理图片溢出问题：如果旋转后图片超出按钮边界，可以设置按钮的clipsToBounds为true，避免图片显示到按钮外面：

  self.toggle.clipsToBounds = true
  

示例：点击按钮切换图片旋转状态 #

比如在按钮的点击事件里实现“旋转/复位”的切换效果：

@IBAction func toggleButtonAction(_ sender: UIButton) {
    guard let imageView = sender.imageView else { return }
    
    if imageView.transform == .identity {
        // 第一次点击：旋转45度
        UIView.animate(withDuration: 0.3) {
            imageView.transform = CGAffineTransform(rotationAngle: .pi/4)
        }
    } else {
        // 再次点击：恢复原样
        UIView.animate(withDuration: 0.3) {
            imageView.transform = .identity
        }
    }
}

这样操作后，按钮本身的位置、文字都不会受影响，只有图片会旋转啦～

内容的提问来源于stack exchange，提问作者vikas patidar