2016年8月1日 星期一

[Objective-C] Masonry的使用方法

Masonry

這是一個可以幫助你設置Constraint的好幫手,假設我們現在有個View,填滿螢幕,

距離上下左右都為10,使用內建程式碼寫起來會像以下這個樣子。



看起來實在不怎麼好閱讀,且難以維護,但是你只要使用Masonry的話,你可以透過簡短的程式碼,就設置好你想要的Constraint,就像下面的樣子。



甚至,你可以寫的更短一點

而且,Masonry還會自動幫你做完以下兩件事情。



而這三個參數等同於原生的這些

.equalTo 等同於 NSLayoutRelationEqual
.lessThanOrEqualTo 等同於 NSLayoutRelationLessThanOrEqual
.greaterThanOrEqualTo 等同於 NSLayoutRelationGreaterThanOrEqual

而Masonry與原生的NSLayoutAttribute對應如下

MASViewAttributeNSLayoutAttribute
view.mas_leftNSLayoutAttributeLeft
view.mas_rightNSLayoutAttributeRight
view.mas_topNSLayoutAttributeTop
view.mas_bottomNSLayoutAttributeBottom
view.mas_leadingNSLayoutAttributeLeading
view.mas_trailingNSLayoutAttributeTrailing
view.mas_widthNSLayoutAttributeWidth
view.mas_heightNSLayoutAttributeHeight
view.mas_centerXNSLayoutAttributeCenterX
view.mas_centerYNSLayoutAttributeCenterY
view.mas_baselineNSLayoutAttributeBaseline
最後用一個簡單的例子練習來當結尾。

有一個View,於ViewController中垂直水平置中,且寬高為150。

你的程式碼應該會像這個樣子