【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

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

hdu1043(八数码问题,广搜 + hash(实现状态压缩) )

利用康拓展开将一个排列映射成一个自然数,然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu

【C++】_list常用方法解析及模拟实现

相信自己的力量,只要对自己始终保持信心,尽自己最大努力去完成任何事,就算事情最终结果是失败了,努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一:什么是list? •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二:list常用接口 •🌰1.默认成员函数 🔥构造函数(⭐) 🔥析构函数 •🌰2.list对象

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi

让树莓派智能语音助手实现定时提醒功能

最初的时候是想直接在rasa 的chatbot上实现,因为rasa本身是带有remindschedule模块的。不过经过一番折腾后,忽然发现,chatbot上实现的定时,语音助手不一定会有响应。因为,我目前语音助手的代码设置了长时间无应答会结束对话,这样一来,chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢? 我最后选择的方法是用threading.Time

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

C#实战|大乐透选号器[6]:实现实时显示已选择的红蓝球数量

哈喽,你好啊,我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记,这是第6篇; 接下来实现实时显示当前选中红球数量,蓝球数量; 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时,在对应的位置显示实时已选择的红球、蓝球的数量; 02 标签名称 分别设置Label标签名称为:lblRedCount、lblBlueCount

Kubernetes PodSecurityPolicy:PSP能实现的5种主要安全策略

Kubernetes PodSecurityPolicy:PSP能实现的5种主要安全策略 1. 特权模式限制2. 宿主机资源隔离3. 用户和组管理4. 权限提升控制5. SELinux配置 💖The Begin💖点点关注,收藏不迷路💖 Kubernetes的PodSecurityPolicy(PSP)是一个关键的安全特性,它在Pod创建之前实施安全策略,确保P

工厂ERP管理系统实现源码(JAVA)

工厂进销存管理系统是一个集采购管理、仓库管理、生产管理和销售管理于一体的综合解决方案。该系统旨在帮助企业优化流程、提高效率、降低成本,并实时掌握各环节的运营状况。 在采购管理方面,系统能够处理采购订单、供应商管理和采购入库等流程,确保采购过程的透明和高效。仓库管理方面,实现库存的精准管理,包括入库、出库、盘点等操作,确保库存数据的准确性和实时性。 生产管理模块则涵盖了生产计划制定、物料需求计划、