修改layer的anchorPoint需要注意的问题

最新推荐文章于 2025-08-12 18:06:10 发布

转载最新推荐文章于 2025-08-12 18:06:10 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/iosscoket/blog/483901

文章标签：

#python

本文深入探讨了iOS视图的锚点属性如何影响旋转动画，并提供了解决视图位置改变问题的两种方法。通过实例代码演示了锚点属性与视图中心点的关系，以及如何在旋转动画中正确使用锚点以保持视图位置不变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

当我们需要做旋转动画时，默认情况都是以视图的中点作为轴进行旋转的，但有时我们需要改变旋转的轴，这个时候需要通过改变视图layer的anchorPoint属性来满足需求。

anchorPoint是一个CGPoint类型，取值范围为(0, 0)~(1, 1)，默认值为(0.5, 0.5)。但直接改变anchorPoint会意外的发现视图的位置改变了。看下面这个例子：

self.aView = UIView(frame: CGRect(x: 0, y: 0, width: 120, height: 120))
self.aView.backgroundColor = UIColor.blackColor()
self.view.addSubview(aView)

println("view's bounds: \(self.aView.bounds)")
println("view's frame: \(self.aView.frame)")
println("view's center: \(self.aView.center)")

println("layer's bounds: \(self.aView.layer.bounds)")
println("layer's frame: \(self.aView.layer.frame)")
println("layer's position: \(self.aView.layer.position)")
println("layer's anchorPoint: \(self.aView.layer.anchorPoint)")

self.aView.layer.anchorPoint = CGPoint(x: 0, y: 0)

println()
println("view's bounds: \(self.aView.bounds)")
println("view's frame: \(self.aView.frame)")
println("view's center: \(self.aView.center)")

println("layer's bounds: \(self.aView.layer.bounds)")
println("layer's frame: \(self.aView.layer.frame)")
println("layer's position: \(self.aView.layer.position)")
println("layer's anchorPoint: \(self.aView.layer.anchorPoint)")

这段代码很容易理解，创建了一个UIView，是一个边长为120的正方形，起点为屏幕的原点。当改变其anchorPoint时发现它在屏幕中的位置改变了。通过打印view和layer位置相关的属性，发现view的center与layer的position、anchorPoint是关联在一起的，在屏幕中指同一个点。改变anchorPoint时，这三个值还是指向同一个点，但layer的frame的origin将会改变。

为了解决这个问题有两种方法：

1. 定义一个私有方法传入改变后的anchorPoint，和需要改变anchorPoint的view

private func setAnchorPoint(anchoPoint: CGPoint, forView view: UIView) {
    var newPoint: CGPoint = CGPoint(x: view.bounds.width * anchoPoint.x, y: view.bounds.height * anchoPoint.y)
    var oldPoint: CGPoint = CGPoint(x: view.bounds.width * view.layer.anchorPoint.y, y: view.bounds.height * view.layer.anchorPoint.y)
    
    newPoint = CGPointApplyAffineTransform(newPoint, view.transform)
    oldPoint = CGPointApplyAffineTransform(oldPoint, view.transform)
    
    var position = view.layer.position
    position.x -= oldPoint.x
    position.x += newPoint.x
    
    position.y -= oldPoint.y
    position.y += newPoint.y
    
    view.layer.position = position
    view.layer.anchorPoint = anchoPoint
}

2. 直接修改该view的frame

var originRect = self.aView.frame
self.aView.layer.anchorPoint = CGPoint(x: 0, y: 0)
self.aView.frame = originRect

经过测试，两种方式的结果是相同的。

转载于:https://my.oschina.net/iosscoket/blog/483901