使用Masonry實現等間距布局

2021-10-03 19:08:06 字數 1238 閱讀 5822

在ios開發的工程中,我們大部分都使用autolayout來實現布局,鑑於系統原生autolayout api提供的函式的複雜性和**量,我們實現乙個簡單的布局,往往需要大量的**才能實現。這個時候,基於autolayout封裝的第三方庫masonry的及時出現,解決了這個問題。只需要很少量的**,我們即可以實現輕鬆的實現我們的需求。而類似等間距布局的檢視布局,也經常長線在我們的需求中,那麼問題來了,如何使用masonry來實現等間距布局呢。其實masonry提供了兩個方法來實現這種需求。

1.固定控制項間距,自適應寬度(高度)
/// 自適應控制項寬度(高度) 我們設定控制項的之間的間距,自動計算控制項的高度(寬度)

/// @param axistype 控制項排列的方向

/// @param fixedspacing 間距

/// @param leadspacing 右邊檢視距離父檢視間距

/// @param tailspacing 右邊檢視距離父檢視間距

-

(void

)mas_distributeviewsalongaxis:

(masaxistype)axistype withfixedspacing:

(cgfloat)fixedspacing leadspacing:

(cgfloat)leadspacing tailspacing:

(cgfloat)tailspacing;

2.固定控制項寬度(高度),自適應控制項間距
/// 固定控制項寬度(高度) 我們設定控制項的寬度(高度) 自動計算控制項之間的間距

/// @param axistype 控制項排列的方向

/// @param fixeditemlength 控制項的寬度(高度)

/// @param leadspacing 左邊檢視距離父檢視的間距

/// @param tailspacing 右邊檢視距離父檢視的間距

-

(void

)mas_distributeviewsalongaxis:

(masaxistype)axistype withfixeditemlength:

(cgfloat)fixeditemlength leadspacing:

(cgfloat)leadspacing tailspacing;

等間距布局 從0開始說一下masonry的使用

以下將從幾個方面說一下如何使用masonry 怎樣新增約束才能滿足乙個view,及masonry的基本使用 如何使用masonry等間隙排布幾個view 更新約束動畫 scrolview如何布局 tableviewcell高度動態變化 先直接上圖,最終要實現這樣乙個布局 這裡一共三部分,最上面黃色的...

使用第三方框架 Masonry 實現自動布局

標籤 由於前兩天都在學習自動布局的使用,但是又覺得蘋果原生的方式太過於麻煩,而且也不易於理解,昨天聽人說了有個第三方框架也可以實現自動布局的功能,然後在上找到了mansonry這個框架,使用起來真的減少了很多時間,而且 直觀,更加容易理解。以上說明了與參照控制項的關係中三種條件的對應替代方法。以上說...

css中合理的使用nth child實現布局

寫這篇文章的目的,主要是今天要實現乙個布局 li,每行三個,總數不定,只能相鄰的li之間需要10px的間距,效果如下圖 大家可以先自己實現一下,我這裡也是思考了很久,最後整理了思緒,發現先給每個li新增margin right 10px 然後給第3n個加上margin bottom 10px 並且去...