CGAffineTransform:同时应用平移和缩放

Question

我有两个UILabel。一个大的在屏幕左边，一个小的在屏幕右边。

我试图使用CGAffineTransform动画移动较小的标签到较大的地方，并将其缩放到相同的大小，并将较大的一个移出屏幕。

我实际上并没有移动标签，在动画完成后，我改变了标签上的文本属性，并将它们的变换设置为identity。

我的问题是，我不知道如何计算确切的x和y值，我必须翻译我的小标签。我认为我所拥有的值是不准确的，因为我在翻译它的同时缩放了标签，并且tx和ty值是用较小标签的非缩放大小计算的。

我目前的工作:tx:大标签的宽度+它与小标签之间的距离，ty:两个标签在y轴上的中心之间的距离

Answer 1

有多种方法可以做到这一点-这里有一个…

首先计算转换值和缩放值，并将它们连接起来:

let translation = CGAffineTransform(translationX: xMove, y: yMove)
let scaling = CGAffineTransform(scaleX: xScale, y: yScale)

let fullTransform = scaling.concatenating(translation)

这里有一个完整的例子…我们添加了两个不同字体大小、位置和背景颜色的标签(为了便于查看)。点击任意位置来运行转换动画:

class ViewController: UIViewController {
let labelA = UILabel()
let labelB = UILabel()

var aTop: NSLayoutConstraint!
var aLeading: NSLayoutConstraint!
var bTop: NSLayoutConstraint!
var bLeading: NSLayoutConstraint!

override func viewDidLoad() {
super.viewDidLoad()
[labelA, labelB].forEach { v in
v.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(v)
}

labelA.text = "Label A"
labelB.text = "Label B"

labelA.backgroundColor = .green
labelB.backgroundColor = .cyan

labelA.font = .systemFont(ofSize: 40.0)
labelB.font = .systemFont(ofSize: 20.0)
// respect safe area
let g = view.safeAreaLayoutGuide

aTop = labelA.topAnchor.constraint(equalTo: g.topAnchor, constant: 100.0)
aLeading = labelA.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 40.0)

bTop = labelB.topAnchor.constraint(equalTo: g.topAnchor, constant: 300.0)
bLeading = labelB.leadingAnchor.constraint(equalTo: g.leadingAnchor, constant: 240.0)

NSLayoutConstraint.activate([
aTop, aLeading,
bTop, bLeading,
])

let t = UITapGestureRecognizer(target: self, action: #selector(self.doAnim(_:)))
view.addGestureRecognizer(t)

}

@objc func doAnim(_ g: UITapGestureRecognizer?) -> Void {

let targetPoint = labelA.center
let originPoint = labelB.center

let xMove = targetPoint.x - originPoint.x
let yMove = targetPoint.y - originPoint.y
let xScale = labelA.frame.width / labelB.frame.width
let yScale = labelA.frame.height / labelB.frame.height

let translation = CGAffineTransform(translationX: xMove, y: yMove)
let scaling = CGAffineTransform(scaleX: xScale, y: yScale)

let fullTransform = scaling.concatenating(translation)

UIView.animate(withDuration: 1.0, animations: {
self.labelB.transform = fullTransform
}) { [weak self] b in
guard let self = self else { return }
self.labelB.transform = .identity
self.labelB.font = self.labelA.font
self.bTop.constant = self.aTop.constant
self.bLeading.constant = self.aLeading.constant
}
}

}