Masonry 比例设置multipliedBy与dividedBy区别

multipliedBy是相对于自身比例(只能用于自身的比)dividedBy是相对于其他视图的比例(也可以用于自身的比),multipliedBy(乘以的意思),dividedBy除​​​​​​​以的意思)看以下具体操作:

先查看效果图:

  • multipliedBy相对于自身的比
UIView *view1 = [[UIView alloc] init];view1.backgroundColor = [UIColor redColor];[self.view addSubview:view1];[view1 mas_makeConstraints:^(MASConstraintMaker *make) {make.width.mas_offset(100);make.top.mas_equalTo(self.view.mas_top).mas_offset(100);make.width.mas_equalTo(view1.mas_height).multipliedBy(0.3);make.centerX.mas_equalTo(self.view.mas_centerX);}];
  • dividedBy相对于其他视图的比例
UIView *view2 = [[UIView alloc] init];view2.backgroundColor = [UIColor yellowColor];[self.view addSubview:view2];[view2 mas_makeConstraints:^(MASConstraintMaker *make) {make.top.mas_equalTo(view1.mas_bottom).mas_offset(100);make.centerX.mas_equalTo(self.view.mas_centerX);make.width.mas_equalTo(view1.mas_width);make.height.mas_equalTo(view1.mas_height).dividedBy(2);}];
  • dividedBy绿色线距self.view的1/5处,lineV.left除self.view.mas_right=5,相当于把self.view.withd划分五份
 UIView *lineV = [[UIView alloc] init];lineV.backgroundColor = [UIColor greenColor];[self.view addSubview:lineV];[lineV mas_makeConstraints:^(MASConstraintMaker *make) {make.height.mas_equalTo(self.view.mas_height);make.top.mas_equalTo(self.view.mas_top);make.width.mas_offset(1);make.left.mas_equalTo(self.view.mas_right).dividedBy(5);}];
  • multipliedBy红色线处于self.view的中间位置,linev2.left除以self.view.mas_right = 0.5
UIView *linev2 = [[UIView alloc] init];linev2.backgroundColor = [UIColor redColor];[self.view addSubview:linev2];[linev2 mas_makeConstraints:^(MASConstraintMaker *make) {make.top.mas_equalTo(self.view.mas_top);make.height.mas_equalTo(self.view.mas_height);make.width.mas_offset(1);make.left.mas_equalTo(self.view.mas_right).multipliedBy(0.5);}];
  • dividedBy用于自身视图的比
UIView *lineV3 = [[UIView alloc] init];lineV3.backgroundColor = [UIColor greenColor];[self.view addSubview:lineV3];[lineV3 mas_makeConstraints:^(MASConstraintMaker *make) {make.top.mas_equalTo(self.view.mas_top);make.width.mas_offset(100);make.centerX.mas_equalTo(self.view.mas_centerX);make.height.mas_equalTo(lineV3.mas_width).dividedBy(2);}];

