Masonry 的進(jìn)階 用法

  • 等比例 :
    如果給出一個(gè) button一死,不要寫(xiě)死button 的寬高逃片,否則不同設(shè)備顯示會(huì)有偏差空郊,所以,我們可以用等比例算出button的寬高

dividedBy() 算短邊
multipliedBy()算長(zhǎng)邊
例子 寬高 3/1 丈攒,可用 make.height.equalTo(view.mas_width).dividedBy(3) 算出 高度

代碼:寬高比例 7:1 渡嚣,寬(左右約束) 高(通過(guò)比例計(jì)算)


image.png
  • 排列N個(gè)控件
    如果你想排列 N個(gè)控件,不需要算出每個(gè)控件高度

/**

  • distribute with fixed spacing
  • @param axisType 橫排還是豎排
  • @param fixedSpacing 兩個(gè)控件間隔
  • @param leadSpacing 第一個(gè)控件與邊緣的間隔
  • @param tailSpacing 最后一個(gè)控件與邊緣的間隔
    */
  • (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType withFixedSpacing:(CGFloat)fixedSpacing leadSpacing:(CGFloat)leadSpacing tailSpacing:(CGFloat)tailSpacing;
    /**
  • distribute with fixed item size
  • @param axisType 橫排還是豎排
  • @param fixedItemLength 控件的寬或高
  • @param leadSpacing 第一個(gè)控件與邊緣的間隔
  • @param tailSpacing 最后一個(gè)控件與邊緣的間隔
    */
  • (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType withFixedItemLength:(CGFloat)fixedItemLength leadSpacing:(CGFloat)leadSpacing tailSpacing:(CGFloat)tailSpacing;

例:


image.png

如果 橫向排列 設(shè)置高肥印,反之你懂得

效果:


image.png

獲取 VIew 的真實(shí) 數(shù)據(jù)frame:
方法 1. [self.view layoutIfNeeded];
方法 2.[view systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height);

自動(dòng)根據(jù)bar 高度設(shè)置的引導(dǎo)屬性值绝葡,舉個(gè)例子:
存在navigationBar 時(shí)深碱,mas_topLayoutGuideBottom 相當(dāng)于 增加了44。
不存在navigationBar 時(shí)藏畅,mas_topLayoutGuideBottom 相對(duì)于 0 敷硅。

mas_topLayoutGuide;// navgationBar 相關(guān),
mas_topLayoutGuideTop;
mas_topLayoutGuideBottom;

mas_bottomLayoutGuide;// tabbar toolbar 相關(guān)
mas_bottomLayoutGuideTop;
mas_bottomLayoutGuideBottom;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末愉阎,一起剝皮案震驚了整個(gè)濱河市绞蹦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌榜旦,老刑警劉巖幽七,帶你破解...
    沈念sama閱讀 218,546評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異溅呢,居然都是意外死亡澡屡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門咐旧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)驶鹉,“玉大人,你說(shuō)我怎么就攤上這事铣墨∈衣瘢” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,911評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)姚淆。 經(jīng)常有香客問(wèn)我孕蝉,道長(zhǎng),這世上最難降的妖魔是什么肉盹? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,737評(píng)論 1 294
  • 正文 為了忘掉前任昔驱,我火速辦了婚禮,結(jié)果婚禮上上忍,老公的妹妹穿的比我還像新娘骤肛。我一直安慰自己,他們只是感情好窍蓝,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,753評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布腋颠。 她就那樣靜靜地躺著,像睡著了一般吓笙。 火紅的嫁衣襯著肌膚如雪淑玫。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,598評(píng)論 1 305
  • 那天面睛,我揣著相機(jī)與錄音絮蒿,去河邊找鬼。 笑死叁鉴,一個(gè)胖子當(dāng)著我的面吹牛土涝,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播幌墓,決...
    沈念sama閱讀 40,338評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼但壮,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了常侣?” 一聲冷哼從身側(cè)響起蜡饵,我...
    開(kāi)封第一講書(shū)人閱讀 39,249評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎胳施,沒(méi)想到半個(gè)月后溯祸,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,696評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡舞肆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,888評(píng)論 3 336
  • 正文 我和宋清朗相戀三年您没,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胆绊。...
    茶點(diǎn)故事閱讀 40,013評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡氨鹏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出压状,到底是詐尸還是另有隱情仆抵,我是刑警寧澤跟继,帶...
    沈念sama閱讀 35,731評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站镣丑,受9級(jí)特大地震影響舔糖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜莺匠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,348評(píng)論 3 330
  • 文/蒙蒙 一梨州、第九天 我趴在偏房一處隱蔽的房頂上張望阳掐。 院中可真熱鬧侨赡,春花似錦胆剧、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,929評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至单匣,卻和暖如春夕凝,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背户秤。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,048評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工码秉, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鸡号。 一個(gè)月前我還...
    沈念sama閱讀 48,203評(píng)論 3 370
  • 正文 我出身青樓转砖,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親膜蠢。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,960評(píng)論 2 355

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

  • (一)Masonry介紹 Masonry是一個(gè)輕量級(jí)的布局框架 擁有自己的描述語(yǔ)法 采用更優(yōu)雅的鏈?zhǔn)秸Z(yǔ)法封裝自動(dòng)布...
    木易林1閱讀 2,338評(píng)論 0 3
  • Masonry是一個(gè)輕量級(jí)的布局框架莉兰,擁有自己的描述語(yǔ)法挑围,采用更優(yōu)雅的鏈?zhǔn)秸Z(yǔ)法封裝自動(dòng)布局,簡(jiǎn)潔明了并具有高可讀性...
    3dcc6cf93bb5閱讀 1,768評(píng)論 0 1
  • iOS_autoLayout_Masonry 概述 Masonry是一個(gè)輕量級(jí)的布局框架與更好的包裝AutoLay...
    指尖的跳動(dòng)閱讀 1,165評(píng)論 1 4
  • Masonry是一個(gè)輕量級(jí)的布局框架糖荒,它擁有自己的描述語(yǔ)法(采用更優(yōu)雅的鏈?zhǔn)秸Z(yǔ)法封裝)來(lái)自動(dòng)布局杉辙,具有很好可讀性且...
    AngeloD閱讀 3,302評(píng)論 0 9
  • 看到這張照片又惱火又絕望 什么鬼啊 一點(diǎn)精神都沒(méi)有 什么拍照師傅嘛 一點(diǎn)都不敬業(yè) 心塞 媽蛋
    我是桂桂閱讀 163評(píng)論 0 0