iOS：CGAffineTransform Scale 移动我的对象

Posted 2023-03-12

【中文标题】iOS：CGAffineTransform Scale 移动我的对象

【英文标题】：iOS: CGAffineTransformScale moves my object

【发布时间】：2013-04-29 23:29:04

【问题描述】：

基于我提出的一个问题earlier。

尝试转换标签的简单按钮。我希望它缩小 0.5，这是可行的，但由于某种原因，它也会像它那样移动对象。标签向上和向左跳跃，然后变换。

- (IBAction)btnTest:(id)sender


    [UIView animateWithDuration:1 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^
        lblTest.transform = CGAffineTransformScale(lblTest.transform, 0.5f,0.5f);
    completion:^(BOOL finished) 
        if(finished)
            NSLog(@"DONE");
        
    ];

【问题讨论】：

您使用核心动画进行旋转，使用核心图形进行缩放是否有原因？我也会尝试在标签的图层上执行缩放，看看是否有帮助。

@0x7fffffff 我刚刚测试过：如果您将CATransform3DMakeScale 应用于图层，它不会自动应用约束，因此您不会看到它像您将CGAffineTransformMakeScale 应用于风景。但是，如果您执行任何操作来重新应用约束（setNeedsLayout 或对任何 UIView 对象进行任何更改都可能导致重新应用约束），视图将在您身上移动。因此，如果您在重新应用约束之前将图层的转换恢复为身份，您可能能够“潜入”，但关闭自动布局或仅修复约束可能是最安全的。

【参考方案1】：

我假设您正在使用自动布局：在自动布局中，如果您有前导和/或顶部约束，在您使用 CGAffineTransformMakeScale 缩放后，将重新应用前导/顶部约束并且您的控制权将转移到您身上，以确保仍然满足约束条件。

您可以关闭自动布局（这很简单），也可以：

等到viewDidAppear（因为应用了IB中定义的约束，并且控件将放置在我们想要的位置，并且其center属性将是可靠的）；

现在我们有了相关控件的center，将前导和顶部约束替换为NSLayoutAttributeCenterX 和NSLayoutAttributeCenterY 约束，使用center 属性的值设置constant NSLayoutConstraint 如下。

因此：

// don't try to do this in `viewDidLoad`; do it in `viewDidAppear`, where the constraints
// have already been set

- (void)viewDidAppear:(BOOL)animated

    [super viewDidAppear:animated];

    [self replaceLeadingAndTopWithCenterConstraints:self.imageView];


// Because our gesture recognizer scales the UIView, it's quite important to make
// sure that we don't have the customary top and leading constraints, but rather
// have constraints to the center of the view. Thus, this looks for leading constraint
// and if found, removes it, replacing it with a centerX constraint. Likewise if it
// finds a top constraint, it replaces it with a centerY constraint.
//
// Having done that, we can now do `CGAffineTransformMakeScale`, and it will keep the
// view centered when that happens, avoiding weird UX if we don't go through this
// process.

- (void)replaceLeadingAndTopWithCenterConstraints:(UIView *)subview

    CGPoint center = subview.center;

    NSLayoutConstraint *leadingConstraint = [self findConstraintOnItem:subview
                                                             attribute:NSLayoutAttributeLeading];
    if (leadingConstraint)
    
        NSLog(@"Found leading constraint");

        [subview.superview removeConstraint:leadingConstraint];

        [subview.superview addConstraint:[NSLayoutConstraint constraintWithItem:subview
                                                                      attribute:NSLayoutAttributeCenterX
                                                                      relatedBy:NSLayoutRelationEqual
                                                                         toItem:subview.superview
                                                                      attribute:NSLayoutAttributeTop
                                                                     multiplier:1.0
                                                                       constant:center.x]];
    

    NSLayoutConstraint *topConstraint = [self findConstraintOnItem:subview
                                                         attribute:NSLayoutAttributeTop];

    if (topConstraint)
    
        NSLog(@"Found top constraint");

        [subview.superview removeConstraint:topConstraint];

        [subview.superview addConstraint:[NSLayoutConstraint constraintWithItem:subview
                                                                      attribute:NSLayoutAttributeCenterY
                                                                      relatedBy:NSLayoutRelationEqual
                                                                         toItem:subview.superview
                                                                      attribute:NSLayoutAttributeLeft
                                                                     multiplier:1.0
                                                                       constant:center.y]];
    


- (NSLayoutConstraint *)findConstraintOnItem:(UIView *)item attribute:(NSLayoutAttribute)attribute

    // since we're looking for the item's constraints to the superview, let's
    // iterate through the superview's constraints

    for (NSLayoutConstraint *constraint in item.superview.constraints)
    
        // I believe that the constraints to a superview generally have the
        // `firstItem` equal to the subview, so we'll try that first.

        if (constraint.firstItem == item && constraint.firstAttribute == attribute)
            return constraint;

        // While it always appears that the constraint to a superview uses the
        // subview as the `firstItem`, theoretically it's possible that the two
        // could be flipped around, so I'll check for that, too:

        if (constraint.secondItem == item && constraint.secondAttribute == attribute)
            return constraint;
    

    return nil;

您的实现细节可能会有所不同，具体取决于您如何定义要缩放的控件的约束（在我的情况下，leading 和 top 基于 superview，这使得它更容易），但希望它说明解决方案，以消除这些约束并基于中心添加新约束。

如果您不想像我在上面所做的那样反复查找相关约束，您可以为顶部和前导约束定义一个 IBOutlet，这将大大简化流程。此示例代码取自一个项目，由于各种原因，我无法将 IBOutlet 用于 NSLayoutConstraint 引用。但是使用 IBOutlet 引用作为约束绝对是一种更简单的方法（如果您坚持使用自动布局）。

例如，如果您转到 Interface Builder，则可以突出显示有问题的约束，然后 control-拖动到助手编辑器以使您的 IBOutlet:

如果你这样做，而不是遍历所有约束，你现在可以说，例如：

if (self.imageViewVerticalConstraint)

    [self.view removeConstraint:self.imageViewVerticalConstraint];

    // create the new constraint here, like shown above

坦率地说，我希望 Interface Builder 能够开箱即用地定义这些约束（即，而不是“将控制引导到父视图左侧”约束，而是“控制中心到父视图左侧”约束） ，但我不认为它可以在 IB 中完成，所以我正在以编程方式更改我的约束。但是通过这个过程，我现在可以缩放控件并且不会因为限制而让它在我身上移动。

---

正如 0x7fffffff 所指出的，如果您将 CATransform3DMakeScale 应用于图层，它不会自动应用约束，因此您不会看到它像您将 CGAffineTransformMakeScale 应用于视图一样移动。但是，如果您执行任何操作来重新应用约束（setNeedsLayout 或对任何 UIView 对象进行任何更改都可能导致重新应用约束），视图将在您身上移动。因此，如果您在重新应用约束之前将图层的转换恢复为身份，您可能能够“潜入”，但关闭自动布局或仅修复约束可能是最安全的。

【讨论】：

非常全面的答案！谢谢！我需要一些时间来理解整个事情，但感谢您抽出时间来回答！

我刚刚在情节提要中将顶部和前导约束更改为中心约束，但是仍然会发生类似的问题，希望子视图不会跳到左侧，而不会粘在父视图的右侧（它应该在哪里），它均匀地移动到它的位置，但是在动画期间它总是在错误的位置=/

我也有同样的问题。请注意，如果您正在调整相关视图的大小，则中心也会发生变化（因为宽度/高度会发生变化）。

是的，这就是为什么您要确保使用 centerX 和 centerY 约束，以确保不断变化的视图不会改变它所在的位置。