欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

UIView和Masonry实现动画效果

程序员文章站 2022-08-18 11:58:10
Masonry 实现动画效果如下: 重点说明: ......

Masonry 实现动画效果如下:

//button点击方法
- (void)clickedButton
{
    static BOOL isMove; //默认是NO
    Weakify(weakSelf);
    
    //告诉self.view约束需要更新
    [weakSelf.view setNeedsUpdateConstraints];
    //调用此方法告诉self.view检测是否需要更新约束,若需要则更新,下面添加动画效果才起作用
    [weakSelf.view updateConstraintsIfNeeded];
    
    if (isMove) {
        
        isMove = NO;
        //添加动画
        [UIView animateWithDuration:5 animations:^{
            [weakSelf.displayView mas_updateConstraints:^(MASConstraintMaker *make) {
                //更改距顶上的高度
                make.top.equalTo(weakSelf.baseView.mas_bottom).with.offset(100);
            }];
            
            //必须调用此方法,才能出动画效果
            [weakSelf.view layoutIfNeeded];
        }];
    }
    else{
        
        isMove = YES;
        //添加动画
        [UIView animateWithDuration:5 animations:^{
            
            [weakSelf.displayView mas_updateConstraints:^(MASConstraintMaker *make) {
                //更改距顶上的高度
                make.top.equalTo(weakSelf.baseView.mas_bottom).with.offset(-100);
            }];
            //必须调用此方法,才能出动画效果
            [weakSelf.view  layoutIfNeeded];
        }];
    }
}

 

重点说明:

UIView和Masonry实现动画效果