当前位置: 首页 > news >正文

iOS Autolayout 约束设置【顺序】的重要性!

0x00 顺序不同,结果不同

看图说话 1

请添加图片描述

代码是这样滴~
设置好约束,让 4 个按钮,宽度均分~
结果如上图

    [_pastButton.topAnchor constraintEqualToAnchor:_textView.bottomAnchor constant:6].active = YES;[_pastButton.leftAnchor constraintEqualToAnchor:_textView.leftAnchor].active = YES;[_pastButton.heightAnchor constraintEqualToConstant:44].active = YES;NSArray *buttons = @[_pastButton, _deleteButton, _breakButton, _inputButton];for (NSInteger i = 0; i < buttons.count-1; i++) {UIButton *button1 = buttons[i];UIButton *button2 = buttons[i+1];[button2.topAnchor constraintEqualToAnchor:button1.topAnchor].active = YES;[button2.leftAnchor constraintEqualToAnchor:button1.rightAnchor constant:10].active = YES;[button2.heightAnchor constraintEqualToAnchor:button1.heightAnchor].active = YES;[button2.widthAnchor constraintEqualToAnchor:button1.widthAnchor].active = YES;if (i == buttons.count-1) {[button2.rightAnchor constraintEqualToAnchor:_textView.rightAnchor].active = YES;}}

看图说话 2

请添加图片描述

代码是这样滴~
设置好约束,让 4 个按钮,宽度均分~
结果如上图,完美!

    [_pastButton.topAnchor constraintEqualToAnchor:_textView.bottomAnchor constant:6].active = YES;[_pastButton.leftAnchor constraintEqualToAnchor:_textView.leftAnchor].active = YES;[_pastButton.heightAnchor constraintEqualToConstant:44].active = YES;[_inputButton.rightAnchor constraintEqualToAnchor:_textView.rightAnchor].active = YES;NSArray *buttons = @[_pastButton, _deleteButton, _breakButton, _inputButton];for (NSInteger i = 0; i < buttons.count-1; i++) {UIButton *button1 = buttons[i];UIButton *button2 = buttons[i+1];[button2.topAnchor constraintEqualToAnchor:button1.topAnchor].active = YES;[button2.leftAnchor constraintEqualToAnchor:button1.rightAnchor constant:10].active = YES;[button2.heightAnchor constraintEqualToAnchor:button1.heightAnchor].active = YES;[button2.widthAnchor constraintEqualToAnchor:button1.widthAnchor].active = YES;}

0x02 代码区别

图 1 的代码,是在最后一步添加,最后一个按钮,的右侧约束

        if (i == buttons.count-1) {[button2.rightAnchor constraintEqualToAnchor:_textView.rightAnchor].active = YES;}

图 2 的代码,是在开始添加,最后一个按钮,的右侧约束

        [_inputButton.rightAnchor constraintEqualToAnchor:_textView.rightAnchor].active = YES;

可见,
约束设置的顺序,是多么滴重要!


0x03 我的小作品

欢迎体验我的作品之一:小五笔 86 版
五笔学习好帮手
App Store 搜索即可~


http://www.lryc.cn/news/209657.html

相关文章:

  • Echarts渲染不报错但是没有内容
  • 数据结构 | 算法的时间复杂度和空间复杂度【详解】
  • 高级篇之ENC编码器多机位帧同步配置详解
  • matlab simulink 四旋翼跟拍无人机仿真
  • jenkins、ant、selenium、testng搭建自动化测试框架
  • 【阅读和学习代码】VoxelNet
  • 【23种设计模式】接口隔离原则
  • 【Python机器学习】零基础掌握PartialDependenceDisplay检验、检查
  • Jmeter的接口自动化测试
  • windows c++获取开机启动项
  • 【C++初阶】类和对象——构造函数析构函数拷贝构造函数
  • Java实现SQL分页
  • 软件测试进阶篇----自动化测试脚本开发
  • rust std
  • SpringMVC(下)
  • 分布式操作系统的必要性及重要性
  • 【Javascript】定时器
  • 基于stm32的ADC读取烟雾报警器的数值
  • 无需更换vue-cli 脚手架 uniapp-搭建项目-H5-低版本安卓IOS兼容问题(白屏)(接口请求异常)
  • 【IO面试题 四】、介绍一下Java的序列化与反序列化
  • M1本地部署Stable Diffusion
  • java中的内存分配
  • Matter.js 插件:matter-wrap(世界是圆的)
  • HCIA --- ACL(访问控制列表)
  • Xcode自定义快捷键
  • jmeter界面压测过程卡死解决思路
  • 听GPT 讲Rust源代码--library/std(6)
  • 如何使用gpt提高效率
  • 配置VUE环境过程中 npm报错的处理方案以及VUE环境搭建过程
  • springboot 配置文件加载顺序