动画 UILabel 从中心调整大小？

Question

我想从中心调整标签大小并为该过程设置动画。但是，我可以使用的唯一选项是 CGAffineTransformMakeScale，其默认锚点为相应的 CALayer。

[UIView animateWithDuration:0.5 animations:^{
    self.title.transform = CGAffineTransformMakeScale(2.0,1.0);
}];

但它压扁了里面的文字。我考虑过这个answer，看起来问题在 Swift 中得到了解决。

但是，我不能只修改size 的一部分frame。如何在 Obj C 中解决这个问题？

Answer 1

这对你有用。您只需要为宽度和高度指定比例（默认为 1，这将无效）。这将为您的视图框架设置动画并将其设置回原始状态。

[UIView animateWithDuration:0.5
                  delay:0
                options:UIViewAnimationOptionBeginFromCurrentState
             animations:(void (^)(void)) ^{
                 self.textLabel.transform=CGAffineTransformMakeScale(3, 1);
             }
             completion:^(BOOL finished){
                 self.textLabel.transform=CGAffineTransformIdentity;
             }];

如果你不想恢复效果，那么你可以这样做

[UIView animateWithDuration:0.5
                  delay:0
                options:UIViewAnimationOptionBeginFromCurrentState
             animations:(void (^)(void)) ^{
                 self.textLabel.transform=CGAffineTransformMakeScale(3, 1);
             }
             completion:nil];

Answer 2

据我了解，您想通过动画更改 UILabel 的大小而不是文本。这可以通过抓取当前标签帧的副本，然后对其进行修改并重新设置来实现。

即

var frame = self.myLabel.frame
// frame modification ...
self.myLabel.frame = frame

解决方案

代码

对于sizeTranformAction:，您可以使用一个简单的按钮并将其连接以测试其行为。

class SizeTransformViewController: UIViewController {
    var myLabel: UILabel! = nil

    // MARK: - View lifecycle

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        self.setupLabel()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    // MARK: - Setups

    func setupLabel() {
        self.myLabel = UILabel()
        self.myLabel.center = self.view.center
        self.myLabel.text = "Text"
        self.myLabel.sizeToFit()

        self.myLabel.textAlignment = NSTextAlignment.Center
        self.myLabel.backgroundColor = UIColor.redColor()

        self.view.addSubview(self.myLabel)
    }

    // MARK: - Actions

    @IBAction func sizeTranformAction(sender: AnyObject) {
        var frame = self.myLabel.frame
        let size = frame.size
        frame.size = CGSize(width: 2*size.width, height: size.height)
        frame.origin.x = self.view.center.x - size.width

        UIView.animateWithDuration(0.5, delay: 0, options: UIViewAnimationOptions.CurveLinear, animations: { 
            self.myLabel.frame = frame
        }, completion: nil)
    }
}

输出

Answer 3

我实际上最终得到了 2 个标签。动画序列如下：

• 创建一个没有文本的临时标签，属性如 bg 颜色、字体、字体大小等应与您的主标签相同。

• 将临时标签放在主标签上方。将主标签的文本属性设置为 nil

• 将主标签的框架设置为所需的值
• 动画结束后，将主标签的文本属性设置回原始值（大概在animateWithDuration:的完成处理程序中）
• 隐藏临时标签/完全删除它

Answer 4

您可以更改常量以在缩放后补偿新宽度。这会有帮助吗？

layoutIfNeeded()

let scale: CGFloat = 0.72

let consLeft = NSLayoutConstraint(
    item: titleLabel,
    attribute: .left,
    relatedBy: .equal,
    toItem: self,
    attribute: .left,
    multiplier: 1,
    constant: titleLabel.frameWidth * -(1-scale)/2
  )

consLeft.isActive = true

let animations = {
  self.titleLabel.transform = CGAffineTransform(scaleX: scale, y: scale)
  self.layoutIfNeeded()
}
UIView.animate(withDuration: 0.25, delay: 0, options: [.curveEaseOut],
                     animations: animations,
                     completion: nil)