iOS中如何通过平移手势平滑实现约束修改动画？

嘿，我来帮你搞定这个底部视图拖动的平滑动画问题！其实约束动画的核心是在正确的时机调用布局更新，加上手势状态的精准处理，就能让拖动和回弹都丝滑起来。下面是具体的优化方案：

一、先做好准备工作 #

首先要确保你的顶部约束是可修改的属性，把它声明为@property，这样才能在手势方法里动态调整：

@property (nonatomic, strong) NSLayoutConstraint *bottomViewTopConstraint;
@property (nonatomic, assign) CGFloat initialTopConstant; // 记录拖动前的初始约束值
@property (nonatomic, assign) CGFloat maxTopConstant;     // 最大允许拖动的约束值（比如屏幕高度的70%）

在viewDidLoad里初始化最大拖动范围：

self.maxTopConstant = self.view.bounds.size.height * 0.7;

二、优化手势处理方法 #

你的handleGesture方法需要分状态处理，重点区分拖动过程中和拖动结束后的逻辑，避免动画叠加导致卡顿：

- (void)handleGesture:(UIPanGestureRecognizer *)gesture {
    CGPoint translation = [gesture translationInView:self.view];
    CGFloat translationY = translation.y; // 向下拖动时translation.y为正

    switch (gesture.state) {
        case UIGestureRecognizerStateBegan:
            // 记录拖动前的初始约束值，作为偏移计算的基准
            self.initialTopConstant = self.bottomViewTopConstraint.constant;
            break;
            
        case UIGestureRecognizerStateChanged:
            // 计算新的约束值，只允许向下拖动（限制最小值为初始值），同时不超过最大范围
            CGFloat newConstant = self.initialTopConstant + translationY;
            newConstant = MAX(self.initialTopConstant, MIN(newConstant, self.maxTopConstant));
            
            self.bottomViewTopConstraint.constant = newConstant;
            // 即时更新布局，让视图紧紧跟随手势移动，这里不要加动画！
            [self.view layoutIfNeeded];
            break;
            
        case UIGestureRecognizerStateEnded:
        case UIGestureRecognizerStateCancelled:
            // 判断是否需要固定到最大位置，还是回弹到初始位置（可以自定义阈值）
            CGFloat dragDistance = self.bottomViewTopConstraint.constant - self.initialTopConstant;
            CGFloat targetConstant = (dragDistance > 200) ? self.maxTopConstant : self.initialTopConstant;
            
            // 这里才是做平滑动画的地方！用缓出曲线让回弹更自然
            [UIView animateWithDuration:0.3 
                                  delay:0 
                                options:UIViewAnimationOptionCurveEaseOut 
                             animations:^{
                self.bottomViewTopConstraint.constant = targetConstant;
                [self.view layoutIfNeeded]; // 必须在动画块里调用这个方法才会生效
            } completion:nil];
            break;
            
        default:
            break;
    }
}

三、额外优化：过滤水平拖动误触 #

如果你想避免水平拖动触发手势，可以给手势添加代理，只允许垂直方向的拖动：

// 记得设置手势的delegate为self
gesture.delegate = self;

// 实现代理方法
- (BOOL)gestureRecognizerShouldBegin:(UIPanGestureRecognizer *)gestureRecognizer {
    CGPoint velocity = [gestureRecognizer velocityInView:self.view];
    // 只有垂直方向的速度远大于水平方向，才允许手势触发
    return fabs(velocity.y) > fabs(velocity.x) * 2;
}

关键知识点解释 #

1. 拖动过程不做动画：UIGestureRecognizerStateChanged状态下，我们只需要即时更新约束并调用layoutIfNeeded，让视图实时跟随手势，动画会导致卡顿叠加。
2. 结束时用缓出动画：UIViewAnimationOptionCurveEaseOut会让动画开始快、结束慢，符合真实世界的拖动回弹手感。
3. 约束范围提前限制：在Changed状态就限制约束值的范围，避免视图被拖出屏幕边界。

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