Masonry自动布局详解四：整体动画更新约束

最新推荐文章于 2023-12-28 11:54:43 发布

原创

最新推荐文章于 2023-12-28 11:54:43 发布 · 9.9k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#ios #masonry #autolayout #自动布局 #约束

本文详细介绍了如何使用Masonry库进行自动布局，并通过动画形式整体更新约束。内容包括动画效果展示、核心代码解析、约束更新方法以及源代码分享，帮助开发者理解并掌握纯代码自动布局的技巧。

Masonry自动布局详解四：整体动画更新约束

说到iOS自动布局，有很多的解决办法。有的人使用xib/storyboard自动布局，也有人使用frame来适配。对于前者，笔者并不喜欢，也不支持。对于后者，更是麻烦，到处计算高度、宽度等，千万大量代码的冗余，对维护和开发的效率都很低。

笔者在这里介绍纯代码自动布局的第三方库：Masonry。这个库使用率相当高，在全世界都有大量的开发者在使用，其star数量也是相当高的。

效果图

本节详解Masonry的以动画的形式更新约束的基本用法，先看看效果图：

我们这里初始按钮是一个很小的按钮，点击就不断放大，最大就放大到全屏幕。

核心代码

看下代码：

@interface TotalUpdateController ()

@property (nonatomic, strong) UIView *purpleView;
@property (nonatomic, strong) UIView *orangeView;
@property (nonatomic, assign) BOOL isExpaned;

@end

@implementation TotalUpdateController

- (void)viewDidLoad {
  [super viewDidLoad];

  UIView *purpleView = [[UIView alloc] init];
  purpleView.backgroundColor = UIColor.purpleColor;
  purpleView.layer.borderColor = UIColor.blackColor