更改 UIView 旋转将更改其框架大小。旋转后如何保持框架尺寸?

Vah*_*hid 4 core-graphics uiview swift

我正在旋转UIViewUIRotationGestureRecognizer但有一个问题,旋转后的UIView框架大小将在旋转时更改。

targetView = UIView(frame: CGRect(x: self.view.center.x, y: self.view.center.y , width: 100, height: 100))
targetView.backgroundColor = .red
targetView.isUserInteractionEnabled = true
self.view.addSubview(targetView)

targetView.center = self.view.center

let rotate = UIRotationGestureRecognizer(target: self, action: #selector(rotatedView))
targetView.addGestureRecognizer(rotate)
Run Code Online (Sandbox Code Playgroud)

这是旋转函数:

@objc func rotatedView(_ sender: UIRotationGestureRecognizer) {
var originalRotation = CGFloat()
if sender.state == .began {
    sender.rotation = lastRotation 
    originalRotation = sender.rotation

    print("TargetView Frame Size: [START ROTATE] ", self.targetView.frame.size)
    print("TargetView Bounse Size: [START ROTATE] ", self.targetView.bounds)

} else if sender.state == .changed {
    let newRotation = sender.rotation + originalRotation
    sender.view?.transform = CGAffineTransform(rotationAngle: newRotation)

    print("TargetView Frame Size: [ROTATETING] ", self.targetView.frame.size)
    print("TargetView Bounse Size: [ROTATING ROTATE] ", self.targetView.bounds)
    }
}
Run Code Online (Sandbox Code Playgroud)

尺寸将改变:

TargetView Frame Size: [START ROTATE]  (100.0, 100.0)
TargetView Frame Size: [ROTATETING]  (110.564206726133, 110.564206726133)
Run Code Online (Sandbox Code Playgroud)

如何像开始旋转一样在旋转后保持框架尺寸?!

编辑:

我同时使用这些手势:旋转、调整大小、移动。

移动工作正常,但旋转正在改变大小。我可以在这里使用边界,但如果我也调整大小,边界就不再有用了。

vac*_*ama 5

您需要缩放但未旋转的视图尺寸。bounds.size您可以根据视图的 和 来计算transform

例子

let view = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 150))

// Scale view by 3X horizontally and by 4X vertically and
// rotate by 45 degrees
view.transform = CGAffineTransform(scaleX: 3, y: 4).rotated(by: 45.0 / 180.0 * .pi)

let transform = view.transform

// Find the angle, print it in degrees
let angle = atan2(-transform.c, transform.a)
print(angle * 180.0 / .pi) // 44.99999999999999

// Find scaleX and scaleY
let scaleX = transform.a * cos(angle) - transform.c * sin(angle)
let scaleY = transform.d * cos(angle) + transform.b * sin(angle)
print(scaleX) // 3.0
print(scaleY) // 4.0

print(view.frame.size)  // (530.3300858899106, 707.1067811865476)
print(view.bounds.size) // (100.0, 150.0)

let adjustedSize = CGSize(width: view.bounds.size.width * scaleX, height: view.bounds.size.height * scaleY)

// print non-rotated but scaled size
print(adjustedSize) // (300.0, 600.0)
Run Code Online (Sandbox Code Playgroud)

这是一个方便的扩展,适用于缩放、旋转和平移(移动)的视图:

extension CGAffineTransform {
    var angle: CGFloat { return atan2(-self.c, self.a) }

    var angleInDegrees: CGFloat { return self.angle * 180 / .pi }

    var scaleX: CGFloat {
        let angle = self.angle
        return self.a * cos(angle) - self.c * sin(angle)
    }

    var scaleY: CGFloat {
        let angle = self.angle
        return self.d * cos(angle) + self.b * sin(angle)
    }
}
Run Code Online (Sandbox Code Playgroud)

现在,如果你有一个 UIView:

let angle = view.transform.angleInDegrees
let scaleX = view.transform.scaleX
let scaleY = view.transform.scaleY
let adjustedSize = CGSize(width: view.bounds.size.width * scaleX, height: view.bounds.size.height * scaleY)
Run Code Online (Sandbox Code Playgroud)