Ios CGAffineTransform:同时应用平移和缩放
我有两个Ios CGAffineTransform:同时应用平移和缩放,ios,swift,xcode,cgaffinetransform,uianimation,Ios,Swift,Xcode,Cgaffinetransform,Uianimation,我有两个UILabels。屏幕左侧有一个较大的,右侧有一个较小的 我正在尝试使用cGraffeTransform制作动画,将较小的标签移动到较大标签的位置,并将其缩放到相同大小,然后将较大的标签移出屏幕 我实际上并没有移动标签,动画完成后,我更改标签上的文本属性,并将其变换设置为identity 我的问题是,我不知道如何计算精确的x和y值,我必须转换我的小标签。我认为我得到的值不准确,因为我在翻译标签的同时缩放标签,tx和ty值是用较小标签的非缩放尺寸计算的 我目前的工作: tx:较大标签的宽度
UILabel
s。屏幕左侧有一个较大的,右侧有一个较小的
我正在尝试使用cGraffeTransform
制作动画,将较小的标签移动到较大标签的位置,并将其缩放到相同大小,然后将较大的标签移出屏幕
我实际上并没有移动标签,动画完成后,我更改标签上的文本属性,并将其变换设置为identity
我的问题是,我不知道如何计算精确的x和y值,我必须转换我的小标签。我认为我得到的值不准确,因为我在翻译标签的同时缩放标签,tx
和ty
值是用较小标签的非缩放尺寸计算的
我目前的工作:
tx
:较大标签的宽度+它与较小标签之间的距离,ty
:y轴上两个标签中心之间的距离有多种方法可以做到这一点-这里有一种
首先计算平移值和比例值,然后将它们连接起来:
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
}
}
}