作者:BestBoy
链接:https://www.jianshu.com/p/780b1ea6c7b2
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Masonry 比例设置multipliedBy与dividedBy区别相关推荐

  1. Masonry自动布局详解五:比例(multipliedBy)

    Masonry自动布局详解五:比例(multipliedBy) 标签: iosmasonryautolayout自动布局约束 2015-11-30 16:30 1816人阅读 评论(0) 收藏 举报 ...

  2. CAD标注中全局比例(DIMSCALE)与比例因子(DIMLFAC)区别

    如果我们选择菜单"标注-样式",打开标注样式管理器,"主单位"选项卡下,可看到调整标注线性比例的选项."调整"选项卡下,可看到调整标注全局比 ...

  3. php三级分销无法绑定佣金,2018最新三级分销佣金比例设置方案

    首先大家要意识到,微信分销系统的三级分销,顶多也只能做到三级,超过三级就可能造成违法,所以最好是超过三级就不能再获得佣金.你如果将佣金设置好了,就能带动分销商的积极性,为你带来更大的销量和受益. 下面 ...

  4. 掌握ConstraintLayout(十)按比例设置视图大小

    有时候在布局界面的时候,UI要求某个View或者某张图片按比例显示,以适应不同的屏幕分辨率. 通常我们时通过自定义View或者引入第三方的库来解决.现在我们既然已经使用了ConstraintLayou ...

  5. 按比例设置获奖人数方案

    按比例设置获奖人数方案 1.基本原则 优胜奖人数尽可能少,意在鼓励优秀:参与奖人数尽可能多,意在鼓励参与. 2.计算方法 参赛人数: N = 56 N = 56 N=56 优胜奖人数:

  6. CAD图纸比例设置不同时CAD标注样式设置为相同的操作教程

    CAD图纸中可能很多内容和标注原来不是一张图上,是其他dwg拷贝过来,用很多不同标注样式,其中的CAD标注设置都不同.在最后出图时,有些是需要修改设置的,这个可以在新建初始设置好CAD标注样式解决.下 ...

  7. 出价成本计算机软件,关键词移动如何出价_移动出价比例设置的注意事项

    账户中的关键词可以在移动设备上展现,但在推广管理的关键词列表中,所展示的出价为计算机出价,不能直接看到移动端的出价,所以我们需要设置移动比例来控制关键词移动出价. 一.  移动出价比例设置 在计划层级 ...

  8. USB 设置配置(SetConfiguration)和设置接口(SetInterface)的区别与联系

    @[TOC](USB 设置配置(SetConfiguration)和设置接口(SetInterface)的区别与联系) 在USB设备枚举的最后,主机都会对设备发送设置配置置(SetConfigurat ...

  9. CAD图纸比例怎么调成1:1?CAD图纸比例设置教程

    有些小伙伴在对CAD图纸进行测量标注的时候,会遇到这样的问题,测量的结果和图纸上原标注的数据存在差距,甚至是百倍千倍的差距,这是什么原因呢?其实,导致这个问题的原因就是图纸中比例设置的不正确.那么CA ...

最新文章

  1. iar升级芯片库_IAR 发布支持ARM Cortex系列的开发工具包
  2. NOTEPAD++几个有用的工具栏按钮
  3. 2014阿里巴巴校园招聘笔试题 - 中南站
  4. OpenCV学习笔记(十三):霍夫变换:HoughLines(),HoughLinesP(),HoughCircles( )
  5. 想成为有钱人,你要逼自己戒掉这5个坏习惯
  6. 基于C#的MongoDB数据库开发应用(4)--Redis的安装及使用
  7. 谷歌开放语音识别 API,发力人工智能
  8. sqlyog与mysql编码语法_如何解决sqlyog连接的数据库乱码的问题
  9. Excel曲线拟合及拟合公式不正确问题
  10. Icode编程>>>图形化编程>>>1级训练场>>>基础训练【2】
  11. arm64_linux head.S的执行流程(3.18)- 12.msm8996 地址空间布局
  12. 置换贴图,法线贴图,凹凸贴图的区别
  13. Android实战技巧之三十九:短信收发
  14. Linux上启动mysql不成功
  15. 利用Python制作第一人称射击小游戏 含源代码
  16. java连接本地数据库命令_Java操作数据库时一次连接只能执行一条SQL命令
  17. Linux运行PhotoZoom
  18. Mitsubishi/三菱Q系列PLC ,QD77MS16走总线控制伺服项目,实际应用的,程序结构清晰明了
  19. 关于Virtual PC
  20. XSS闯关——第一关:level1

热门文章

  1. Adobe PDF打不开文件的一个解决办法
  2. 最牛叉的街机游戏合集 模拟器
  3. php guzzle,php – 如何使用Guzzle 6记录所有API调用
  4. 360度全景标定方法_一种360度全视角鸟瞰全景行车辅助标定方法与流程
  5. docker部署jpress详细版本
  6. 黑龙江省大庆市谷歌高清卫星地图下载
  7. 手把手教你制作炫酷的PCB板3D效果图
  8. [actions] -- actions详细使用
  9. 幼麟棋牌进入房间逻辑分析
  10. 2013-2019年百度搜索算法规则解读与应对