【iOS】通过第三方库Masonry实现自动布局

2024-09-02 04:20

本文主要是介绍【iOS】通过第三方库Masonry实现自动布局,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

前言

约束

添加约束的规则

使用Masonry自动布局

Masonry的常见使用方法

补充


前言

在暑期完成项目时,经常要花很多时间在调试各种控件的位置上,因为每一个控件的位置都需要手动去计算,在遇到循环布局的控件时,还需要设计算法来实现更简便地布局各个控件。这是由于手动布局的语言更偏向于直接给出控件的坐标位置,就需要准确计算控件的坐标值,但是在生活中,我们其实更倾向于使用相对位置来描述一个物品的位置。其实在OC语言中,也给出了类似的语法来帮助我们更简便地实现控件布局,这就是OC语言中的自动布局。

约束

使用自动布局,最基本的一个概念就是约束,因为控件的位置不在使用坐标数值来描述,而是使用约束来描述控件之间的相对位置。

那么何为约束呢?

子控件的某一个量一定与另一个控件的某一个量呈线性关系,这就是约束。

如果给控件位置的四个参数分别一个约束,就可以确定控件的位置,也就是(x, y , width, height)四个参数分别给一个约束。

    //创建左边约束NSLayoutConstraint *leftLc = [NSLayoutConstraint constraintWithItem:blueView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1.0 constant:20];[self.view addConstraint:leftLc];

以上述代码为例,这就是给blueView创建了一个左约束,将该控件的x固定为rootView的x * 1.0 + 20。

添加约束的规则

如果是父子控件之间的相对关系,就添加到父控件中

如果不是父子控件,就添加到层级最近的共同父控件中

使用Masonry自动布局

通过原生的自动布局,我们已经大大简化了对控件进行布局的过程,但是代码还是稍显冗长,这时候就需要用到第三方库Masonry来进行自动布局,安装第三方库Masonry可以使用cocoapods,安装的相关过程这里就不多赘述了。

在安装后Masonry库之后,我们就可以使用Masonry来实现自动布局了。

我们尝试实现一个这样的视图

 这个视图中有两层视图,底部是一个黄色的由与背景视图相对位置关系确定位置视图,上层是三个彼此相关联的视图。

每一个红色视图都在前一个红色视图的位置上向后移20个单位,这里我给出使用Masonry实现自动布局的代码

- (void)initBottomView {self.bottomBarView = [[UIView alloc] initWithFrame:CGRectZero];self.bottomBarView.backgroundColor = [UIColor yellowColor];self.bottomBarView.translatesAutoresizingMaskIntoConstraints = NO;[self.view addSubview:self.bottomBarView];[self.bottomBarView mas_makeConstraints:^(MASConstraintMaker *make) {make.left.equalTo(self.view).with.offset(20);make.right.equalTo(self.view).with.offset(-20);make.height.mas_equalTo(200);make.bottom.equalTo(self.view).with.offset(-400);}];self.Buttoms = [[NSMutableArray alloc] init];for (int i = 0; i < 3; i++) {UIButton *button = [[UIButton alloc] initWithFrame:CGRectZero];button.backgroundColor = [UIColor redColor];button.translatesAutoresizingMaskIntoConstraints = NO;[self.Buttoms addObject:button];[self.bottomBarView addSubview:button];[button mas_makeConstraints:^(MASConstraintMaker *make) {if (i == 0) {make.left.mas_equalTo(20);} else {UIButton *previousButton = self.Buttoms[i - 1];make.left.equalTo(previousButton.mas_right).with.offset(20);}make.top.mas_equalTo(self.bottomBarView.mas_top);make.width.equalTo(self.bottomBarView.mas_width).with.multipliedBy(1.0f/3).offset(-20*4/3);make.height.equalTo(self.bottomBarView.mas_height);}];}
}

Masonry的常见使用方法

