Masonry 的进阶 用法

  • 等比例 :
    如果给出一个 button,不要写死button 的宽高,否则不同设备显示会有偏差,所以,我们可以用等比例算出button的宽高

dividedBy() 算短边
multipliedBy()算长边
例子 宽高 3/1 ,可用 make.height.equalTo(view.mas_width).dividedBy(3) 算出 高度

代码:宽高比例 7:1 ,宽(左右约束) 高(通过比例计算)


image.png
  • 排列N个控件
    如果你想排列 N个控件,不需要算出每个控件高度

/**

  • distribute with fixed spacing
  • @param axisType 横排还是竖排
  • @param fixedSpacing 两个控件间隔
  • @param leadSpacing 第一个控件与边缘的间隔
  • @param tailSpacing 最后一个控件与边缘的间隔
    */
  • (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType withFixedSpacing:(CGFloat)fixedSpacing leadSpacing:(CGFloat)leadSpacing tailSpacing:(CGFloat)tailSpacing;
    /**
  • distribute with fixed item size
  • @param axisType 横排还是竖排
  • @param fixedItemLength 控件的宽或高
  • @param leadSpacing 第一个控件与边缘的间隔
  • @param tailSpacing 最后一个控件与边缘的间隔
    */
  • (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType withFixedItemLength:(CGFloat)fixedItemLength leadSpacing:(CGFloat)leadSpacing tailSpacing:(CGFloat)tailSpacing;

例:


image.png

如果 横向排列 设置高,反之你懂得

效果:


image.png

获取 VIew 的真实 数据frame:
方法 1. [self.view layoutIfNeeded];
方法 2.[view systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height);

自动根据bar 高度设置的引导属性值,举个例子:
存在navigationBar 时,mas_topLayoutGuideBottom 相当于 增加了44。
不存在navigationBar 时,mas_topLayoutGuideBottom 相对于 0 。

mas_topLayoutGuide;// navgationBar 相关,
mas_topLayoutGuideTop;
mas_topLayoutGuideBottom;

mas_bottomLayoutGuide;// tabbar toolbar 相关
mas_bottomLayoutGuideTop;
mas_bottomLayoutGuideBottom;

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • (一)Masonry介绍 Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布...
    木易林1阅读 2,646评论 0赞 3
  • Masonry是一个轻量级的布局框架,拥有自己的描述语法,采用更优雅的链式语法封装自动布局,简洁明了并具有高可读性...
    3dcc6cf93bb5阅读 1,986评论 0赞 1
  • iOS_autoLayout_Masonry 概述 Masonry是一个轻量级的布局框架与更好的包装AutoLay...
    指尖的跳动阅读 1,375评论 1赞 4
  • Masonry是一个轻量级的布局框架,它拥有自己的描述语法(采用更优雅的链式语法封装)来自动布局,具有很好可读性且...
    AngeloD阅读 3,621评论 0赞 9
  • 看到这张照片又恼火又绝望 什么鬼啊 一点精神都没有 什么拍照师傅嘛 一点都不敬业 心塞 妈蛋
    我是桂桂阅读 189评论 0赞 0

友情链接更多精彩内容