【iOS】自動布局之Purelayout

masonry這個第三方庫件在github上很出名腊尚,貌似也很好用鹿蜀,但是我在看過masonry的介紹和使用方法之后,覺得有點隱隱的蛋疼检柬。
因為本人工作時間不多献联,加上一直都用的是Objective-C,看著masonry提供的方法基本上都是點語法何址,我的[]呢里逆?!用爪!怎么不在了原押?

于是在github上搜索到另外一個較出名的布局,便有了這段Purelayout的嘗試。


生成一個UIView:

UIView *view = [UIView newAutoLayoutView];
+ (instancetype)newAutoLayoutView
{
    ALView *view = [self new];
    view.translatesAutoresizingMaskIntoConstraints = NO;
    return view;
}

newAutoLayoutView是UIView的一個擴展方法项钮,其實達到的目的就是生成一個UIView實例班眯,并把該實例的translatesAutoresizingMaskIntoConstraints屬性置為NO。這個屬性值在默認情況下是YES烁巫,如果設(shè)置為 NO署隘,那么在運行時,程序不會自動將AutoresizingMask轉(zhuǎn)化成 Constraint亚隙。

1.view相對于父容器間距的位置
[view autoPinEdgeToSuperviewEdge:ALEdgeTop withInset:10];//相對于父容器頂部距離10
[view autoPinEdgeToSuperviewEdge:ALEdgeLeft withInset:10];//相對于父容器左部距離10
[view autoPinEdgeToSuperviewEdge:ALEdgeRight withInset:10];//相對于父容器右部距離10
[view autoPinEdgeToSuperviewEdge:ALEdgeBottom withInset:10];//相對于父容器底部距離10

值得注意的是Purelayout對UILabel做了一些人性化的處理:
在有的國家地區(qū)文字是從右至左的磁餐,以下代碼就是將label的起始位置距離父容器10

[label autoPinEdgeToSuperviewEdge:ALEdgeLeading withInset:10];
2.相對于父容器的中心位置:
[view autoCenterInSuperview];//view在父容器中心位置
[view autoAlignAxisToSuperviewAxis:ALAxisHorizontal];//view在父容器水平中心位置
[view autoAlignAxisToSuperviewAxis:ALAxisVertical];//view在父容器垂直中心位置
3.設(shè)置大小
[view autoSetDimensionsToSize:CGSizeMake(300, 300)];//設(shè)置view的大小為300*300
[view autoSetDimension:ALDimensionHeight toSize:300];//設(shè)置view的高度為300
[view autoSetDimension:ALDimensionWidth toSize:300];//設(shè)置view的寬度為300
4.相對位置

NSLayoutRelation是一個枚舉類型:

typedef NS_ENUM(NSInteger, NSLayoutRelation) {
    NSLayoutRelationLessThanOrEqual = -1,
    NSLayoutRelationEqual = 0,
    NSLayoutRelationGreaterThanOrEqual = 1,
};

見名知意,你懂的。

[view1 autoPinEdge:ALEdgeTop toEdge:ALEdgeBottom ofView:view2 withOffset:20 relation:NSLayoutRelationEqual];//view1的頂部在view2的底部的20像素的位置
5.中心對齊
[view1 autoAlignAxis:ALAxisVertical toSameAxisOfView:view2];//view1相對于view2保持在同一個垂直中心上

view1相對于view2保持在同一個垂直中心上

6.相對大小
[view1 autoMatchDimension:ALDimensionWidth toDimension:ALDimensionWidth ofView:view2];

view1的寬度和view2的寬度相等


在使用purelayout的時候值得注意:
1.purelayout提供的方法有些是只支持iOS8及以上的诊霹,如果iOS7及以下的調(diào)用了是會奔潰的羞延,本人就是因為這個被搞得欲仙欲死。好在purelayout在方法中都有介紹脾还。以上介紹的幾種使用場景的方法伴箩,也都是支持iOS7及以下系統(tǒng)的。
2.在view父容器為nil的時候鄙漏,執(zhí)行purelayout的方法會崩潰嗤谚。

有興趣的可以直接去github下載官方的demo,寫的也是相當(dāng)ok的怔蚌。

持續(xù)更新~~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末巩步,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子桦踊,更是在濱河造成了極大的恐慌椅野,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件籍胯,死亡現(xiàn)場離奇詭異竟闪,居然都是意外死亡,警方通過查閱死者的電腦和手機芒炼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門瘫怜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人本刽,你說我怎么就攤上這事≡蹋” “怎么了子寓?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長笋除。 經(jīng)常有香客問我斜友,道長,這世上最難降的妖魔是什么垃它? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任鲜屏,我火速辦了婚禮,結(jié)果婚禮上国拇,老公的妹妹穿的比我還像新娘洛史。我一直安慰自己,他們只是感情好酱吝,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布也殖。 她就那樣靜靜地躺著,像睡著了一般务热。 火紅的嫁衣襯著肌膚如雪忆嗜。 梳的紋絲不亂的頭發(fā)上己儒,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機與錄音捆毫,去河邊找鬼闪湾。 笑死,一個胖子當(dāng)著我的面吹牛绩卤,可吹牛的內(nèi)容都是我干的响谓。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼省艳,長吁一口氣:“原來是場噩夢啊……” “哼娘纷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起跋炕,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤赖晶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后辐烂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體遏插,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年纠修,在試婚紗的時候發(fā)現(xiàn)自己被綠了胳嘲。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡扣草,死狀恐怖了牛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情辰妙,我是刑警寧澤鹰祸,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站密浑,受9級特大地震影響蛙婴,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜尔破,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一街图、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧懒构,春花似錦餐济、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春滚朵,著一層夾襖步出監(jiān)牢的瞬間冤灾,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工辕近, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留韵吨,地道東北人。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓移宅,卻偏偏與公主長得像归粉,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子漏峰,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容