iOS使用Masonry时进行动画操作方法

前言

最近稍微闲了一些，决定把之前漏掉的知识再补充一下，然后发现在使用Masonry的时候动画怎么实现呢？于是经过练习和查找相关方法，终于找到了正确的做法，希望能够对有需要的人提供一些帮助。

正文

简单来说Masonry的动画使用方式是和正常的动画的使用方式是一样的，通过UIView animateWithDuration:<#(NSTimeInterval)#> animations:<#^(void)animations#>的方法就可以实现。那么重点是修改约束以及动画的生效方面。

修改约束

修改约束有两种方式

方法1

第一种是直接使用

[控件 mas_updateConstraints:^(MASConstraintMaker *make) {
}];

，在block中写入新的约束就可以了

方法2

是添加全局的约束，然后在添加约束的时候赋值，在动画的代码中改值。

@property (nonatomic, strong) MASConstraint *rightConstraint;

添加约束的代码：

[控件 mas_makeConstraints:^(MASConstraintMaker *make) {
_rightConstraint=make.right.mas_equalTo(view.mas_right).offset(-20);
}];

动画里修改约束的代码

self.rightConstraint.mas_equalTo(-100);

以上就是对约束的修改方式。

动画生效

和一般动画不同的是，使用Masonry这样放入到动画的block中不能直接让动画生效，只是直接造成控件位移，经过尝试，应当添加如下操作

-(void)beginAnimate{
//告知需要更改约束
[self.view setNeedsUpdateConstraints];
[UIView animateWithDuration:3 animations:^{
[btn mas_updateConstraints:^(MASConstraintMaker *make) {
make.right.mas_equalTo(view.mas_right).offset(-100);
}];
//告知父类控件绘制，不添加注释的这两行的代码无法生效
[btn.superview layoutIfNeeded];
}];
}

