masonry使用方法，masonry布局多控件横向或纵向一次性布局

最新推荐文章于 2022-12-30 15:01:00 发布

你真的是齐天大圣吗

最新推荐文章于 2022-12-30 15:01:00 发布

阅读量2.4k

点赞数

分类专栏： masonry布局多控件布局文章标签： masonry布局多控件布局 masonry使用

本文链接：https://blog.csdn.net/PorGer333/article/details/75528394

版权

本文介绍了Masonry布局的使用方法，重点讲解如何实现多控件的横向和纵向一次性布局，帮助开发者更好地理解和应用Masonry进行灵活的界面布局。

摘要由CSDN通过智能技术生成

使用Masonry进行横向或者纵向的多控件的规律性布局。使用：

/**
     <#(MASAxisType)#> 为 MASAxisTypeHorizontal 时：
     即横向排列:withFixedItemLength 控件宽度
              leadSpacing         首个控件的left
              tailSpacing         末尾控件的right
     
     <#(MASAxisType)#> 为 MASAxisTypeVertical 时：
     即纵向排列:withFixedItemLength 控件宽度
              leadSpacing         首个控件的top
              tailSpacing         末尾控件的bottom
     */
    
    [viewArrs mas_distributeViewsAlongAxis:<#(MASAxisType)#> withFixedItemLength:<#(CGFloat)#> leadSpacing:<#(CGFloat)#> tailSpacing:<#(CGFloat)#>];
    
    
    /**
    <#(MASAxisType)#> 为 MASAxisTypeHorizontal 时：
    即横向排列:withFixedSpacing 相邻两个控件之间的间距
             leadSpacing      首个控件的left
             tailSpacing      末尾控件的right
    
    <#(MASAxisType)#> 为 MASAxisTypeVertical 时：
    即纵向排列:withFixedSpacing 相邻两个控件之间的间距
             leadSpacing      首个控件的top
             tailSpacing      末尾控件的bottom
     */
    [viewArrs mas_distributeViewsAlongAxis:<#(MASAxisType)#> withFixedSpacing:<#(CGFloat)#> leadSpacing:<#(CGFloat)#> tailSpacing:<#(CGFloat)#>];

需要注意的是：这两个方法中的控件必须是2个极其以上。masonry中有明确规定，否则这里会崩溃。