美文网首页
实现位移动画的两种方式

实现位移动画的两种方式

作者: 张俊凯 | 来源:发表于2018-08-22 17:04 被阅读204次

在使用了自动布局autoLayout的情况下,实现动画有两种方式
第一种:更新布局,在动画的block中执行 [view layoutIfNeeded]; 方法
代码示例:

[childView mas_updateConstraints:^(MASConstraintMaker *make) {
        make.centerY.equalTo(self).offset(100);
    }];
    
 [UIView animateWithDuration:0.5 animations:^{
            [superView layoutIfNeeded];
        } completion:^(BOOL finished) {
            
        }];

第二种:在view的transform上做改变,常用的的有位移,放大,缩小等
代码示例:

//先做一个位移
containerView.transform = CGAffineTransformMakeTranslation(100, 0);
    
    //用动画实现回归原位
    [UIView animateWithDuration:0.5 animations:^{
        containerView.transform = CGAffineTransformIdentity;
    }];

总结:都是先做了改变以后,用动画的方式显示改变的结果
(完)

相关文章

  • 实现位移动画的两种方式

    在使用了自动布局autoLayout的情况下,实现动画有两种方式第一种:更新布局,在动画的block中执行 [vi...

  • Android帧动画的实现

    帧动画就是图片的循环播放 实现帧动画有两种方式: 1.通过代码实现: //帧动画对象AnimationDrawab...

  • iOS-Ui-常用核心动画分享

    1. 常见的位移动画效果实现 - (void)positionAction { CABasicAnimation*...

  • OpengGL ES之简单动画实现

    一、概述 本文简单介绍下怎么让绘制的静态图像动起来。需要实现简单的位移、缩放、旋转、透明度渐变动画。 二、位移动画...

  • ConstraintLayout 通过XML和Java两种方式实

    ConstraintLayout 动画的实现有两种方式实现,一种是 XML 方式实现,另外一种是Java,两者各有...

  • 策略模式

    个人理解:例如动画(旋转,位移,渐变等),我们定义一个动画接口类(内部一个动画抽象方法),然后用各种实现类去实现,...

  • animation动画

    动画可以分为两种 补间动画 – 具有连贯性的动画 逐帧动画 – 使用steps过渡方式实现跳跃 定义和用法 ani...

  • Android动画<第三篇>:属性动画

    前面,我们介绍了视图动画,也叫 Tween (补间)动画,它通常实现透明度动画、旋转动画、缩放动画、位移动画这四种...

  • ValueAnimator、objectAnimator的基础用

    ValueAnimator 的用法 要实现一个从0到100的位移动画,ValueAnimator会根据动画持续的总...

  • Android中xml设置Animation动画效果详解

    在Android中,Animation动画效果的实现可以通过两种方式进行实现,一种是tweened animati...

网友评论

      本文标题:实现位移动画的两种方式

      本文链接:https://www.haomeiwen.com/subject/bxpyiftx.html