Masonry等間隔或等寬高布局視圖

視圖水平或者垂直方向布局子空間
1.視圖尺寸自適應达址,視圖之間邊距固定
2.視圖尺寸固定作彤,視圖之間邊距自適應

對于上述兩種需求第练,Masonry給系統(tǒng)NSArray增加分類View+MASAdditions擴充API

- (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType withFixedSpacing:(CGFloat)fixedSpacing leadSpacing:(CGFloat)leadSpacing tailSpacing:(CGFloat)tailSpacing;

- (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType withFixedItemLength:(CGFloat)fixedItemLength leadSpacing:(CGFloat)leadSpacing tailSpacing:(CGFloat)tailSpacing;

示例

1二驰、創(chuàng)建視圖添加到父視圖上,同時將視圖添加到數(shù)組中

    UIView *view1 = [[UIView alloc] init];
    view1.backgroundColor = [UIColor redColor];
    
    UIView *view2 = [[UIView alloc] init];
    view2.backgroundColor = [UIColor blueColor];
    
    UIView *view3 = [[UIView alloc] init];
    view3.backgroundColor = [UIColor greenColor];
    
    [self.view addSubview:view1];
    [self.view addSubview:view2];
    [self.view addSubview:view3];
    
    NSArray *views = @[view1, view2, view3];

2.1稿静、水平方向 視圖間距固定 寬度自適應

[views mas_distributeViewsAlongAxis:MASAxisTypeHorizontal withFixedSpacing:20 leadSpacing:10 tailSpacing:10];
[views mas_makeConstraints:^(MASConstraintMaker *make) {
   make.top.equalTo(@200.0f);
   make.height.equalTo(@100.0f);
}];
image.png

2.2梭冠、垂直方向 視圖間距固定 寬度自適應

[views mas_distributeViewsAlongAxis:MASAxisTypeVertical withFixedSpacing:50 leadSpacing:200 tailSpacing:50];
[views mas_makeConstraints:^(MASConstraintMaker *make) {
    make.centerX.equalTo(self.view);
    make.width.equalTo(@100.0f);
}];
example.png

需要注意的是: 橫排的時候要相應設(shè)置控件數(shù)組的垂直約束,豎排的時候要相應設(shè)置控件數(shù)字的水平約束改备。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末控漠,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子悬钳,更是在濱河造成了極大的恐慌盐捷,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件默勾,死亡現(xiàn)場離奇詭異碉渡,居然都是意外死亡,警方通過查閱死者的電腦和手機母剥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門滞诺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人环疼,你說我怎么就攤上這事习霹。” “怎么了炫隶?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵淋叶,是天一觀的道長。 經(jīng)常有香客問我等限,道長爸吮,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任望门,我火速辦了婚禮形娇,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘筹误。我一直安慰自己桐早,他們只是感情好,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布厨剪。 她就那樣靜靜地躺著哄酝,像睡著了一般。 火紅的嫁衣襯著肌膚如雪祷膳。 梳的紋絲不亂的頭發(fā)上陶衅,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天,我揣著相機與錄音直晨,去河邊找鬼搀军。 笑死,一個胖子當著我的面吹牛勇皇,可吹牛的內(nèi)容都是我干的罩句。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼敛摘,長吁一口氣:“原來是場噩夢啊……” “哼门烂!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起兄淫,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤屯远,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后拖叙,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體氓润,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年薯鳍,在試婚紗的時候發(fā)現(xiàn)自己被綠了咖气。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡挖滤,死狀恐怖崩溪,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情斩松,我是刑警寧澤伶唯,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站惧盹,受9級特大地震影響乳幸,放射性物質(zhì)發(fā)生泄漏瞪讼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一粹断、第九天 我趴在偏房一處隱蔽的房頂上張望符欠。 院中可真熱鬧,春花似錦瓶埋、人聲如沸希柿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽曾撤。三九已至,卻和暖如春晕粪,著一層夾襖步出監(jiān)牢的瞬間挤悉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工兵多, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留尖啡,地道東北人。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓剩膘,卻偏偏與公主長得像衅斩,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子怠褐,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354