以上这篇iOS使用Masonry时进行动画操作方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • iOS点击查看大图的动画效果

    iOS点击查看大图的动画效果

    对于图片来说,除了表情包,几乎都会被点击查看大图.今天就讲解一个查看和收起大图的动画效果,先直接看效果图: 如图所示,最开始是一个小图,点击小图可以查看大图.大图会从小图的位置和大小"弹"出来,同时背景变成半透明的阴影.点击大图或者阴影后,收起大图,同样地弹回到小图去,同时去掉阴影背景,就像是一张图片在伸大缩小一样. 现在看看这是怎么实现的.在思考一个动画的实现方法时,把动画的动作进行分解然后再一个个去思考怎么实现是一个好的习惯,我们稍微分解一下,这个动画在显示大图和收起大图的时候做了

  • IOS自适配利器Masonry使用指南

    IOS自适配利器Masonry使用指南

    关于iOS布局自动iPhone6之后就是AutoLayOut,AutoLayOut固然非常好用,不过有时候我们需要在页面手动进行页面布局,VFL算是一种选择,而且VFL不复杂,理解起来很容易,实际开发中用的特别熟还好,要是第一次看估计要花点功夫才能搞定.Masonry算是VFL的简化版,用的人比较多,之前项目中用过一次,对手动写页面的开发来说算是福利. 基础知识 首先我们看一个常见的问题将一个子View放在的UIViewController的某个位置,通过设置边距来实现,效果如下: 如果通过VF

  • 详解ios中scrollView上使用masonry

    使用scrollView的一个子视图对contentSize进行调整 _scroll_Bg = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 100, SCREEN_W, 200)]; _scroll_Bg.pagingEnabled = YES; _scroll_Bg.delegate = self; _scroll_Bg.backgroundColor = [UIColor redColor]; [self.view addSubview

  • iOS使用Masonry时进行动画操作方法

    前言 最近稍微闲了一些,决定把之前漏掉的知识再补充一下,然后发现在使用Masonry的时候动画怎么实现呢?于是经过练习和查找相关方法,终于找到了正确的做法,希望能够对有需要的人提供一些帮助. 正文 简单来说Masonry的动画使用方式是和正常的动画的使用方式是一样的,通过UIView animateWithDuration:<#(NSTimeInterval)#> animations:<#^(void)animations#>的方法就可以实现.那么重点是修改约束以及动画的生效方面

  • iOS实现日历翻页动画

    iOS实现日历翻页动画

    本文我主要描述两方面: 1.日历(简单描述原理) 2.翻页动画(重点) 最终的效果如下图:     图中沿四个对角的翻页动画,代表对应方向手势的滑动 1. 日历 要实现一个日历,其实原理很简单,我们只要知道三个数据: 1.今天是哪一天 2.这个月的第一天是星期几(哪天) 3.这个月总共有多少天 根据这个三个数据,就可以把得到的日期显示在日历上了,至于日历用什么来显示,我个人比较喜欢用UICollectionView,一个cell代表一天,当然也可以用很多个label,button来显示. 1.获

  • iOS Swift控制器转场动画示例代码

    iOS Swift控制器转场动画示例代码

    前言 在IOS开发中,我们model另外一个控制器的时候,一般都使用默认的转场动画.本文将给大家详细介绍关于iOS Swift控制器转场动画的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 返回效果也可更改 四种转场动画 1. move:源图片位置移动到目标图片位置: 2. circle:根据源控件大小创建圆形或者椭圆形path路径,放大展示目标: 3. tier:源左右,目标由小到大缩放: 4. middle:源的中心点开始放大,返回是缩回到中心. 代码解析 给UI

  • iOS仿AirPods弹出动画

    iOS仿AirPods弹出动画

    本文实例为大家分享了iOS仿AirPods弹出动画的具体代码,供大家参考,具体内容如下 效果图 预览图 思路 在当前ViewController下Present另外一个AnimationViewController,在弹出的AnimationViewController中播放动画,弹出的时候原来的ViewController上有一个全屏覆盖的maskView,在弹出时,有一个渐变动画(页面渐黑),在AnimationViewController声明一个代理,在代理方法中实现收起的动画效果(dis

  • iOS实现抖音点赞动画效果

    iOS实现抖音点赞动画效果

    本文实例为大家分享了iOS实现抖音点赞动画的具体代码,供大家参考,具体内容如下 1. 概述 最近看到抖音点赞爱心的动画效果比较好,出于好奇,自己也研究仿照动画效果写了一个,不喜欢的朋友可不要喷我噢!!! 话不多说,先来看一下执行效果. 2. 动画分析 上面的示例效果有点快,现在来看一个慢的,然后在分析动画组成. 这回看清楚了吧,哈哈. 2.1 动画过程分析 咱们就以10秒的点赞动画来分析一下: 点赞的时候: 1.点击的时候,白色爱心逐渐变小到一定程度,然后变成红色爱心.(3秒) 2.红色爱心慢慢

  • 详解 iOS 系统中的视图动画

    动画为用户界面的状态转换提供了流畅的可视化效果, 在 iOS 中大量使用了动画效果, 包括改变视图位置. 大小. 从可视化树中删除视图, 隐藏视图等. 你可以考虑用动画效果给用户提供反馈或者用来实现有趣的特效. 在 iOS 系统中, Core Animation 提供了内置的动画支持, 创建动画不需要任何绘图的代码, 你要做的只是激发指定的动画, 接下来就交给 Core Animation 来渲染, 总之, 复杂的动画只需要几行代码就可以了. 哪些属性可以添加动画效果 根据 iOS 视图编程指南

  • Android实现仿iOS菊花加载圈动画效果

    Android实现仿iOS菊花加载圈动画效果

    常见的实现方式 切图,做旋转动画 自定义View,绘制效果 gif图 1.切图会增加体积,但相对简单,不过在换肤的场景下,会使用不同颜色,需要准备多张图,不够灵活. 2.由于自定义的好处,不同颜色只需要提供自定义属性,换肤时切换属性设置即可,比较灵活. 3.gif图普遍比较大,而且加载gif没有原生支持,需要引入第三方库,而且消耗内存比较大,不推荐. 效果图: 完整代码 自定义属性: <?xml version="1.0" encoding="utf-8"?&

  • 解决iOS UITextField 编辑时文本偏移问题

    解决iOS UITextField 编辑时文本偏移问题

    1.在cell中添加UITextField,在编辑的时候总是出现文本偏移问题,编辑结束时回复正常,解决方式如下: (1)代码创建UITextField,并添加上去,设置textField的一些属性: - (UITextField *)textField{ if (_textField == nil) { _textField = [UITextField new]; _textField.borderStyle = UITextBorderStyleNone; _textField.conten

  • 利用iOS开发实现翻转扑克牌动画的方法

    利用iOS开发实现翻转扑克牌动画的方法

    前言 本文主要给大家介绍的关于利用iOS开发实现翻转扑克牌动画的方法,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍吧. 动画效果 实现原理 实现原理就是创建三个扑克牌pockerView , 先在扑克牌上添加一个imageview,作为牌的背面.然后实现翻转动画,在翻转的时候将imageview移除,添加另一个imageview作为正面. 核心代码: 方法一: 翻转动画,内部实现还是方法二 + (void)transitionWithView:(UIView *)view dura

  • 使用iOS推送时警告错误的解决方法

    使用iOS推送时警告错误的解决方法

    在使用iOS推送时,出现下面错误: **[1412:60b] You've implemented -[<UIApplicationDelegate> application:performFetchWithCompletionHandler:], but you still need to add "fetch" to the list of your supported UIBackgroundModes in your Info.plist. **[1412:60b]

随机推荐