iOS使用CABasicAnimation做容器宽度动画时Auto Layout子视图布局异常

• CABasicAnimation属于Core Animation的显式动画，仅修改图层的**呈现层（presentation layer）**属性来展示动画效果，不会修改容器视图的实际frame（即图层模型层的属性值），也不会主动触发Auto Layout的布局重计算流程。
• 两个子视图的约束绑定在容器视图的leadingAnchor、trailingAnchor上，只有容器视图的实际frame发生变更、触发layoutSubviews调用时，Auto Layout才会重新计算子视图的位置和尺寸。
• 你的代码中，动画开始前容器的实际宽度已经是最终的满宽值，CABasicAnimation只是在呈现层模拟了宽度从半宽到满宽的变化效果，整个动画过程中没有触发容器的布局更新，因此子视图始终保持满宽下的计算结果：右视图的trailing始终对齐容器最终的trailing位置，才会出现动画过程中两个子视图间距固定、一起跟随容器leading移动的问题。

如果要实现预期动画效果，建议改用UIView标准动画实现，修改frame后主动触发布局更新即可：

- (void)startAnimation {
    CGFloat fullWidth = self.bounds.size.width;
    // 先设置初始frame并更新布局
    self.frame = CGRectMake(50, 400, fullWidth/2, 100);
    [self layoutIfNeeded];
    
    [UIView animateWithDuration:1 animations:^{
        // 设置最终frame
        self.frame = CGRectMake(50, 400, fullWidth, 100);
        // 动画过程中实时更新布局
        [self layoutIfNeeded];
    }];
}

内容的提问来源于stack exchange，提问作者txx