- (NSArray *)mas_makeConstraints:(void(NS_NOESCAPE ^)(MASConstraintMaker *make))block;- (NSArray *)mas_updateConstraints:(void(NS_NOESCAPE ^)(MASConstraintMaker *make))block;- (NSArray *)mas_remakeConstraints:(void(NS_NOESCAPE ^)(MASConstraintMaker *make))block;

这是三种为视图布局的方法,第一种是直接添加约束;第二种是更新某个约束,其他约束不变;第三种是移除之前所有约束,重新添加约束。

补充

值得注意的是,使用Masonry进行自动布局虽然会带来代码量上的减少,但是会占用更多内存,导致性能上的缺损。在实际使用时,要注意根据具体需要去选择或者结合使用,不要盲目地使用某一种布局方法。

这篇关于【iOS】通过第三方库Masonry实现自动布局的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1128973

相关文章

使用Python实现网页表格转换为markdown

《使用Python实现网页表格转换为markdown》在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,本文将使用Python编写一个网页表格转Markdown工具,需... 在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,以便在文档、邮件或

Python使用pynput模拟实现键盘自动输入工具

《Python使用pynput模拟实现键盘自动输入工具》在日常办公和软件开发中,我们经常需要处理大量重复的文本输入工作,所以本文就来和大家介绍一款使用Python的PyQt5库结合pynput键盘控制... 目录概述:当自动化遇上可视化功能全景图核心功能矩阵技术栈深度效果展示使用教程四步操作指南核心代码解析

SpringBoot实现文件记录日志及日志文件自动归档和压缩

《SpringBoot实现文件记录日志及日志文件自动归档和压缩》Logback是Java日志框架,通过Logger收集日志并经Appender输出至控制台、文件等,SpringBoot配置logbac... 目录1、什么是Logback2、SpringBoot实现文件记录日志,日志文件自动归档和压缩2.1、

Python实现pdf电子发票信息提取到excel表格

《Python实现pdf电子发票信息提取到excel表格》这篇文章主要为大家详细介绍了如何使用Python实现pdf电子发票信息提取并保存到excel表格,文中的示例代码讲解详细,感兴趣的小伙伴可以跟... 目录应用场景详细代码步骤总结优化应用场景电子发票信息提取系统主要应用于以下场景:企业财务部门:需

基于Python实现智能天气提醒助手

《基于Python实现智能天气提醒助手》这篇文章主要来和大家分享一个实用的Python天气提醒助手开发方案,这个工具可以方便地集成到青龙面板或其他调度框架中使用,有需要的小伙伴可以参考一下... 目录项目概述核心功能技术实现1. 天气API集成2. AI建议生成3. 消息推送环境配置使用方法完整代码项目特点

spring-gateway filters添加自定义过滤器实现流程分析(可插拔)

《spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔)》:本文主要介绍spring-gatewayfilters添加自定义过滤器实现流程分析(可插拔),本文通过实例图... 目录需求背景需求拆解设计流程及作用域逻辑处理代码逻辑需求背景公司要求,通过公司网络代理访问的请求需要做请

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1

Spring Security介绍及配置实现代码

《SpringSecurity介绍及配置实现代码》SpringSecurity是一个功能强大的Java安全框架,它提供了全面的安全认证(Authentication)和授权(Authorizatio... 目录简介Spring Security配置配置实现代码简介Spring Security是一个功能强

SpringCloud使用Nacos 配置中心实现配置自动刷新功能使用

《SpringCloud使用Nacos配置中心实现配置自动刷新功能使用》SpringCloud项目中使用Nacos作为配置中心可以方便开发及运维人员随时查看配置信息,及配置共享,并且Nacos支持配... 目录前言一、Nacos中集中配置方式?二、使用步骤1.使用$Value 注解2.使用@Configur

Python+PyQt5实现MySQL数据库备份神器

《Python+PyQt5实现MySQL数据库备份神器》在数据库管理工作中,定期备份是确保数据安全的重要措施,本文将介绍如何使用Python+PyQt5开发一个高颜值,多功能的MySQL数据库备份工具... 目录概述功能特性核心功能矩阵特色功能界面展示主界面设计动态效果演示使用教程环境准备操作流程代码深度解